<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-3760018249813190743</id><updated>2026-05-28T17:56:50.606-07:00</updated><category term="Química"/><category term="Saúde"/><category term="Nutrição"/><category term="Ciências Naturais"/><category term="Sobrenatural"/><title type='text'>PLATAO.LAB</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='https://lauroanimal.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default'/><link rel='alternate' type='text/html' href='https://lauroanimal.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>plataovag.blogspot.com</name><uri>http://www.blogger.com/profile/15929345909017921942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>13</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3760018249813190743.post-2899311399685420728</id><published>2026-05-17T16:27:40.812-07:00</published><updated>2026-05-17T16:58:12.836-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Nutrição"/><category scheme="http://www.blogger.com/atom/ns#" term="Química"/><title type='text'>A Química da Nutrição: como os alimentos funcionam dentro do corpo</title><content type='html'>A alimentação é muito mais do que matar a fome. Por trás de cada refeição existe uma verdadeira rede de reações químicas que mantém o organismo funcionando. A química da nutrição estuda exatamente isso: como os nutrientes interagem com o corpo humano para gerar energia, fortalecer células e regular funções vitais.
&lt;hr data-end=&quot;390&quot; data-start=&quot;387&quot; /&gt;
&lt;h2 data-end=&quot;425&quot; data-section-id=&quot;1q4hz9l&quot; data-start=&quot;392&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;O que é a química da nutrição?&lt;/span&gt;&lt;/h2&gt;
&lt;p data-end=&quot;470&quot; data-start=&quot;427&quot;&gt;A química da nutrição é a área que analisa:&lt;/p&gt;
&lt;ul data-end=&quot;604&quot; data-start=&quot;471&quot;&gt;
&lt;li data-end=&quot;507&quot; data-section-id=&quot;60avrv&quot; data-start=&quot;471&quot; style=&quot;text-align: justify;&quot;&gt;
A composição química dos alimentos
&lt;/li&gt;
&lt;li data-end=&quot;535&quot; data-section-id=&quot;piriaw&quot; data-start=&quot;508&quot;&gt;
A digestão dos nutrientes
&lt;/li&gt;
&lt;li data-end=&quot;567&quot; data-section-id=&quot;1pz8qzv&quot; data-start=&quot;536&quot;&gt;
As transformações metabólicas
&lt;/li&gt;
&lt;li data-end=&quot;604&quot; data-section-id=&quot;1l6je0w&quot; data-start=&quot;568&quot;&gt;
A produção de energia no organismo
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;693&quot; data-start=&quot;606&quot;&gt;Cada alimento contém moléculas específicas que desempenham funções diferentes no corpo.&lt;/p&gt;
&lt;hr data-end=&quot;698&quot; data-start=&quot;695&quot; /&gt;
&lt;h1 data-end=&quot;751&quot; data-section-id=&quot;ljzkdd&quot; data-start=&quot;700&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Os principais nutrientes e sua composição química&lt;/span&gt;&lt;/h1&gt;
&lt;h2 data-end=&quot;797&quot; data-section-id=&quot;x839df&quot; data-start=&quot;753&quot;&gt;🍞 &lt;span style=&quot;font-size: medium;&quot;&gt;Carboidratos: combustível do organismo&lt;/span&gt;&lt;/h2&gt;
&lt;p data-end=&quot;847&quot; data-start=&quot;799&quot;&gt;Os carboidratos são formados principalmente por:&lt;/p&gt;
&lt;ul data-end=&quot;893&quot; data-start=&quot;848&quot;&gt;
&lt;li data-end=&quot;861&quot; data-section-id=&quot;nw7s7q&quot; data-start=&quot;848&quot;&gt;
Carbono (C)
&lt;/li&gt;
&lt;li data-end=&quot;878&quot; data-section-id=&quot;mapon0&quot; data-start=&quot;862&quot;&gt;
Hidrogênio (H)
&lt;/li&gt;
&lt;li data-end=&quot;893&quot; data-section-id=&quot;1x4f725&quot; data-start=&quot;879&quot;&gt;
Oxigênio (O)
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;935&quot; data-start=&quot;895&quot;&gt;Sua principal função é fornecer energia.&lt;/p&gt;
&lt;h3 data-end=&quot;950&quot; data-section-id=&quot;at1q89&quot; data-start=&quot;937&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Exemplos:&lt;/span&gt;&lt;/h3&gt;
&lt;ul data-end=&quot;992&quot; data-start=&quot;951&quot;&gt;
&lt;li data-end=&quot;957&quot; data-section-id=&quot;1j46unh&quot; data-start=&quot;951&quot;&gt;
Pães
&lt;/li&gt;
&lt;li data-end=&quot;966&quot; data-section-id=&quot;1tkwn7a&quot; data-start=&quot;958&quot;&gt;
Massas
&lt;/li&gt;
&lt;li data-end=&quot;974&quot; data-section-id=&quot;16z2hwc&quot; data-start=&quot;967&quot;&gt;
Arroz
&lt;/li&gt;
&lt;li data-end=&quot;983&quot; data-section-id=&quot;1vohhsb&quot; data-start=&quot;975&quot;&gt;
Batata
&lt;/li&gt;
&lt;li data-end=&quot;992&quot; data-section-id=&quot;1ygmqtr&quot; data-start=&quot;984&quot;&gt;
Frutas
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;1055&quot; data-start=&quot;994&quot;&gt;Durante a digestão, os carboidratos são quebrados em glicose.&lt;/p&gt;
&lt;p data-end=&quot;1099&quot; data-start=&quot;1057&quot;&gt;A glicose participa da respiração celular:&lt;/p&gt;
&lt;p data-end=&quot;1138&quot; data-start=&quot;1101&quot;&gt;&lt;span class=&quot;inline-block align-middle&quot;&gt;&lt;span class=&quot;katex&quot;&gt;&lt;span class=&quot;katex-mathml&quot;&gt;&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;semantics&gt;&lt;mrow&gt;&lt;msub&gt;&lt;mi&gt;C&lt;/mi&gt;&lt;mn&gt;6&lt;/mn&gt;&lt;/msub&gt;&lt;msub&gt;&lt;mi&gt;H&lt;/mi&gt;&lt;mn&gt;12&lt;/mn&gt;&lt;/msub&gt;&lt;msub&gt;&lt;mi&gt;O&lt;/mi&gt;&lt;mn&gt;6&lt;/mn&gt;&lt;/msub&gt;&lt;mo&gt;+&lt;/mo&gt;&lt;mn&gt;6&lt;/mn&gt;&lt;msub&gt;&lt;mi&gt;O&lt;/mi&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;/msub&gt;&lt;mo&gt;→&lt;/mo&gt;&lt;mn&gt;6&lt;/mn&gt;&lt;mi&gt;C&lt;/mi&gt;&lt;msub&gt;&lt;mi&gt;O&lt;/mi&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;/msub&gt;&lt;mo&gt;+&lt;/mo&gt;&lt;mn&gt;6&lt;/mn&gt;&lt;msub&gt;&lt;mi&gt;H&lt;/mi&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;/msub&gt;&lt;mi&gt;O&lt;/mi&gt;&lt;mo&gt;+&lt;/mo&gt;&lt;mi&gt;E&lt;/mi&gt;&lt;mi&gt;n&lt;/mi&gt;&lt;mi&gt;e&lt;/mi&gt;&lt;mi&gt;r&lt;/mi&gt;&lt;mi&gt;g&lt;/mi&gt;&lt;mi&gt;i&lt;/mi&gt;&lt;mi&gt;a&lt;/mi&gt;&lt;/mrow&gt;&lt;annotation encoding=&quot;application/x-tex&quot;&gt;C_6H_{12}O_6 + 6O_2 \rightarrow 6CO_2 + 6H_2O + Energia&lt;/annotation&gt;&lt;/semantics&gt;&lt;/math&gt;&lt;/span&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;katex-html&quot;&gt;&lt;span class=&quot;base&quot;&gt;&lt;span class=&quot;strut&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mord mathnormal&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-end=&quot;1199&quot; data-start=&quot;1140&quot;&gt;Essa reação química libera energia utilizada pelas células.&lt;/p&gt;
&lt;hr data-end=&quot;1204&quot; data-start=&quot;1201&quot; /&gt;
&lt;h2 data-end=&quot;1250&quot; data-section-id=&quot;14102qa&quot; data-start=&quot;1206&quot;&gt;🥩 &lt;span style=&quot;font-size: medium;&quot;&gt;Proteínas: construção e reparo celular&lt;/span&gt;&lt;/h2&gt;
&lt;p data-end=&quot;1304&quot; data-start=&quot;1252&quot;&gt;As proteínas são moléculas formadas por aminoácidos.&lt;/p&gt;
&lt;p data-end=&quot;1354&quot; data-start=&quot;1306&quot;&gt;Além de carbono, hidrogênio e oxigênio, possuem:&lt;/p&gt;
&lt;ul data-end=&quot;1394&quot; data-start=&quot;1355&quot;&gt;
&lt;li data-end=&quot;1371&quot; data-section-id=&quot;1c4swvg&quot; data-start=&quot;1355&quot;&gt;
Nitrogênio (N)
&lt;/li&gt;
&lt;li data-end=&quot;1394&quot; data-section-id=&quot;irv8zf&quot; data-start=&quot;1372&quot;&gt;
Às vezes enxofre (S)
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 data-end=&quot;1408&quot; data-section-id=&quot;zil7l1&quot; data-start=&quot;1396&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Funções:&lt;/span&gt;&lt;/h3&gt;
&lt;ul data-end=&quot;1497&quot; data-start=&quot;1409&quot;&gt;
&lt;li data-end=&quot;1428&quot; data-section-id=&quot;1b4lrue&quot; data-start=&quot;1409&quot;&gt;
Formação muscular
&lt;/li&gt;
&lt;li data-end=&quot;1452&quot; data-section-id=&quot;we993d&quot; data-start=&quot;1429&quot;&gt;
Produção de hormônios
&lt;/li&gt;
&lt;li data-end=&quot;1474&quot; data-section-id=&quot;9vdjaq&quot; data-start=&quot;1453&quot;&gt;
Formação de enzimas
&lt;/li&gt;
&lt;li data-end=&quot;1497&quot; data-section-id=&quot;1hr6gqc&quot; data-start=&quot;1475&quot;&gt;
Reparação de tecidos
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 data-end=&quot;1510&quot; data-section-id=&quot;3pj8t5&quot; data-start=&quot;1499&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Fontes:&lt;/span&gt;&lt;/h3&gt;
&lt;ul data-end=&quot;1554&quot; data-start=&quot;1511&quot;&gt;
&lt;li data-end=&quot;1519&quot; data-section-id=&quot;1uycwqo&quot; data-start=&quot;1511&quot;&gt;
Carnes
&lt;/li&gt;
&lt;li data-end=&quot;1526&quot; data-section-id=&quot;1j3ygb1&quot; data-start=&quot;1520&quot;&gt;
Ovos
&lt;/li&gt;
&lt;li data-end=&quot;1534&quot; data-section-id=&quot;16r1fq1&quot; data-start=&quot;1527&quot;&gt;
Leite
&lt;/li&gt;
&lt;li data-end=&quot;1543&quot; data-section-id=&quot;1y6a5ms&quot; data-start=&quot;1535&quot;&gt;
Feijão
&lt;/li&gt;
&lt;li data-end=&quot;1554&quot; data-section-id=&quot;oqmp9z&quot; data-start=&quot;1544&quot;&gt;
Lentilha
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;1559&quot; data-start=&quot;1556&quot; /&gt;
&lt;h2 data-end=&quot;1595&quot; data-section-id=&quot;1cly5gw&quot; data-start=&quot;1561&quot;&gt;🥑 &lt;span style=&quot;font-size: medium;&quot;&gt;Lipídios: reserva energética&lt;/span&gt;&lt;/h2&gt;
&lt;p data-end=&quot;1684&quot; data-start=&quot;1597&quot;&gt;Os lipídios, conhecidos como gorduras, armazenam energia e ajudam na produção hormonal.&lt;/p&gt;
&lt;h3 data-end=&quot;1699&quot; data-section-id=&quot;at1q89&quot; data-start=&quot;1686&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Exemplos:&lt;/span&gt;&lt;/h3&gt;
&lt;ul data-end=&quot;1739&quot; data-start=&quot;1700&quot;&gt;
&lt;li data-end=&quot;1708&quot; data-section-id=&quot;1wewy32&quot; data-start=&quot;1700&quot;&gt;
Azeite
&lt;/li&gt;
&lt;li data-end=&quot;1718&quot; data-section-id=&quot;1egd74p&quot; data-start=&quot;1709&quot;&gt;
Abacate
&lt;/li&gt;
&lt;li data-end=&quot;1730&quot; data-section-id=&quot;aks794&quot; data-start=&quot;1719&quot;&gt;
Castanhas
&lt;/li&gt;
&lt;li data-end=&quot;1739&quot; data-section-id=&quot;39ctui&quot; data-start=&quot;1731&quot;&gt;
Peixes
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;1800&quot; data-start=&quot;1741&quot;&gt;Apesar da fama negativa, gorduras boas são essenciais para:&lt;/p&gt;
&lt;ul data-end=&quot;1868&quot; data-start=&quot;1801&quot;&gt;
&lt;li data-end=&quot;1825&quot; data-section-id=&quot;1e5c6su&quot; data-start=&quot;1801&quot;&gt;
Funcionamento cerebral
&lt;/li&gt;
&lt;li data-end=&quot;1844&quot; data-section-id=&quot;1q0b68v&quot; data-start=&quot;1826&quot;&gt;
Proteção celular
&lt;/li&gt;
&lt;li data-end=&quot;1868&quot; data-section-id=&quot;dmwql9&quot; data-start=&quot;1845&quot;&gt;
Absorção de vitaminas
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;1873&quot; data-start=&quot;1870&quot; /&gt;
&lt;h1 data-end=&quot;1923&quot; data-section-id=&quot;j2tatw&quot; data-start=&quot;1875&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Vitaminas: pequenas moléculas, grandes funções&lt;/span&gt;&lt;/h1&gt;
&lt;p data-end=&quot;1985&quot; data-start=&quot;1925&quot;&gt;As vitaminas atuam como reguladoras químicas do metabolismo.&lt;/p&gt;
&lt;h2 data-end=&quot;2010&quot; data-section-id=&quot;151pi4g&quot; data-start=&quot;1987&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Exemplos importantes&lt;/span&gt;&lt;/h2&gt;
&lt;h3 data-end=&quot;2029&quot; data-section-id=&quot;1i1d7g2&quot; data-start=&quot;2012&quot;&gt;🍊 &lt;span style=&quot;font-size: medium;&quot;&gt;Vitamina C&lt;/span&gt;&lt;/h3&gt;
&lt;p data-end=&quot;2089&quot; data-start=&quot;2030&quot;&gt;Participa da produção de colágeno e atua como antioxidante.&lt;/p&gt;
&lt;p data-end=&quot;2107&quot; data-start=&quot;2091&quot;&gt;Fórmula química:&lt;/p&gt;
&lt;p data-end=&quot;2146&quot; data-start=&quot;2109&quot;&gt;&lt;span class=&quot;inline-block align-middle&quot;&gt;&lt;span class=&quot;katex&quot;&gt;&lt;span class=&quot;katex-mathml&quot;&gt;&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;semantics&gt;&lt;mrow&gt;&lt;msub&gt;&lt;mi&gt;C&lt;/mi&gt;&lt;mn&gt;6&lt;/mn&gt;&lt;/msub&gt;&lt;msub&gt;&lt;mi&gt;H&lt;/mi&gt;&lt;mn&gt;8&lt;/mn&gt;&lt;/msub&gt;&lt;msub&gt;&lt;mi&gt;O&lt;/mi&gt;&lt;mn&gt;6&lt;/mn&gt;&lt;/msub&gt;&lt;/mrow&gt;&lt;annotation encoding=&quot;application/x-tex&quot;&gt;C_6H_8O_6&lt;/annotation&gt;&lt;/semantics&gt;&lt;/math&gt;&lt;/span&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;katex-html&quot;&gt;&lt;span class=&quot;base&quot;&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;msupsub&quot;&gt;&lt;span class=&quot;vlist-t vlist-t2&quot;&gt;&lt;span class=&quot;vlist-r&quot;&gt;&lt;span class=&quot;vlist-s&quot;&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;vlist-r&quot;&gt;&lt;span class=&quot;vlist&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h3 data-end=&quot;2165&quot; data-section-id=&quot;3zccr1&quot; data-start=&quot;2148&quot;&gt;🥕 &lt;span style=&quot;font-size: medium;&quot;&gt;Vitamina A&lt;/span&gt;&lt;/h3&gt;
&lt;p data-end=&quot;2182&quot; data-start=&quot;2166&quot;&gt;Importante para:&lt;/p&gt;
&lt;ul data-end=&quot;2209&quot; data-start=&quot;2183&quot;&gt;
&lt;li data-end=&quot;2190&quot; data-section-id=&quot;17c1aso&quot; data-start=&quot;2183&quot;&gt;
Visão
&lt;/li&gt;
&lt;li data-end=&quot;2202&quot; data-section-id=&quot;ndn2sa&quot; data-start=&quot;2191&quot;&gt;
Imunidade
&lt;/li&gt;
&lt;li data-end=&quot;2209&quot; data-section-id=&quot;1j49yqc&quot; data-start=&quot;2203&quot;&gt;
Pele
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 data-end=&quot;2228&quot; data-section-id=&quot;vwy0q4&quot; data-start=&quot;2211&quot;&gt;☀️ &lt;span style=&quot;font-size: medium;&quot;&gt;Vitamina D&lt;/span&gt;&lt;/h3&gt;
&lt;p data-end=&quot;2259&quot; data-start=&quot;2229&quot;&gt;Auxilia na absorção de cálcio.&lt;/p&gt;
&lt;hr data-end=&quot;2264&quot; data-start=&quot;2261&quot; /&gt;
&lt;h1 data-end=&quot;2297&quot; data-section-id=&quot;tqdeor&quot; data-start=&quot;2266&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Minerais e equilíbrio químico&lt;/span&gt;&lt;/h1&gt;
&lt;p data-end=&quot;2345&quot; data-start=&quot;2299&quot;&gt;Os minerais são elementos químicos essenciais.&lt;/p&gt;
&lt;h2 data-end=&quot;2370&quot; data-section-id=&quot;r3w3wd&quot; data-start=&quot;2347&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Principais minerais:&lt;/span&gt;&lt;/h2&gt;
&lt;ul data-end=&quot;2441&quot; data-start=&quot;2371&quot;&gt;
&lt;li data-end=&quot;2384&quot; data-section-id=&quot;1cgbmyo&quot; data-start=&quot;2371&quot;&gt;
Cálcio (Ca)
&lt;/li&gt;
&lt;li data-end=&quot;2397&quot; data-section-id=&quot;ficwh2&quot; data-start=&quot;2385&quot;&gt;
Ferro (Fe)
&lt;/li&gt;
&lt;li data-end=&quot;2412&quot; data-section-id=&quot;1aji2ha&quot; data-start=&quot;2398&quot;&gt;
Potássio (K)
&lt;/li&gt;
&lt;li data-end=&quot;2428&quot; data-section-id=&quot;42g9ei&quot; data-start=&quot;2413&quot;&gt;
Magnésio (Mg)
&lt;/li&gt;
&lt;li data-end=&quot;2441&quot; data-section-id=&quot;4ac5dw&quot; data-start=&quot;2429&quot;&gt;
Sódio (Na)
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;2475&quot; data-start=&quot;2443&quot;&gt;Eles participam de funções como:&lt;/p&gt;
&lt;ul data-end=&quot;2566&quot; data-start=&quot;2476&quot;&gt;
&lt;li data-end=&quot;2496&quot; data-section-id=&quot;1yfqhb8&quot; data-start=&quot;2476&quot;&gt;
Contração muscular
&lt;/li&gt;
&lt;li data-end=&quot;2521&quot; data-section-id=&quot;250o50&quot; data-start=&quot;2497&quot;&gt;
Transporte de oxigênio
&lt;/li&gt;
&lt;li data-end=&quot;2542&quot; data-section-id=&quot;l67li9&quot; data-start=&quot;2522&quot;&gt;
Equilíbrio hídrico
&lt;/li&gt;
&lt;li data-end=&quot;2566&quot; data-section-id=&quot;182wk7y&quot; data-start=&quot;2543&quot;&gt;
Funcionamento nervoso
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;2571&quot; data-start=&quot;2568&quot; /&gt;
&lt;h1 data-end=&quot;2618&quot; data-section-id=&quot;1b8ew2k&quot; data-start=&quot;2573&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;O metabolismo: laboratório químico do corpo&lt;/span&gt;&lt;/h1&gt;
&lt;p data-end=&quot;2709&quot; data-start=&quot;2620&quot;&gt;O metabolismo é o conjunto de reações químicas que acontecem constantemente no organismo.&lt;/p&gt;
&lt;p data-end=&quot;2729&quot; data-start=&quot;2711&quot;&gt;Ele é dividido em:&lt;/p&gt;
&lt;h2 data-end=&quot;2744&quot; data-section-id=&quot;ptzq42&quot; data-start=&quot;2731&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Anabolismo&lt;/span&gt;&lt;/h2&gt;
&lt;p data-end=&quot;2774&quot; data-start=&quot;2745&quot;&gt;Constrói moléculas e tecidos.&lt;/p&gt;
&lt;h2 data-end=&quot;2790&quot; data-section-id=&quot;10jm1d7&quot; data-start=&quot;2776&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Catabolismo&lt;/span&gt;&lt;/h2&gt;
&lt;p data-end=&quot;2827&quot; data-start=&quot;2791&quot;&gt;Quebra moléculas para gerar energia.&lt;/p&gt;
&lt;p data-end=&quot;2912&quot; data-start=&quot;2829&quot;&gt;Esses processos ocorrem graças às enzimas, proteínas que aceleram reações químicas.&lt;/p&gt;
&lt;hr data-end=&quot;2917&quot; data-start=&quot;2914&quot; /&gt;
&lt;h1 data-end=&quot;2942&quot; data-section-id=&quot;tf8wzt&quot; data-start=&quot;2919&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;A química da digestão&lt;/span&gt;&lt;/h1&gt;
&lt;p data-end=&quot;2991&quot; data-start=&quot;2944&quot;&gt;A digestão é uma sequência de reações químicas.&lt;/p&gt;
&lt;h2 data-end=&quot;3004&quot; data-section-id=&quot;sgbsqh&quot; data-start=&quot;2993&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Exemplo:&lt;/span&gt;&lt;/h2&gt;
&lt;p data-end=&quot;3068&quot; data-start=&quot;3005&quot;&gt;A enzima amilase quebra o amido em moléculas menores de açúcar.&lt;/p&gt;
&lt;p data-end=&quot;3097&quot; data-start=&quot;3070&quot;&gt;Representação simplificada:&lt;/p&gt;
&lt;p data-end=&quot;3136&quot; data-start=&quot;3099&quot;&gt;&lt;span class=&quot;inline-block align-middle&quot;&gt;&lt;span class=&quot;katex&quot;&gt;&lt;span class=&quot;katex-mathml&quot;&gt;&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;semantics&gt;&lt;mrow&gt;&lt;mo stretchy=&quot;false&quot;&gt;(&lt;/mo&gt;&lt;msub&gt;&lt;mi&gt;C&lt;/mi&gt;&lt;mn&gt;6&lt;/mn&gt;&lt;/msub&gt;&lt;msub&gt;&lt;mi&gt;H&lt;/mi&gt;&lt;mn&gt;10&lt;/mn&gt;&lt;/msub&gt;&lt;msub&gt;&lt;mi&gt;O&lt;/mi&gt;&lt;mn&gt;5&lt;/mn&gt;&lt;/msub&gt;&lt;msub&gt;&lt;mo stretchy=&quot;false&quot;&gt;)&lt;/mo&gt;&lt;mi&gt;n&lt;/mi&gt;&lt;/msub&gt;&lt;mo&gt;+&lt;/mo&gt;&lt;msub&gt;&lt;mi&gt;H&lt;/mi&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;/msub&gt;&lt;mi&gt;O&lt;/mi&gt;&lt;mo&gt;→&lt;/mo&gt;&lt;mi&gt;Aç&lt;/mi&gt;&lt;mover accent=&quot;true&quot;&gt;&lt;mi&gt;u&lt;/mi&gt;&lt;mo&gt;ˊ&lt;/mo&gt;&lt;/mover&gt;&lt;mi&gt;c&lt;/mi&gt;&lt;mi&gt;a&lt;/mi&gt;&lt;mi&gt;r&lt;/mi&gt;&lt;mi&gt;e&lt;/mi&gt;&lt;mi&gt;s&lt;/mi&gt;&lt;mtext&gt;&amp;nbsp;&lt;/mtext&gt;&lt;mi&gt;s&lt;/mi&gt;&lt;mi&gt;i&lt;/mi&gt;&lt;mi&gt;m&lt;/mi&gt;&lt;mi&gt;p&lt;/mi&gt;&lt;mi&gt;l&lt;/mi&gt;&lt;mi&gt;e&lt;/mi&gt;&lt;mi&gt;s&lt;span class=&quot;base&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/mi&gt;&lt;/mrow&gt;&lt;/semantics&gt;&lt;/math&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;hr data-end=&quot;3141&quot; data-start=&quot;3138&quot; /&gt;
&lt;h1 data-end=&quot;3185&quot; data-section-id=&quot;1urrp5r&quot; data-start=&quot;3143&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Nutrição moderna e química dos alimentos&lt;/span&gt;&lt;/h1&gt;
&lt;p data-end=&quot;3218&quot; data-start=&quot;3187&quot;&gt;A ciência atual também analisa:&lt;/p&gt;
&lt;ul data-end=&quot;3303&quot; data-start=&quot;3219&quot;&gt;
&lt;li data-end=&quot;3233&quot; data-section-id=&quot;1vxiylx&quot; data-start=&quot;3219&quot;&gt;
Conservantes
&lt;/li&gt;
&lt;li data-end=&quot;3244&quot; data-section-id=&quot;1rz2c7v&quot; data-start=&quot;3234&quot;&gt;
Corantes
&lt;/li&gt;
&lt;li data-end=&quot;3260&quot; data-section-id=&quot;1c45oc2&quot; data-start=&quot;3245&quot;&gt;
Aromatizantes
&lt;/li&gt;
&lt;li data-end=&quot;3284&quot; data-section-id=&quot;15dhx4o&quot; data-start=&quot;3261&quot;&gt;
Adoçantes artificiais
&lt;/li&gt;
&lt;li data-end=&quot;3303&quot; data-section-id=&quot;c6n9z8&quot; data-start=&quot;3285&quot;&gt;
Ultraprocessados
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;3427&quot; data-start=&quot;3305&quot;&gt;Muitos estudos investigam como substâncias químicas presentes nos alimentos industrializados afetam a saúde a longo prazo.&lt;/p&gt;
&lt;hr data-end=&quot;3432&quot; data-start=&quot;3429&quot; /&gt;
&lt;h1 data-end=&quot;3467&quot; data-section-id=&quot;1dogrtj&quot; data-start=&quot;3434&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Antioxidantes e radicais livres&lt;/span&gt;&lt;/h1&gt;
&lt;p data-end=&quot;3540&quot; data-start=&quot;3469&quot;&gt;Os radicais livres são moléculas instáveis que podem danificar células.&lt;/p&gt;
&lt;p data-end=&quot;3593&quot; data-start=&quot;3542&quot;&gt;Antioxidantes ajudam a neutralizar esses compostos.&lt;/p&gt;
&lt;h2 data-end=&quot;3631&quot; data-section-id=&quot;jpjqn0&quot; data-start=&quot;3595&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Alimentos ricos em antioxidantes:&lt;/span&gt;&lt;/h2&gt;
&lt;ul data-end=&quot;3681&quot; data-start=&quot;3632&quot;&gt;
&lt;li data-end=&quot;3650&quot; data-section-id=&quot;n7wnow&quot; data-start=&quot;3632&quot;&gt;
Frutas vermelhas
&lt;/li&gt;
&lt;li data-end=&quot;3661&quot; data-section-id=&quot;1s4ope6&quot; data-start=&quot;3651&quot;&gt;
Uva roxa
&lt;/li&gt;
&lt;li data-end=&quot;3669&quot; data-section-id=&quot;16xb22l&quot; data-start=&quot;3662&quot;&gt;
Cacau
&lt;/li&gt;
&lt;li data-end=&quot;3681&quot; data-section-id=&quot;1bmu8w2&quot; data-start=&quot;3670&quot;&gt;
Chá verde
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;3686&quot; data-start=&quot;3683&quot; /&gt;
&lt;h1 data-end=&quot;3712&quot; data-section-id=&quot;gs2ozz&quot; data-start=&quot;3688&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Curiosidade científica&lt;/span&gt;&lt;/h1&gt;
&lt;p data-end=&quot;3862&quot; data-start=&quot;3714&quot;&gt;O cérebro humano utiliza aproximadamente 20% da energia produzida pelo organismo, dependendo principalmente da glicose para funcionar adequadamente.&lt;/p&gt;
&lt;hr data-end=&quot;3867&quot; data-start=&quot;3864&quot; /&gt;
&lt;h1 data-end=&quot;3880&quot; data-section-id=&quot;1g4xr35&quot; data-start=&quot;3869&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Conclusão&lt;/span&gt;&lt;/h1&gt;
&lt;p data-end=&quot;4028&quot; data-start=&quot;3882&quot;&gt;A química da nutrição mostra que os alimentos são verdadeiros sistemas moleculares capazes de influenciar energia, imunidade, crescimento e saúde.&lt;/p&gt;
&lt;p data-end=&quot;4171&quot; data-start=&quot;4030&quot;&gt;Entender a composição química dos nutrientes ajuda a compreender como pequenas escolhas alimentares podem impactar profundamente o organismo.&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://lauroanimal.blogspot.com/feeds/2899311399685420728/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/a-quimica-da-nutricao-como-os-alimentos.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/2899311399685420728'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/2899311399685420728'/><link rel='alternate' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/a-quimica-da-nutricao-como-os-alimentos.html' title='A Química da Nutrição: como os alimentos funcionam dentro do corpo'/><author><name>plataovag.blogspot.com</name><uri>http://www.blogger.com/profile/15929345909017921942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3760018249813190743.post-4256945628739533769</id><published>2026-05-17T16:00:10.706-07:00</published><updated>2026-05-17T16:00:10.706-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Nutrição"/><category scheme="http://www.blogger.com/atom/ns#" term="Saúde"/><title type='text'>Nutrição em 2026: o que realmente faz diferença para a saúde?</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-end=&quot;106&quot; data-section-id=&quot;193hsle&quot; data-start=&quot;65&quot;&gt;Comer melhor vai além de “fazer dieta”&lt;/h2&gt;
&lt;p data-end=&quot;313&quot; data-start=&quot;108&quot;&gt;A nutrição moderna deixou de focar apenas em emagrecimento. Hoje, a alimentação é vista como um dos pilares mais importantes para energia, imunidade, saúde mental, prevenção de doenças e qualidade de vida.&lt;/p&gt;
&lt;p data-end=&quot;483&quot; data-start=&quot;315&quot;&gt;Pesquisas recentes mostram que pequenas mudanças na rotina alimentar podem trazer benefícios significativos para o organismo, mesmo sem dietas extremamente restritivas.&lt;/p&gt;
&lt;hr data-end=&quot;488&quot; data-start=&quot;485&quot; /&gt;
&lt;h2 data-end=&quot;534&quot; data-section-id=&quot;1mndxeh&quot; data-start=&quot;490&quot;&gt;O que mudou na nutrição nos últimos anos?&lt;/h2&gt;
&lt;h3 data-end=&quot;564&quot; data-section-id=&quot;1s6z7rf&quot; data-start=&quot;536&quot;&gt;1. Menos dietas radicais&lt;/h3&gt;
&lt;p data-end=&quot;723&quot; data-start=&quot;565&quot;&gt;Especialistas têm alertado sobre os riscos de dietas muito restritivas, especialmente aquelas que eliminam grupos alimentares sem acompanhamento profissional.&lt;/p&gt;
&lt;p data-end=&quot;796&quot; data-start=&quot;725&quot;&gt;A tendência atual é buscar equilíbrio alimentar e hábitos sustentáveis.&lt;/p&gt;
&lt;hr data-end=&quot;801&quot; data-start=&quot;798&quot; /&gt;
&lt;h3 data-end=&quot;843&quot; data-section-id=&quot;2g5lgk&quot; data-start=&quot;803&quot;&gt;2. Saúde intestinal virou prioridade&lt;/h3&gt;
&lt;p data-end=&quot;956&quot; data-start=&quot;844&quot;&gt;O intestino é considerado por muitos pesquisadores como o “segundo cérebro”. A microbiota intestinal influencia:&lt;/p&gt;
&lt;ul data-end=&quot;1021&quot; data-start=&quot;958&quot;&gt;
&lt;li data-end=&quot;969&quot; data-section-id=&quot;ndn2sa&quot; data-start=&quot;958&quot;&gt;
Imunidade
&lt;/li&gt;
&lt;li data-end=&quot;977&quot; data-section-id=&quot;16oq545&quot; data-start=&quot;970&quot;&gt;
Humor
&lt;/li&gt;
&lt;li data-end=&quot;988&quot; data-section-id=&quot;rmre24&quot; data-start=&quot;978&quot;&gt;
Digestão
&lt;/li&gt;
&lt;li data-end=&quot;998&quot; data-section-id=&quot;1l6gq6z&quot; data-start=&quot;989&quot;&gt;
Energia
&lt;/li&gt;
&lt;li data-end=&quot;1021&quot; data-section-id=&quot;1ebuwcs&quot; data-start=&quot;999&quot;&gt;
Inflamações no corpo
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;1081&quot; data-start=&quot;1023&quot;&gt;Alimentos ricos em fibras e fermentados ganharam destaque.&lt;/p&gt;
&lt;h3 data-end=&quot;1108&quot; data-section-id=&quot;1kex2ux&quot; data-start=&quot;1083&quot;&gt;Exemplos importantes:&lt;/h3&gt;
&lt;ul data-end=&quot;1179&quot; data-start=&quot;1109&quot;&gt;
&lt;li data-end=&quot;1126&quot; data-section-id=&quot;po9zgu&quot; data-start=&quot;1109&quot;&gt;
Iogurte natural
&lt;/li&gt;
&lt;li data-end=&quot;1134&quot; data-section-id=&quot;16rqq9n&quot; data-start=&quot;1127&quot;&gt;
Kefir
&lt;/li&gt;
&lt;li data-end=&quot;1142&quot; data-section-id=&quot;16z5tzm&quot; data-start=&quot;1135&quot;&gt;
Aveia
&lt;/li&gt;
&lt;li data-end=&quot;1151&quot; data-section-id=&quot;1vnuhxn&quot; data-start=&quot;1143&quot;&gt;
Banana
&lt;/li&gt;
&lt;li data-end=&quot;1161&quot; data-section-id=&quot;126eing&quot; data-start=&quot;1152&quot;&gt;
Linhaça
&lt;/li&gt;
&lt;li data-end=&quot;1179&quot; data-section-id=&quot;di0vt1&quot; data-start=&quot;1162&quot;&gt;
Vegetais verdes
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;1184&quot; data-start=&quot;1181&quot; /&gt;
&lt;h3 data-end=&quot;1219&quot; data-section-id=&quot;51iui4&quot; data-start=&quot;1186&quot;&gt;3. Ultraprocessados em debate&lt;/h3&gt;
&lt;p data-end=&quot;1333&quot; data-start=&quot;1220&quot;&gt;Produtos industrializados ricos em açúcar, gordura e sódio continuam sendo associados ao aumento de doenças como:&lt;/p&gt;
&lt;ul data-end=&quot;1407&quot; data-start=&quot;1335&quot;&gt;
&lt;li data-end=&quot;1346&quot; data-section-id=&quot;1vy2wgu&quot; data-start=&quot;1335&quot;&gt;
Obesidade
&lt;/li&gt;
&lt;li data-end=&quot;1364&quot; data-section-id=&quot;10rxrld&quot; data-start=&quot;1347&quot;&gt;
Diabetes tipo 2
&lt;/li&gt;
&lt;li data-end=&quot;1378&quot; data-section-id=&quot;w2ej4e&quot; data-start=&quot;1365&quot;&gt;
Hipertensão
&lt;/li&gt;
&lt;li data-end=&quot;1407&quot; data-section-id=&quot;10z5lo8&quot; data-start=&quot;1379&quot;&gt;
Problemas cardiovasculares
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;1511&quot; data-start=&quot;1409&quot;&gt;O consumo excessivo de refrigerantes, salgadinhos e fast food preocupa especialistas em saúde pública.&lt;/p&gt;
&lt;hr data-end=&quot;1516&quot; data-start=&quot;1513&quot; /&gt;
&lt;h2 data-end=&quot;1556&quot; data-section-id=&quot;18vo19a&quot; data-start=&quot;1518&quot;&gt;Alimentos que estão em alta em 2026&lt;/h2&gt;
&lt;h3 data-end=&quot;1578&quot; data-section-id=&quot;230ozh&quot; data-start=&quot;1558&quot;&gt;🥑 Gorduras boas&lt;/h3&gt;
&lt;p data-end=&quot;1649&quot; data-start=&quot;1579&quot;&gt;As gorduras saudáveis ajudam no funcionamento do cérebro e do coração.&lt;/p&gt;
&lt;h4 data-end=&quot;1674&quot; data-start=&quot;1651&quot;&gt;Fontes principais:&lt;/h4&gt;
&lt;ul data-end=&quot;1723&quot; data-start=&quot;1675&quot;&gt;
&lt;li data-end=&quot;1684&quot; data-section-id=&quot;1egd74p&quot; data-start=&quot;1675&quot;&gt;
Abacate
&lt;/li&gt;
&lt;li data-end=&quot;1702&quot; data-section-id=&quot;1q0h94i&quot; data-start=&quot;1685&quot;&gt;
Azeite de oliva
&lt;/li&gt;
&lt;li data-end=&quot;1714&quot; data-section-id=&quot;aks794&quot; data-start=&quot;1703&quot;&gt;
Castanhas
&lt;/li&gt;
&lt;li data-end=&quot;1723&quot; data-section-id=&quot;39ctui&quot; data-start=&quot;1715&quot;&gt;
Peixes
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;1728&quot; data-start=&quot;1725&quot; /&gt;
&lt;h3 data-end=&quot;1755&quot; data-section-id=&quot;655s53&quot; data-start=&quot;1730&quot;&gt;🌾 Proteínas vegetais&lt;/h3&gt;
&lt;p data-end=&quot;1814&quot; data-start=&quot;1756&quot;&gt;O consumo de proteínas de origem vegetal cresceu bastante.&lt;/p&gt;
&lt;h4 data-end=&quot;1830&quot; data-start=&quot;1816&quot;&gt;Exemplos:&lt;/h4&gt;
&lt;ul data-end=&quot;1880&quot; data-start=&quot;1831&quot;&gt;
&lt;li data-end=&quot;1845&quot; data-section-id=&quot;1n6h2d3&quot; data-start=&quot;1831&quot;&gt;
Grão-de-bico
&lt;/li&gt;
&lt;li data-end=&quot;1856&quot; data-section-id=&quot;oqmp9z&quot; data-start=&quot;1846&quot;&gt;
Lentilha
&lt;/li&gt;
&lt;li data-end=&quot;1866&quot; data-section-id=&quot;3sy75x&quot; data-start=&quot;1857&quot;&gt;
Ervilha
&lt;/li&gt;
&lt;li data-end=&quot;1873&quot; data-section-id=&quot;1j4cn28&quot; data-start=&quot;1867&quot;&gt;
Tofu
&lt;/li&gt;
&lt;li data-end=&quot;1880&quot; data-section-id=&quot;1j4dibj&quot; data-start=&quot;1874&quot;&gt;
Soja
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;1987&quot; data-start=&quot;1882&quot;&gt;Muitas pessoas estão reduzindo o consumo de carne sem abandonar totalmente os alimentos de origem animal.&lt;/p&gt;
&lt;hr data-end=&quot;1992&quot; data-start=&quot;1989&quot; /&gt;
&lt;h3 data-end=&quot;2024&quot; data-section-id=&quot;1s3r9ty&quot; data-start=&quot;1994&quot;&gt;🍓 Alimentos antioxidantes&lt;/h3&gt;
&lt;p data-end=&quot;2089&quot; data-start=&quot;2025&quot;&gt;Combatem os radicais livres e ajudam no envelhecimento saudável.&lt;/p&gt;
&lt;h4 data-end=&quot;2106&quot; data-start=&quot;2091&quot;&gt;Destaques:&lt;/h4&gt;
&lt;ul data-end=&quot;2156&quot; data-start=&quot;2107&quot;&gt;
&lt;li data-end=&quot;2125&quot; data-section-id=&quot;n7wnow&quot; data-start=&quot;2107&quot;&gt;
Frutas vermelhas
&lt;/li&gt;
&lt;li data-end=&quot;2133&quot; data-section-id=&quot;16xb22l&quot; data-start=&quot;2126&quot;&gt;
Cacau
&lt;/li&gt;
&lt;li data-end=&quot;2144&quot; data-section-id=&quot;1s4ope6&quot; data-start=&quot;2134&quot;&gt;
Uva roxa
&lt;/li&gt;
&lt;li data-end=&quot;2156&quot; data-section-id=&quot;1bmu8w2&quot; data-start=&quot;2145&quot;&gt;
Chá verde
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;2161&quot; data-start=&quot;2158&quot; /&gt;
&lt;h2 data-end=&quot;2195&quot; data-section-id=&quot;nllkg1&quot; data-start=&quot;2163&quot;&gt;Hidratação continua essencial&lt;/h2&gt;
&lt;p data-end=&quot;2260&quot; data-start=&quot;2197&quot;&gt;A água participa de praticamente todas as funções do organismo.&lt;/p&gt;
&lt;h3 data-end=&quot;2300&quot; data-section-id=&quot;1ched8g&quot; data-start=&quot;2262&quot;&gt;Benefícios da hidratação adequada:&lt;/h3&gt;
&lt;ul data-end=&quot;2415&quot; data-start=&quot;2301&quot;&gt;
&lt;li data-end=&quot;2332&quot; data-section-id=&quot;1819b5j&quot; data-start=&quot;2301&quot;&gt;
Regula a temperatura corporal
&lt;/li&gt;
&lt;li data-end=&quot;2355&quot; data-section-id=&quot;1qfdxch&quot; data-start=&quot;2333&quot;&gt;
Melhora a circulação
&lt;/li&gt;
&lt;li data-end=&quot;2376&quot; data-section-id=&quot;16o0jt8&quot; data-start=&quot;2356&quot;&gt;
Auxilia a digestão
&lt;/li&gt;
&lt;li data-end=&quot;2400&quot; data-section-id=&quot;139f26y&quot; data-start=&quot;2377&quot;&gt;
Ajuda na concentração
&lt;/li&gt;
&lt;li data-end=&quot;2415&quot; data-section-id=&quot;1mjqyx7&quot; data-start=&quot;2401&quot;&gt;
Evita fadiga
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;2485&quot; data-start=&quot;2417&quot;&gt;A recomendação pode variar conforme idade, clima e atividade física.&lt;/p&gt;
&lt;hr data-end=&quot;2490&quot; data-start=&quot;2487&quot; /&gt;
&lt;h2 data-end=&quot;2518&quot; data-section-id=&quot;gnlhft&quot; data-start=&quot;2492&quot;&gt;Nutrição e saúde mental&lt;/h2&gt;
&lt;p data-end=&quot;2591&quot; data-start=&quot;2520&quot;&gt;Cada vez mais estudos investigam a relação entre alimentação e emoções.&lt;/p&gt;
&lt;p data-end=&quot;2637&quot; data-start=&quot;2593&quot;&gt;Deficiências nutricionais podem influenciar:&lt;/p&gt;
&lt;ul data-end=&quot;2713&quot; data-start=&quot;2638&quot;&gt;
&lt;li data-end=&quot;2649&quot; data-section-id=&quot;jqk4d8&quot; data-start=&quot;2638&quot;&gt;
Ansiedade
&lt;/li&gt;
&lt;li data-end=&quot;2666&quot; data-section-id=&quot;pw744h&quot; data-start=&quot;2650&quot;&gt;
Cansaço mental
&lt;/li&gt;
&lt;li data-end=&quot;2683&quot; data-section-id=&quot;iosn7b&quot; data-start=&quot;2667&quot;&gt;
Irritabilidade
&lt;/li&gt;
&lt;li data-end=&quot;2713&quot; data-section-id=&quot;1cc1t6b&quot; data-start=&quot;2684&quot;&gt;
Dificuldade de concentração
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;2761&quot; data-start=&quot;2715&quot;&gt;Nutrientes importantes para o cérebro incluem:&lt;/p&gt;
&lt;ul data-end=&quot;2816&quot; data-start=&quot;2762&quot;&gt;
&lt;li data-end=&quot;2771&quot; data-section-id=&quot;648z4c&quot; data-start=&quot;2762&quot;&gt;
Ômega-3
&lt;/li&gt;
&lt;li data-end=&quot;2782&quot; data-section-id=&quot;ivd901&quot; data-start=&quot;2772&quot;&gt;
Magnésio
&lt;/li&gt;
&lt;li data-end=&quot;2808&quot; data-section-id=&quot;12rlaik&quot; data-start=&quot;2783&quot;&gt;
Vitaminas do complexo B
&lt;/li&gt;
&lt;li data-end=&quot;2816&quot; data-section-id=&quot;170uays&quot; data-start=&quot;2809&quot;&gt;
Ferro
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;2821&quot; data-start=&quot;2818&quot; /&gt;
&lt;h2 data-end=&quot;2859&quot; data-section-id=&quot;132nj45&quot; data-start=&quot;2823&quot;&gt;Tendências da alimentação moderna&lt;/h2&gt;
&lt;h3 data-end=&quot;2892&quot; data-section-id=&quot;1kkmv64&quot; data-start=&quot;2861&quot;&gt;📱 Tecnologia e alimentação&lt;/h3&gt;
&lt;p data-end=&quot;2965&quot; data-start=&quot;2893&quot;&gt;Aplicativos de saúde e inteligência artificial estão ajudando pessoas a:&lt;/p&gt;
&lt;ul data-end=&quot;3052&quot; data-start=&quot;2966&quot;&gt;
&lt;li data-end=&quot;2987&quot; data-section-id=&quot;ewyecu&quot; data-start=&quot;2966&quot;&gt;
Monitorar refeições
&lt;/li&gt;
&lt;li data-end=&quot;3010&quot; data-section-id=&quot;216lep&quot; data-start=&quot;2988&quot;&gt;
Controlar nutrientes
&lt;/li&gt;
&lt;li data-end=&quot;3052&quot; data-section-id=&quot;bzv4jx&quot; data-start=&quot;3011&quot;&gt;
Criar planos alimentares personalizados
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;3057&quot; data-start=&quot;3054&quot; /&gt;
&lt;h3 data-end=&quot;3089&quot; data-section-id=&quot;1bi7md3&quot; data-start=&quot;3059&quot;&gt;🌱 Alimentação sustentável&lt;/h3&gt;
&lt;p data-end=&quot;3130&quot; data-start=&quot;3090&quot;&gt;Consumidores estão mais preocupados com:&lt;/p&gt;
&lt;ul data-end=&quot;3200&quot; data-start=&quot;3131&quot;&gt;
&lt;li data-end=&quot;3157&quot; data-section-id=&quot;bojqoq&quot; data-start=&quot;3131&quot;&gt;
Desperdício de alimentos
&lt;/li&gt;
&lt;li data-end=&quot;3177&quot; data-section-id=&quot;nv1a4w&quot; data-start=&quot;3158&quot;&gt;
Impacto ambiental
&lt;/li&gt;
&lt;li data-end=&quot;3200&quot; data-section-id=&quot;bcvqcf&quot; data-start=&quot;3178&quot;&gt;
Produção sustentável
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;3264&quot; data-start=&quot;3202&quot;&gt;O interesse por alimentos orgânicos e produção local aumentou.&lt;/p&gt;
&lt;hr data-end=&quot;3269&quot; data-start=&quot;3266&quot; /&gt;
&lt;h2 data-end=&quot;3315&quot; data-section-id=&quot;cuk0gp&quot; data-start=&quot;3271&quot;&gt;Dicas simples para melhorar a alimentação&lt;/h2&gt;
&lt;p data-end=&quot;3506&quot; data-start=&quot;3317&quot;&gt;✔ Comer mais alimentos naturais&lt;br data-end=&quot;3351&quot; data-start=&quot;3348&quot; /&gt;
✔ Reduzir ultraprocessados&lt;br data-end=&quot;3380&quot; data-start=&quot;3377&quot; /&gt;
✔ Beber mais água&lt;br data-end=&quot;3400&quot; data-start=&quot;3397&quot; /&gt;
✔ Dormir melhor&lt;br data-end=&quot;3418&quot; data-start=&quot;3415&quot; /&gt;
✔ Evitar excesso de açúcar&lt;br data-end=&quot;3447&quot; data-start=&quot;3444&quot; /&gt;
✔ Praticar atividade física&lt;br data-end=&quot;3477&quot; data-start=&quot;3474&quot; /&gt;
✔ Fazer refeições com calma&lt;/p&gt;
&lt;hr data-end=&quot;3511&quot; data-start=&quot;3508&quot; /&gt;
&lt;h2 data-end=&quot;3525&quot; data-section-id=&quot;h85oci&quot; data-start=&quot;3513&quot;&gt;Conclusão&lt;/h2&gt;
&lt;p data-end=&quot;3708&quot; data-start=&quot;3527&quot;&gt;A nutrição atual não busca apenas estética, mas equilíbrio e saúde a longo prazo. Pequenas mudanças nos hábitos alimentares podem melhorar disposição, imunidade e qualidade de vida.&lt;/p&gt;
&lt;p data-end=&quot;3812&quot; data-start=&quot;3710&quot;&gt;Mais do que seguir modismos, o ideal é construir uma relação saudável e sustentável com a alimentação.&lt;/p&gt;
&lt;hr data-end=&quot;3817&quot; data-start=&quot;3814&quot; /&gt;
&lt;h2 data-end=&quot;3833&quot; data-section-id=&quot;9v4cxl&quot; data-start=&quot;3819&quot;&gt;Curiosidade&lt;/h2&gt;
&lt;p data-end=&quot;4011&quot; data-start=&quot;3835&quot;&gt;O Brasil é um dos países com maior diversidade alimentar do mundo, possuindo frutas, legumes e alimentos naturais ricos em nutrientes encontrados em diferentes regiões do país.&lt;/p&gt;&lt;div class=&quot;jso-cursor-trail-wrapper&quot; style=&quot;height: 100vh; left: 0px; overflow: hidden; pointer-events: none; position: fixed; top: 0px; width: 100vw; z-index: 9999;&quot;&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 268 268&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z&quot; fill=&quot;#f8ffc4&quot; transform=&quot;rotate(45 134.25 134)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;12&quot; viewbox=&quot;0 0 239 240&quot; width=&quot;12&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z&quot; fill=&quot;#e6cb05&quot; transform=&quot;rotate(45 119.501 120)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z&quot; fill=&quot;#ffe940&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z&quot; fill=&quot;#e3d881&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 142 142&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;circle cx=&quot;71&quot; cy=&quot;71&quot; fill=&quot;#dbbc74&quot; r=&quot;71&quot;&gt;&lt;/circle&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;12&quot; viewbox=&quot;0 0 239 240&quot; width=&quot;12&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z&quot; fill=&quot;#e6cb05&quot; transform=&quot;rotate(45 119.501 120)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;20&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;20&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z&quot; fill=&quot;#ffcf5f&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z&quot; fill=&quot;#ffe940&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;20&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;20&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z&quot; fill=&quot;#ffcf5f&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z&quot; fill=&quot;#e3d881&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z&quot; fill=&quot;#ffe940&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z&quot; fill=&quot;#e3d881&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;12&quot; viewbox=&quot;0 0 239 240&quot; width=&quot;12&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z&quot; fill=&quot;#e6cb05&quot; transform=&quot;rotate(45 119.501 120)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;35&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;35&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z&quot; fill=&quot;#ffed8a&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z&quot; fill=&quot;#ffe940&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z&quot; fill=&quot;#ffe940&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 142 142&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;circle cx=&quot;71&quot; cy=&quot;71&quot; fill=&quot;#dbbc74&quot; r=&quot;71&quot;&gt;&lt;/circle&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z&quot; fill=&quot;#e3d881&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z&quot; fill=&quot;#e3d881&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 268 268&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z&quot; fill=&quot;#f8ffc4&quot; transform=&quot;rotate(45 134.25 134)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;35&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;35&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z&quot; fill=&quot;#ffed8a&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;25&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;25&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z&quot; fill=&quot;#e6d65e&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z&quot; fill=&quot;#ffe940&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 23px; pointer-events: none; position: absolute; top: 94px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 268 268&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z&quot; fill=&quot;#f8ffc4&quot; transform=&quot;rotate(45 134.25 134)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 25px; pointer-events: none; position: absolute; top: 95px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 142 142&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;circle cx=&quot;71&quot; cy=&quot;71&quot; fill=&quot;#dbbc74&quot; r=&quot;71&quot;&gt;&lt;/circle&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 27px; pointer-events: none; position: absolute; top: 100px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 30px; pointer-events: none; position: absolute; top: 103px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 32px; pointer-events: none; position: absolute; top: 110px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z&quot; fill=&quot;#ffe940&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 30px; pointer-events: none; position: absolute; top: 86px;&quot;&gt;
            &lt;svg height=&quot;20&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;20&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z&quot; fill=&quot;#ffcf5f&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 26px; pointer-events: none; position: absolute; top: 36px;&quot;&gt;
            &lt;svg height=&quot;35&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;35&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z&quot; fill=&quot;#ffed8a&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 42px; pointer-events: none; position: absolute; top: 38px;&quot;&gt;
            &lt;svg height=&quot;20&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;20&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z&quot; fill=&quot;#ffcf5f&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 46px; pointer-events: none; position: absolute; top: 38px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 51px; pointer-events: none; position: absolute; top: 39px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 54px; pointer-events: none; position: absolute; top: 42px;&quot;&gt;
            &lt;svg height=&quot;20&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;20&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z&quot; fill=&quot;#ffcf5f&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 60px; pointer-events: none; position: absolute; top: 47px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z&quot; fill=&quot;#e3d881&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 62px; pointer-events: none; position: absolute; top: 51px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z&quot; fill=&quot;#e3d881&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 60px; pointer-events: none; position: absolute; top: 55px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z&quot; fill=&quot;#e3d881&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 55px; pointer-events: none; position: absolute; top: 61px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 268 268&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z&quot; fill=&quot;#f8ffc4&quot; transform=&quot;rotate(45 134.25 134)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 14px; pointer-events: none; position: absolute; top: 58px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 142 142&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;circle cx=&quot;71&quot; cy=&quot;71&quot; fill=&quot;#dbbc74&quot; r=&quot;71&quot;&gt;&lt;/circle&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 15px; pointer-events: none; position: absolute; top: 64px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z&quot; fill=&quot;#ffe940&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 15px; pointer-events: none; position: absolute; top: 51px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 268 268&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z&quot; fill=&quot;#f8ffc4&quot; transform=&quot;rotate(45 134.25 134)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 14px; pointer-events: none; position: absolute; top: 22px;&quot;&gt;
            &lt;svg height=&quot;25&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;25&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z&quot; fill=&quot;#e6d65e&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 17px; pointer-events: none; position: absolute; top: 26px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 17px; pointer-events: none; position: absolute; top: 31px;&quot;&gt;
            &lt;svg height=&quot;12&quot; viewbox=&quot;0 0 239 240&quot; width=&quot;12&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z&quot; fill=&quot;#e6cb05&quot; transform=&quot;rotate(45 119.501 120)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 17px; pointer-events: none; position: absolute; top: 48px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 268 268&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z&quot; fill=&quot;#f8ffc4&quot; transform=&quot;rotate(45 134.25 134)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 17px; pointer-events: none; position: absolute; top: 75px;&quot;&gt;
            &lt;svg height=&quot;35&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;35&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z&quot; fill=&quot;#ffed8a&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 17px; pointer-events: none; position: absolute; top: 84px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 20px; pointer-events: none; position: absolute; top: 90px;&quot;&gt;
            &lt;svg height=&quot;35&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;35&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z&quot; fill=&quot;#ffed8a&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://lauroanimal.blogspot.com/feeds/4256945628739533769/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/nutricao-em-2026-o-que-realmente-faz.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/4256945628739533769'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/4256945628739533769'/><link rel='alternate' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/nutricao-em-2026-o-que-realmente-faz.html' title='Nutrição em 2026: o que realmente faz diferença para a saúde?'/><author><name>plataovag.blogspot.com</name><uri>http://www.blogger.com/profile/15929345909017921942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3760018249813190743.post-7473740035274166163</id><published>2026-05-17T15:44:52.407-07:00</published><updated>2026-05-17T15:44:52.408-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Nutrição"/><title type='text'>Nutrição: A Base da Saúde e da Qualidade de Vida</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;h1&gt;Como a alimentação influencia o corpo, a mente e o bem-estar&lt;/h1&gt;&lt;p&gt;A nutrição é uma das áreas mais importantes para a manutenção da saúde humana. Muito além de apenas matar a fome, alimentar-se corretamente significa fornecer ao organismo os nutrientes necessários para o funcionamento adequado do corpo, da mente e do sistema imunológico.&lt;/p&gt;&lt;p&gt;Nos últimos anos, o interesse por alimentação saudável cresceu significativamente. O aumento de doenças relacionadas aos maus hábitos alimentares, como obesidade, diabetes e hipertensão, fez com que milhões de pessoas passassem a buscar informações sobre qualidade nutricional, equilíbrio alimentar e estilo de vida saudável.&lt;/p&gt;&lt;hr /&gt;&lt;h1&gt;O que é nutrição?&lt;/h1&gt;&lt;p&gt;Nutrição é a ciência que estuda os alimentos, seus nutrientes e a forma como o organismo utiliza essas substâncias para produzir energia, crescer, reparar tecidos e manter as funções vitais.&lt;/p&gt;&lt;p&gt;Os alimentos fornecem:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Energia;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Vitaminas;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Minerais;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Proteínas;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Carboidratos;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Gorduras saudáveis;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Fibras.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Cada nutriente possui uma função específica e indispensável para o corpo humano.&lt;/p&gt;&lt;hr /&gt;&lt;h1&gt;Os principais nutrientes&lt;/h1&gt;&lt;h2&gt;Carboidratos&lt;/h2&gt;&lt;p&gt;São a principal fonte de energia do organismo.&lt;/p&gt;&lt;p&gt;Estão presentes em:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Arroz;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Pães;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Massas;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Batata;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Frutas;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Cereais.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Quando consumidos em excesso, podem contribuir para o ganho de peso.&lt;/p&gt;&lt;hr /&gt;&lt;h2&gt;Proteínas&lt;/h2&gt;&lt;p&gt;As proteínas participam da construção muscular e da recuperação dos tecidos.&lt;/p&gt;&lt;p&gt;Fontes importantes:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Carnes;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Ovos;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Leite;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Feijão;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Lentilha;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Soja.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;hr /&gt;&lt;h2&gt;Gorduras&lt;/h2&gt;&lt;p&gt;Nem toda gordura é prejudicial.&lt;/p&gt;&lt;p&gt;As gorduras boas ajudam na produção hormonal, proteção dos órgãos e funcionamento cerebral.&lt;/p&gt;&lt;p&gt;Exemplos:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Abacate;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Castanhas;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Azeite de oliva;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Peixes.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;hr /&gt;&lt;h2&gt;Vitaminas e minerais&lt;/h2&gt;&lt;p&gt;São fundamentais para o metabolismo e para o fortalecimento do sistema imunológico.&lt;/p&gt;&lt;p&gt;Encontrados principalmente em:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Verduras;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Legumes;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Frutas.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;hr /&gt;&lt;h2&gt;Fibras&lt;/h2&gt;&lt;p&gt;As fibras auxiliam no funcionamento intestinal e aumentam a sensação de saciedade.&lt;/p&gt;&lt;p&gt;Fontes de fibras:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Aveia;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Frutas;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Vegetais;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Grãos integrais.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;hr /&gt;&lt;h1&gt;Alimentação equilibrada&lt;/h1&gt;&lt;p&gt;Uma alimentação equilibrada é aquela que fornece todos os nutrientes necessários nas quantidades adequadas.&lt;/p&gt;&lt;p&gt;Os especialistas recomendam:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Consumir frutas e verduras diariamente;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Evitar excesso de açúcar;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Reduzir alimentos ultraprocessados;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Beber bastante água;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Manter horários regulares para as refeições.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Além disso, o equilíbrio é mais importante do que dietas extremamente restritivas.&lt;/p&gt;&lt;hr /&gt;&lt;h1&gt;A importância da hidratação&lt;/h1&gt;&lt;p&gt;A água é essencial para praticamente todas as funções do organismo.&lt;/p&gt;&lt;p&gt;Ela participa de:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Controle da temperatura corporal;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Transporte de nutrientes;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Funcionamento dos rins;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Digestão;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Circulação sanguínea.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;A desidratação pode causar:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Cansaço;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Dor de cabeça;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Queda de rendimento físico;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Problemas de concentração.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;hr /&gt;&lt;h1&gt;Nutrição e saúde mental&lt;/h1&gt;&lt;p&gt;Pesquisas recentes mostram que a alimentação também influencia diretamente o cérebro.&lt;/p&gt;&lt;p&gt;Uma dieta equilibrada pode ajudar em:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Concentração;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Memória;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Humor;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Qualidade do sono.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Já o excesso de açúcar e alimentos ultraprocessados pode aumentar processos inflamatórios e prejudicar o bem-estar emocional.&lt;/p&gt;&lt;hr /&gt;&lt;h1&gt;Obesidade e alimentação inadequada&lt;/h1&gt;&lt;p&gt;A obesidade tornou-se um dos maiores problemas de saúde pública do mundo.&lt;/p&gt;&lt;p&gt;Entre os fatores relacionados estão:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Sedentarismo;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Consumo excessivo de fast food;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Refrigerantes;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Alimentos ricos em gordura e açúcar.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;A obesidade aumenta o risco de:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Diabetes;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Hipertensão;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Doenças cardiovasculares;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Problemas articulares.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;hr /&gt;&lt;h1&gt;Nutrição esportiva&lt;/h1&gt;&lt;p&gt;Atletas e praticantes de atividades físicas precisam de alimentação adequada para melhorar o desempenho e a recuperação muscular.&lt;/p&gt;&lt;p&gt;A nutrição esportiva ajuda em:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Ganho de massa muscular;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Recuperação após treinos;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Produção de energia;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Redução da fadiga.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Proteínas, carboidratos e hidratação desempenham papel fundamental nessa área.&lt;/p&gt;&lt;hr /&gt;&lt;h1&gt;Alimentação infantil&lt;/h1&gt;&lt;p&gt;A infância é uma fase decisiva para a formação dos hábitos alimentares.&lt;/p&gt;&lt;p&gt;Uma alimentação saudável desde cedo contribui para:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Crescimento adequado;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Desenvolvimento cerebral;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Fortalecimento da imunidade;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Prevenção de doenças futuras.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Especialistas alertam para o excesso de alimentos industrializados consumidos por crianças.&lt;/p&gt;&lt;hr /&gt;&lt;h1&gt;O papel do nutricionista&lt;/h1&gt;&lt;p&gt;O nutricionista é o profissional especializado em alimentação e saúde nutricional.&lt;/p&gt;&lt;p&gt;Ele pode orientar:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;p&gt;Dietas personalizadas;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Reeducação alimentar;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Controle de doenças;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Alimentação esportiva;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Planejamento alimentar.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Cada organismo possui necessidades específicas, por isso o acompanhamento profissional é importante.&lt;/p&gt;&lt;hr /&gt;&lt;h1&gt;Curiosidades sobre nutrição&lt;/h1&gt;&lt;h3&gt;O cérebro consome muita energia&lt;/h3&gt;&lt;p&gt;Mesmo representando pequena parte do corpo, o cérebro utiliza grande quantidade de energia diariamente.&lt;/p&gt;&lt;h3&gt;Frutas possuem vitaminas essenciais&lt;/h3&gt;&lt;p&gt;As frutas são importantes fontes naturais de vitaminas, minerais e antioxidantes.&lt;/p&gt;&lt;h3&gt;O intestino influencia o organismo inteiro&lt;/h3&gt;&lt;p&gt;A saúde intestinal está relacionada à imunidade e até ao humor.&lt;/p&gt;&lt;h3&gt;Dormir bem também influencia a alimentação&lt;/h3&gt;&lt;p&gt;Poucas horas de sono podem aumentar a fome e o desejo por alimentos calóricos.&lt;/p&gt;&lt;hr /&gt;&lt;h1&gt;Conclusão&lt;/h1&gt;&lt;p&gt;A nutrição é um dos pilares fundamentais da saúde e da qualidade de vida.&lt;/p&gt;&lt;p&gt;Alimentar-se bem não significa apenas estética corporal, mas também cuidar do funcionamento do organismo, da prevenção de doenças e do equilíbrio físico e mental.&lt;/p&gt;&lt;p&gt;Com hábitos saudáveis, hidratação adequada e escolhas conscientes, é possível melhorar significativamente a saúde e o bem-estar ao longo da vida.&lt;/p&gt;&lt;p&gt;Cada refeição representa uma oportunidade de cuidar do corpo e investir em uma vida mais saudável.&lt;/p&gt;&lt;div class=&quot;jso-cursor-trail-wrapper&quot; style=&quot;height: 100vh; left: 0px; overflow: hidden; pointer-events: none; position: fixed; top: 0px; width: 100vw; z-index: 9999;&quot;&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z&quot; fill=&quot;#e3d881&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;20&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;20&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z&quot; fill=&quot;#ffcf5f&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;25&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;25&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z&quot; fill=&quot;#e6d65e&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z&quot; fill=&quot;#ffe940&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;20&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;20&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z&quot; fill=&quot;#ffcf5f&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;35&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;35&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z&quot; fill=&quot;#ffed8a&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;35&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;35&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z&quot; fill=&quot;#ffed8a&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 268 268&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z&quot; fill=&quot;#f8ffc4&quot; transform=&quot;rotate(45 134.25 134)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z&quot; fill=&quot;#e3d881&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 268 268&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z&quot; fill=&quot;#f8ffc4&quot; transform=&quot;rotate(45 134.25 134)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;12&quot; viewbox=&quot;0 0 239 240&quot; width=&quot;12&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z&quot; fill=&quot;#e6cb05&quot; transform=&quot;rotate(45 119.501 120)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 142 142&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;circle cx=&quot;71&quot; cy=&quot;71&quot; fill=&quot;#dbbc74&quot; r=&quot;71&quot;&gt;&lt;/circle&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 142 142&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;circle cx=&quot;71&quot; cy=&quot;71&quot; fill=&quot;#dbbc74&quot; r=&quot;71&quot;&gt;&lt;/circle&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z&quot; fill=&quot;#e3d881&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;35&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;35&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z&quot; fill=&quot;#ffed8a&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 268 268&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z&quot; fill=&quot;#f8ffc4&quot; transform=&quot;rotate(45 134.25 134)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z&quot; fill=&quot;#e3d881&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z&quot; fill=&quot;#ffe940&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;12&quot; viewbox=&quot;0 0 239 240&quot; width=&quot;12&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z&quot; fill=&quot;#e6cb05&quot; transform=&quot;rotate(45 119.501 120)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 268 268&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z&quot; fill=&quot;#f8ffc4&quot; transform=&quot;rotate(45 134.25 134)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;25&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;25&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z&quot; fill=&quot;#e6d65e&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 0px; pointer-events: none; position: absolute; top: 0px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 380px; pointer-events: none; position: absolute; top: 176px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 142 142&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;circle cx=&quot;71&quot; cy=&quot;71&quot; fill=&quot;#dbbc74&quot; r=&quot;71&quot;&gt;&lt;/circle&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 365px; pointer-events: none; position: absolute; top: 182px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 268 268&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z&quot; fill=&quot;#f8ffc4&quot; transform=&quot;rotate(45 134.25 134)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 20px; pointer-events: none; position: absolute; top: 23px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 142 142&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;circle cx=&quot;71&quot; cy=&quot;71&quot; fill=&quot;#dbbc74&quot; r=&quot;71&quot;&gt;&lt;/circle&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 23px; pointer-events: none; position: absolute; top: 27px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 142 142&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;circle cx=&quot;71&quot; cy=&quot;71&quot; fill=&quot;#dbbc74&quot; r=&quot;71&quot;&gt;&lt;/circle&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 23px; pointer-events: none; position: absolute; top: 30px;&quot;&gt;
            &lt;svg height=&quot;20&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;20&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z&quot; fill=&quot;#ffcf5f&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 22px; pointer-events: none; position: absolute; top: 33px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z&quot; fill=&quot;#ffe940&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 9px; pointer-events: none; position: absolute; top: 33px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 142 142&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;circle cx=&quot;71&quot; cy=&quot;71&quot; fill=&quot;#dbbc74&quot; r=&quot;71&quot;&gt;&lt;/circle&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 6px; pointer-events: none; position: absolute; top: 32px;&quot;&gt;
            &lt;svg height=&quot;35&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;35&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z&quot; fill=&quot;#ffed8a&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 3px; pointer-events: none; position: absolute; top: 28px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 3px; pointer-events: none; position: absolute; top: 24px;&quot;&gt;
            &lt;svg height=&quot;25&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;25&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z&quot; fill=&quot;#e6d65e&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 42px; pointer-events: none; position: absolute; top: 20px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z&quot; fill=&quot;#ffe940&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 107px; pointer-events: none; position: absolute; top: 12px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 268 268&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z&quot; fill=&quot;#f8ffc4&quot; transform=&quot;rotate(45 134.25 134)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 138px; pointer-events: none; position: absolute; top: 12px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 186px; pointer-events: none; position: absolute; top: 23px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 142 142&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;circle cx=&quot;71&quot; cy=&quot;71&quot; fill=&quot;#dbbc74&quot; r=&quot;71&quot;&gt;&lt;/circle&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 285px; pointer-events: none; position: absolute; top: 41px;&quot;&gt;
            &lt;svg height=&quot;25&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;25&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z&quot; fill=&quot;#e6d65e&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 391px; pointer-events: none; position: absolute; top: 66px;&quot;&gt;
            &lt;svg height=&quot;25&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;25&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z&quot; fill=&quot;#e6d65e&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 530px; pointer-events: none; position: absolute; top: 92px;&quot;&gt;
            &lt;svg height=&quot;35&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;35&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z&quot; fill=&quot;#ffed8a&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 603px; pointer-events: none; position: absolute; top: 114px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 268 268&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z&quot; fill=&quot;#f8ffc4&quot; transform=&quot;rotate(45 134.25 134)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 686px; pointer-events: none; position: absolute; top: 134px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 142 142&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;circle cx=&quot;71&quot; cy=&quot;71&quot; fill=&quot;#dbbc74&quot; r=&quot;71&quot;&gt;&lt;/circle&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 690px; pointer-events: none; position: absolute; top: 133px;&quot;&gt;
            &lt;svg height=&quot;12&quot; viewbox=&quot;0 0 239 240&quot; width=&quot;12&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z&quot; fill=&quot;#e6cb05&quot; transform=&quot;rotate(45 119.501 120)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 678px; pointer-events: none; position: absolute; top: 140px;&quot;&gt;
            &lt;svg height=&quot;12&quot; viewbox=&quot;0 0 239 240&quot; width=&quot;12&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z&quot; fill=&quot;#e6cb05&quot; transform=&quot;rotate(45 119.501 120)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 606px; pointer-events: none; position: absolute; top: 156px;&quot;&gt;
            &lt;svg height=&quot;20&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;20&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z&quot; fill=&quot;#ffcf5f&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 522px; pointer-events: none; position: absolute; top: 169px;&quot;&gt;
            &lt;svg height=&quot;10&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;10&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;polygon fill=&quot;#bfb177&quot; points=&quot;168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/polygon&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 483px; pointer-events: none; position: absolute; top: 173px;&quot;&gt;
            &lt;svg height=&quot;20&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;20&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z&quot; fill=&quot;#ffcf5f&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;div class=&quot;jso-cursor-trail-shape&quot; style=&quot;display: none; left: 417px; pointer-events: none; position: absolute; top: 173px;&quot;&gt;
            &lt;svg height=&quot;15&quot; viewbox=&quot;0 0 336 336&quot; width=&quot;15&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path d=&quot;M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z&quot; fill=&quot;#ffe940&quot; transform=&quot;rotate(45 168 168)&quot;&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://lauroanimal.blogspot.com/feeds/7473740035274166163/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/nutricao-base-da-saude-e-da-qualidade.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/7473740035274166163'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/7473740035274166163'/><link rel='alternate' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/nutricao-base-da-saude-e-da-qualidade.html' title='Nutrição: A Base da Saúde e da Qualidade de Vida'/><author><name>plataovag.blogspot.com</name><uri>http://www.blogger.com/profile/15929345909017921942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3760018249813190743.post-4719817212740684233</id><published>2026-05-17T14:27:03.897-07:00</published><updated>2026-05-17T14:33:34.527-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Sobrenatural"/><title type='text'>O Caso Varginha</title><content type='html'>&lt;h2 data-path-to-node=&quot;0&quot;&gt;👽 O Caso Varginha: Mito, Verdade ou Visita Interestelar?&lt;/h2&gt;&lt;div&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhrVc0uSB_1hYYqBtMJ-xAYD0JZegGHkLTnHocXCvqcesr-_inMks9EBPMnHdRzbBPED9knZokqXFWHsfmKTE5iCzuNOEhonq1Cze0fIdkZ_SVmESvOI4UjHVtu1Sy6iHIzW9R6NDwFrXM7BX5Qtxuiy5aYKSvKSLsgIWC_YSL98z26Gk_rKKU0BsEF5ek6&quot; style=&quot;margin-left: 1em; margin-right: 1em; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; data-original-height=&quot;572&quot; data-original-width=&quot;1024&quot; height=&quot;263&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhrVc0uSB_1hYYqBtMJ-xAYD0JZegGHkLTnHocXCvqcesr-_inMks9EBPMnHdRzbBPED9knZokqXFWHsfmKTE5iCzuNOEhonq1Cze0fIdkZ_SVmESvOI4UjHVtu1Sy6iHIzW9R6NDwFrXM7BX5Qtxuiy5aYKSvKSLsgIWC_YSL98z26Gk_rKKU0BsEF5ek6=w571-h263&quot; width=&quot;571&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;div&gt;Janeiro de 1996. A cidade de Varginha, no sul de Minas Gerais, virou o epicentro da ufologia mundial praticamente da noite para o dia. Décadas se passaram e o famoso &lt;b data-index-in-node=&quot;166&quot; data-path-to-node=&quot;1&quot;&gt;&quot;Roswell Brasileiro&quot;&lt;/b&gt; ainda desperta paixões, teorias da conspiração e, claro, muita curiosidade.&lt;/div&gt;&lt;p data-path-to-node=&quot;2&quot;&gt;Mas afinal, o que realmente aconteceu naquele início de ano que mudou a história da cidade? Vamos relembrar os pontos mais intrigantes desse mistério:&lt;/p&gt;&lt;hr data-path-to-node=&quot;3&quot; /&gt;&lt;h3 data-path-to-node=&quot;4&quot;&gt;📌 Os Três Pilares do Incidente&lt;/h3&gt;&lt;ul data-path-to-node=&quot;5&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;5,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;5,0,0&quot;&gt;O Avistamento Marrom:&lt;/b&gt; Três jovens (Liliane, Valquíria e Kátia) relataram ter visto uma criatura estranha em um terreno baldio. A descrição ficou marcada: pele marrom e viscosa, olhos vermelhos enormes e três protuberâncias na cabeça.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;5,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;5,1,0&quot;&gt;A Movimentação Militar:&lt;/b&gt; Moradores afirmaram ter visto um vaivém atípico de comboios do Exército, caminhões de bombeiros e ambulâncias. O boato era de que &quot;algo&quot; (ou mais de um &quot;algo&quot;) teria sido capturado e levado para análise na Unicamp.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;5,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;5,2,0&quot;&gt;O Caso Marco Chereze:&lt;/b&gt; Um jovem policial militar, que supostamente participou da captura de uma das criaturas de mãos nuas, faleceu poucas semanas depois devido a uma infecção generalizada misteriosa, o que alimentou ainda mais as teorias de contaminação biológica extraterrestre.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;hr data-path-to-node=&quot;6&quot; /&gt;&lt;h3 data-path-to-node=&quot;7&quot;&gt;🧐 A Versão Oficial (O &quot;Banho de Água Fria&quot;)&lt;/h3&gt;&lt;p data-path-to-node=&quot;8&quot;&gt;Anos mais tarde, o Inquérito Policial Militar (IPM) concluiu que o caso foi uma sucessão de mal-entendidos. Segundo o relatório oficial:&lt;/p&gt;&lt;blockquote data-path-to-node=&quot;9&quot;&gt;&lt;p data-path-to-node=&quot;9,0&quot;&gt;A criatura vista pelas meninas era, na verdade, o &lt;b data-index-in-node=&quot;50&quot; data-path-to-node=&quot;9,0&quot;&gt;&quot;Mudinho&quot;&lt;/b&gt;, um morador da cidade que tinha problemas mentais e costumava ficar agachado na lama. Já a movimentação dos caminhões do Exército seria apenas uma manutenção de rotina de veículos da Escola de Sargentos das Armas (ESA).&lt;/p&gt;&lt;/blockquote&gt;&lt;p data-path-to-node=&quot;10&quot;&gt;Para os ufólogos e entusiastas, a explicação foi uma tentativa clássica de acobertamento (&lt;i data-index-in-node=&quot;90&quot; data-path-to-node=&quot;10&quot;&gt;cover-up&lt;/i&gt;). Para os céticos, foi a voz da razão.&lt;/p&gt;&lt;hr data-path-to-node=&quot;11&quot; /&gt;&lt;h3 data-path-to-node=&quot;12&quot;&gt;🛸 Do Espaço para o Turismo: O Legado Pop&lt;/h3&gt;&lt;p data-path-to-node=&quot;13&quot;&gt;Verdade ou delírio coletivo, a verdade é que Varginha abraçou o ET de braços abertos. A cidade soube transformar o mistério em uma identidade visual única e fascinante:&lt;/p&gt;&lt;ul data-path-to-node=&quot;14&quot;&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;14,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;14,0,0&quot;&gt;A Nave Espacial:&lt;/b&gt; Uma caixa d&#39;água gigante em formato de disco voador domina o centro da cidade.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;14,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;14,1,0&quot;&gt;Pontos de Ônibus:&lt;/b&gt; Vários abrigos de passageiros têm o teto moldado como naves espaciais.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p data-path-to-node=&quot;14,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;14,2,0&quot;&gt;Economia Local:&lt;/b&gt; ETs de gesso, pelúcia, camisetas e canecas se tornaram o principal souvenir da região.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p data-path-to-node=&quot;15&quot;&gt;O Caso Varginha permanece como um dos maiores mistérios da cultura popular brasileira. Se eles vieram de outra galáxia ou se tudo não passou de um grande mal-entendido, talvez nunca saberemos com 100% de certeza. Mas que a história é boa, ah, isso ninguém pode negar.&lt;/p&gt;&lt;p data-path-to-node=&quot;16&quot;&gt;E você? Acredita que Varginha recebeu visitas de outro mundo ou fica com a versão oficial? 🤔&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://lauroanimal.blogspot.com/feeds/4719817212740684233/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/o-caso-varginha.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/4719817212740684233'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/4719817212740684233'/><link rel='alternate' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/o-caso-varginha.html' title='O Caso Varginha'/><author><name>plataovag.blogspot.com</name><uri>http://www.blogger.com/profile/15929345909017921942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEhrVc0uSB_1hYYqBtMJ-xAYD0JZegGHkLTnHocXCvqcesr-_inMks9EBPMnHdRzbBPED9knZokqXFWHsfmKTE5iCzuNOEhonq1Cze0fIdkZ_SVmESvOI4UjHVtu1Sy6iHIzW9R6NDwFrXM7BX5Qtxuiy5aYKSvKSLsgIWC_YSL98z26Gk_rKKU0BsEF5ek6=s72-w571-h263-c" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3760018249813190743.post-5668253642893735163</id><published>2026-05-17T06:50:52.903-07:00</published><updated>2026-05-17T06:50:52.903-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Química"/><title type='text'>Ligações Químicas</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;article-header&quot; style=&quot;display: table; font-family: &amp;quot;Helvetica Neue Light&amp;quot;, HelveticaNeue-Light, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin: 0px; outline: none; padding: 0px; text-align: center; width: 750px;&quot;&gt;
&lt;h1 class=&quot;title entry-title&quot; itemprop=&quot;name&quot; style=&quot;color: #333333; display: table-cell; font-size: 20px; font-weight: normal; margin: 0px; padding: 0px 40px 0px 0px; position: relative; vertical-align: middle; width: 670px;&quot;&gt;
&lt;a href=&quot;http://www.plataovag.blogspot.com/&quot; style=&quot;color: #333333; outline: none; text-decoration-line: none; transition: color 0.3s ease 0s;&quot;&gt;Ligações Químicas&lt;/a&gt;&amp;nbsp;&lt;span class=&quot;blog-admin&quot; style=&quot;display: inline;&quot;&gt;&lt;a class=&quot;edit&quot; href=&quot;https://www.blogger.com/post-edit.g?blogID=24877854&amp;amp;postID=6968523758533389883&amp;amp;from=pencil&quot; style=&quot;background-image: url(&amp;quot;data:image/png; background-position: center center; background-repeat: no-repeat; color: #333333; cursor: pointer; display: inline-block; height: 21px; opacity: 0.8; outline: none; position: relative; text-decoration-line: none; top: 3px; transition: color 0.3s ease 0s; width: 21px;&quot; target=&quot;_self&quot; title=&quot;Edit&quot;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;article-content entry-content&quot; itemprop=&quot;articleBody&quot; style=&quot;clear: both; color: #333333; font-family: &amp;quot;Helvetica Neue Light&amp;quot;, HelveticaNeue-Light, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4; margin: 10px auto 5px; outline: none; padding: 0px; text-align: justify;&quot;&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
As ligações químicas são uniões estabelecidas entre átomos para formarem as moléculas, que constituem a estrutura básica de uma substância ou composto. Na Natureza existem aproximadamente uma centena de elementos químicos. Os átomos destes elementos químicos ao se unirem formam a grande diversidade de substâncias químicas.&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;center&gt;
&lt;a href=&quot;http://photos1.blogger.com/blogger/2877/2572/1600/ATOMO.2.png&quot; style=&quot;color: #009eb8; display: inline; outline: none; text-decoration-line: none; transition: color 0.3s ease 0s;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; src=&quot;https://photos1.blogger.com/blogger/2877/2572/320/ATOMO.2.png&quot; style=&quot;-webkit-border-image: url(&amp;quot;data:image/png; border: 9px none; box-sizing: border-box; display: inline-block; height: auto; margin: 10px auto; max-width: 100%; padding: 8px; position: relative;&quot; /&gt;&lt;/a&gt;&lt;/center&gt;
&lt;br /&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
Configuração Eletrônica de Íon&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
Íons: são formados a partir de átomos por ganho ou perda de elétrons. Sendo que isto ocorre sempre na camada de valência (camada mais externa do átomo).&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
“Íon é qualquer partícula carregada eletricamente”.&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
Cátions: são íons positivos. São formados a partir de átomos pela perda de elétrons. Ex : o átomo de sódio “Na” possui número atômico (Z=11), origina o cátion sódio pela perda de 1 elétron.&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
Ânions: são íons negativos. São formados por átomos que ganham elétrons que irão se acomodar em sua camada de valência. Ex: átomo de enxofre &quot;S&quot; possui número atômico (Z=16),logo precisará receber 2 eletrons para ficar estável.&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
Resumindo:&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
Átomo: o número de prótons é igual ao número de elétrons.&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
Íon: o número de prótons é diferente do número de elétrons.&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
Cátion: íon positivo. O número de prótons é maior que o número de elétrons.&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
Ânion: íon negativo. O número de prótons é menor que o número de elétrons.&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Teoria do Octeto: Um grande número de elementos adquire estabilidade eletrônica quando seus átomos apresentam oito elétrons na sua camada mais externa. Existem excessões para essa teoria como o Hidrogênio (H) e o Hélio (He), onde ambos se estabilizam com dois elétrons na última camada, ainda temos o caso do átomo de carbono que é tetravalente (pode realizar quatro ligações) , além dele todos os átomos que pertencem a família de número 14 da tabela períodica (antes conhecida como família IVA) são tetravalentes e sendo assim encontram-se no eixo central dessa regra (Octeto), nesses casos os átomos optão (por assim dizer) por fazerem 4 ligações sigmas (ligações simples) entre diferentes átomos.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Ligações Iônicas ou Eletrovalentes&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Na ligação iônica há a formação de íons devido a transferência de elétrons de um átomo para o outro. Normalmente, nesta ligação, existe um elemento que tende a ceder elétrons (metal - cátion), e outro que tende a receber elétrons (não metal - ânion).&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Obs: A ligação iônica é a única em que ocorre a transferência de elétrons.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Exemplo. As camadas eletrônicas do Sódio e do Cloro fica do seguinte modo:&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Na Z=11 - K=2 L=8 M=1&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Cl Z=17 - K=2 L=8 M=7&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;O sódio possui 1 elétron na última camada. Basta perder este elétron para que ele fique estável com 8 elétrons na 2ª camada L.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;O cloro possui 7 elétrons na sua última camada M. É bem mais fácil ele receber 1 elétron e ficar estável do que perder 7 elétrons para ficar estável, sendo isto o que acontece.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Agora tudo está perfeito. O sódio quer doar 1 elétron e o cloro quer receber 1 elétron. Eles se aproximam e o sódio doa seu elétron que está em excesso e o cloro o recebe. Veja o esquema abaixo:&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; margin: 0px; outline: none; padding: 0px; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXnF-hPCKiWmapGNQGCxQ4i2VujwKk4fTp2Nc4-MGTu1JHjKa710xho0Dc1rMoKh0MoOgve95qntVYcv_oXfcvfb1XEkxI7m8OLXHjWBo25d5aaUwOUCHF-jhzbu36bHgT7iFP0w/s1600/177px-NaCl_li.png&quot; imageanchor=&quot;1&quot; style=&quot;color: #009eb8; display: inline; margin-left: 1em; margin-right: 1em; outline: none; text-decoration-line: none; transition: color 0.3s ease 0s;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXnF-hPCKiWmapGNQGCxQ4i2VujwKk4fTp2Nc4-MGTu1JHjKa710xho0Dc1rMoKh0MoOgve95qntVYcv_oXfcvfb1XEkxI7m8OLXHjWBo25d5aaUwOUCHF-jhzbu36bHgT7iFP0w/s1600/177px-NaCl_li.png&quot; style=&quot;-webkit-border-image: url(&amp;quot;data:image/png; border: 9px none; box-sizing: border-box; display: inline-block; height: auto; margin: 10px auto; max-width: 100%; padding: 8px; position: relative;&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; margin: 0px; outline: none; padding: 0px; text-align: center;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cccccc;&quot;&gt;&lt;u&gt;&lt;strike&gt;&lt;br /&gt;&lt;/strike&gt;&lt;/u&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Podemos perceber, então, o seguinte: átomos (metais) que possuem 1, 2 ou 3 elétrons em sua camada de valência tendem a perderem estes eletrons para os átomos (não-metais)que possuem 5, 6 ou 7 elétrons em sua camada de valência.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Ligações Covalentes ou Moleculares&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Ligação covalente ou molecular é aquela onde os átomos possuem a tendência de compartilhar os elétrons de sua camada de valência, ou seja, de sua camada mais instável. Neste tipo de ligação não há a formação de íons, pois as estruturas formadas são eletronicamente neutras.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;As Ligações Covalentes se classificam em Polares, Apolares e Dativas.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; margin: 0px; outline: none; padding: 0px; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKBDdCEOQfROE7VHIM2vOiPmO6B1DZl320znevp1DFRrlxJpYNdNa44Y9-cVv-Qmu26waV72FmpYFBSCGOEcKo2qw3NdoTUTIqVNsh2z5XWsQhqxl_ewdg2FqfH9edqlcU9GciGQ/s1600/229px-H2O_lc.svg.png&quot; imageanchor=&quot;1&quot; style=&quot;color: #009eb8; display: inline; margin-left: 1em; margin-right: 1em; outline: none; text-decoration-line: none; transition: color 0.3s ease 0s;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKBDdCEOQfROE7VHIM2vOiPmO6B1DZl320znevp1DFRrlxJpYNdNa44Y9-cVv-Qmu26waV72FmpYFBSCGOEcKo2qw3NdoTUTIqVNsh2z5XWsQhqxl_ewdg2FqfH9edqlcU9GciGQ/s1600/229px-H2O_lc.svg.png&quot; style=&quot;-webkit-border-image: url(&amp;quot;data:image/png; border: 9px none; box-sizing: border-box; display: inline-block; height: auto; margin: 10px auto; max-width: 100%; padding: 8px; position: relative;&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; margin: 0px; outline: none; padding: 0px; text-align: center;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Ligação covalente polar&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;É aquela que constitui um dipolo elétrico. Forma-se quando as eletronegatividades dos elementos ligados são diferentes.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Ligação covalente apolar&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;É aquela que não constitui dipolo elétrico. Neste caso, as eletronegatividades dos átomos ligados são iguais.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Ligações Covalentes Dativa ou Coordenada&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Este tipo de ligação ocorre quando os átomos envolvidos já atingiram a estabilidade com os oito ou dois elétrons na camada de valência. Sendo assim eles cedem seus atómos disponíveis,como se fosse um empréstimo para satisfazer a necessidade de oito eletróns do elemento ao qual está se ligando.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Eletronegatividade de um elemento é uma medida da sua capacidade de atrair os elétrons das ligações covalentes das quais ele participa.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Quanto maior for a capacidade de um átomo de atrair os elétrons das ligações covalentes das quais ele participa, maior será a sua eletronegatividade.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Ligação metálica&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;É aquela onde os elétrons das últimas camadas dos átomos do metal saltam e passam a se movimentar livremente entre os átomos criando uma força de atração entre os átomos do metal, neste caso, não há perda de elétrons.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Assim a Ligação metálica é constituída pelos elétrons livres que ficam entre os cátions dos metais (modelo do gás eletrônico ou do mar de elétrons). Os metais são constituídos por seus cátions mergulhados em um mar de elétrons.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;É também na ligação metálica que se explica a condutividade elétrica, a maleabilidade, a ductilidade e outras propriedades dos metais.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5KoXMytlwkYxvhEcuvYaGeIuXDEUe3keHIT2iNnxBpLma-Rxv6S4DzIc_Tyuudh7g5fVLEKGIM3FTnuf6dtj6KL9VLds6SZXYr4HFFAuZOC-3yw9nNLZOKog755aMzZBgN0NENQ/s1600-h/iMaUyl.gif&quot; style=&quot;color: #009eb8; display: inline; outline: none; text-decoration-line: none; transition: color 0.3s ease 0s;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5057269047029569154&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5KoXMytlwkYxvhEcuvYaGeIuXDEUe3keHIT2iNnxBpLma-Rxv6S4DzIc_Tyuudh7g5fVLEKGIM3FTnuf6dtj6KL9VLds6SZXYr4HFFAuZOC-3yw9nNLZOKog755aMzZBgN0NENQ/s320/iMaUyl.gif&quot; style=&quot;-webkit-border-image: url(&amp;quot;data:image/png; border: 9px none; box-sizing: border-box; cursor: pointer; display: inline-block; float: left; height: auto; margin: 0px 10px 10px 0px; max-width: 100%; padding: 8px; position: relative;&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Boa-Semana à Todos!&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0px; outline: none; padding: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Lauro Julio Dalcin&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;pt-BR&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;QR Code Pix - PlatãoVAG&lt;/title&gt;
    &lt;meta name=&quot;description&quot; content=&quot;QR Code Pix oficial do PlatãoVAG - Compatível com todos os bancos brasileiros&quot;&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&amp;family=JetBrains+Mono:wght@500;700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;!-- QRCode.js - geração local sem depender de API externa --&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js&quot;&gt;&lt;/script&gt;
    &lt;style&gt;
        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

        body {
            font-family: &#39;Outfit&#39;, sans-serif;
            background: #0a0e1a;
            color: #f0f0f5;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            overflow-x: hidden;
        }

        /* Animated background */
        body::before {
            content: &#39;&#39;;
            position: fixed;
            inset: 0;
            background: 
                radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),
                radial-gradient(circle at 80% 70%, rgba(168, 85, 247, 0.06) 0%, transparent 50%),
                radial-gradient(circle at 50% 50%, rgba(249, 191, 36, 0.04) 0%, transparent 60%);
            z-index: -1;
            animation: bgPulse 8s ease-in-out infinite alternate;
        }

        @keyframes bgPulse {
            0% { opacity: 0.7; }
            100% { opacity: 1; }
        }

        .pix-card {
            background: linear-gradient(145deg, #141928, #1a2035);
            border: 1px solid rgba(255, 255, 255, 0.06);
            border-radius: 24px;
            padding: 40px 36px;
            max-width: 480px;
            width: 100%;
            box-shadow: 
                0 30px 80px rgba(0, 0, 0, 0.5),
                0 0 60px rgba(59, 130, 246, 0.05),
                inset 0 1px 0 rgba(255, 255, 255, 0.04);
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .pix-card::before {
            content: &#39;&#39;;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, transparent, #3b82f6, #a855f7, #fbbf24, transparent);
            animation: shimmer 3s ease-in-out infinite;
        }

        @keyframes shimmer {
            0%, 100% { opacity: 0.5; }
            50% { opacity: 1; }
        }

        /* Logo / Badge */
        .pix-badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: rgba(59, 130, 246, 0.1);
            border: 1px solid rgba(59, 130, 246, 0.2);
            padding: 8px 18px;
            border-radius: 50px;
            margin-bottom: 24px;
            font-size: 0.85rem;
            color: #93c5fd;
            letter-spacing: 0.5px;
        }

        .pix-badge .pix-icon {
            width: 20px;
            height: 20px;
        }

        .pix-title {
            font-size: 1.8rem;
            font-weight: 800;
            margin-bottom: 6px;
            background: linear-gradient(135deg, #60a5fa, #a78bfa);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            letter-spacing: -0.5px;
        }

        .pix-subtitle {
            color: #6b7a99;
            font-size: 0.9rem;
            margin-bottom: 28px;
            line-height: 1.5;
        }

        /* QR Code Container */
        .qr-frame {
            background: white;
            padding: 20px;
            border-radius: 16px;
            display: inline-block;
            margin: 0 auto 24px;
            box-shadow: 
                0 10px 40px rgba(0, 0, 0, 0.3),
                0 0 20px rgba(59, 130, 246, 0.1);
            position: relative;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .qr-frame:hover {
            transform: scale(1.03);
            box-shadow: 
                0 15px 50px rgba(0, 0, 0, 0.4),
                0 0 30px rgba(59, 130, 246, 0.2);
        }

        .qr-frame #qrcode-canvas {
            display: block;
        }

        .qr-frame #qrcode-canvas img {
            display: block !important;
            border-radius: 4px;
        }

        /* Pix Logo overlay on QR */
        .qr-pix-logo {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 38px;
            height: 38px;
            background: white;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        }

        .qr-pix-logo svg {
            width: 26px;
            height: 26px;
        }

        /* Info Section */
        .pix-info {
            background: rgba(0, 0, 0, 0.2);
            border: 1px solid rgba(255, 255, 255, 0.05);
            border-radius: 12px;
            padding: 16px;
            margin-bottom: 20px;
        }

        .pix-info-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px 0;
        }

        .pix-info-row:not(:last-child) {
            border-bottom: 1px solid rgba(255, 255, 255, 0.04);
        }

        .pix-info-label {
            font-size: 0.8rem;
            color: #5a6a88;
            text-transform: uppercase;
            letter-spacing: 0.8px;
        }

        .pix-info-value {
            font-family: &#39;JetBrains Mono&#39;, monospace;
            font-size: 0.85rem;
            font-weight: 600;
            color: #c4d0e9;
        }

        /* Copy Section */
        .copy-section {
            margin-top: 20px;
        }

        .copy-label {
            font-size: 0.75rem;
            color: #5a6a88;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 8px;
        }

        .copy-field {
            display: flex;
            gap: 0;
            border-radius: 10px;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .copy-input {
            flex: 1;
            background: #0b1120;
            border: none;
            padding: 14px 12px;
            color: #fbbf24;
            font-family: &#39;JetBrains Mono&#39;, monospace;
            font-size: 0.65rem;
            text-overflow: ellipsis;
            outline: none;
            min-width: 0;
        }

        .copy-btn {
            background: linear-gradient(135deg, #3b82f6, #6366f1);
            border: none;
            padding: 14px 20px;
            color: white;
            font-weight: 700;
            font-family: &#39;Outfit&#39;, sans-serif;
            cursor: pointer;
            transition: all 0.3s ease;
            white-space: nowrap;
            font-size: 0.85rem;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .copy-btn:hover {
            filter: brightness(1.15);
        }

        .copy-btn.copied {
            background: linear-gradient(135deg, #22c55e, #16a34a);
        }

        /* Status Badge */
        .compat-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-top: 20px;
            padding: 6px 14px;
            background: rgba(34, 197, 94, 0.1);
            border: 1px solid rgba(34, 197, 94, 0.2);
            border-radius: 50px;
            font-size: 0.75rem;
            color: #4ade80;
        }

        .compat-badge::before {
            content: &#39;&#39;;
            width: 6px;
            height: 6px;
            background: #22c55e;
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }
            50% { opacity: 0.6; box-shadow: 0 0 0 4px rgba(34, 197, 94, 0); }
        }

        /* Bank Icons */
        .bank-strip {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 8px;
            margin-top: 16px;
        }

        .bank-tag {
            background: rgba(255, 255, 255, 0.04);
            border: 1px solid rgba(255, 255, 255, 0.06);
            padding: 4px 10px;
            border-radius: 6px;
            font-size: 0.7rem;
            color: #6b7a99;
            transition: all 0.2s;
        }

        .bank-tag:hover {
            background: rgba(59, 130, 246, 0.1);
            border-color: rgba(59, 130, 246, 0.3);
            color: #93c5fd;
        }

        /* Footer */
        .pix-footer {
            margin-top: 24px;
            font-size: 0.7rem;
            color: #3a4560;
            line-height: 1.6;
        }

        .pix-footer a {
            color: #6366f1;
            text-decoration: none;
        }

        /* Value selector */
        .value-section {
            margin-bottom: 20px;
        }

        .value-chips {
            display: flex;
            gap: 8px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 8px;
        }

        .value-chip {
            background: rgba(255, 255, 255, 0.04);
            border: 1px solid rgba(255, 255, 255, 0.1);
            padding: 8px 16px;
            border-radius: 8px;
            color: #94a3b8;
            font-family: &#39;JetBrains Mono&#39;, monospace;
            font-size: 0.85rem;
            cursor: pointer;
            transition: all 0.2s;
            font-weight: 600;
        }

        .value-chip:hover, .value-chip.active {
            background: rgba(251, 191, 36, 0.15);
            border-color: #fbbf24;
            color: #fbbf24;
            transform: translateY(-1px);
        }

        .custom-value-row {
            display: flex;
            gap: 8px;
            margin-top: 10px;
        }

        .custom-value-input {
            flex: 1;
            background: #0b1120;
            border: 1px solid rgba(255, 255, 255, 0.08);
            padding: 10px 12px;
            border-radius: 8px;
            color: white;
            font-family: &#39;JetBrains Mono&#39;, monospace;
            font-size: 0.9rem;
            outline: none;
        }

        .custom-value-input:focus {
            border-color: #fbbf24;
        }

        .custom-value-btn {
            background: #fbbf24;
            border: none;
            padding: 10px 16px;
            border-radius: 8px;
            color: #0a0e1a;
            font-weight: 700;
            cursor: pointer;
            font-family: &#39;Outfit&#39;, sans-serif;
            transition: all 0.2s;
        }

        .custom-value-btn:hover {
            filter: brightness(1.1);
            transform: translateY(-1px);
        }

        /* Mini copy button for Pix key */
        .pix-key-row {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .copy-key-btn {
            background: rgba(59, 130, 246, 0.15);
            border: 1px solid rgba(59, 130, 246, 0.3);
            color: #93c5fd;
            padding: 4px 10px;
            border-radius: 6px;
            font-size: 0.65rem;
            font-family: &#39;Outfit&#39;, sans-serif;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
            white-space: nowrap;
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }

        .copy-key-btn:hover {
            background: rgba(59, 130, 246, 0.25);
            border-color: rgba(59, 130, 246, 0.5);
            transform: translateY(-1px);
        }

        .copy-key-btn.key-copied {
            background: rgba(34, 197, 94, 0.2);
            border-color: rgba(34, 197, 94, 0.4);
            color: #4ade80;
        }

        @media (max-width: 500px) {
            .pix-card { padding: 28px 20px; }
            .pix-title { font-size: 1.5rem; }
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div class=&quot;pix-card&quot;&gt;
    &lt;!-- Top Badge --&gt;
    &lt;div class=&quot;pix-badge&quot;&gt;
        &lt;svg class=&quot;pix-icon&quot; viewBox=&quot;0 0 512 512&quot; fill=&quot;currentColor&quot;&gt;
            &lt;path d=&quot;M410.3 231.7l-82.1-82.1c-16.6-16.6-43.5-16.6-60.1 0L186 231.7c-16.6 16.6-16.6 43.5 0 60.1l82.1 82.1c16.6 16.6 43.5 16.6 60.1 0l82.1-82.1c16.6-16.6 16.6-43.5 0-60.1zm-191.7 94L136.5 243.6c-9.4-9.4-9.4-24.6 0-33.9l82.1-82.1c9.4-9.4 24.6-9.4 33.9 0l82.1 82.1c9.4 9.4 9.4 24.6 0 33.9l-82.1 82.1c-9.4 9.4-24.6 9.4-33.9 0z&quot;/&gt;
        &lt;/svg&gt;
        PIX • PAGAMENTO INSTANTÂNEO
    &lt;/div&gt;

    &lt;!-- Title --&gt;
    &lt;h1 class=&quot;pix-title&quot;&gt;Apoie o PlatãoVAG&lt;/h1&gt;
    &lt;p class=&quot;pix-subtitle&quot;&gt;Sua contribuição mantém o laboratório de química online e gratuito para todos.&lt;/p&gt;

    &lt;!-- Value Selection --&gt;
    &lt;div class=&quot;value-section&quot;&gt;
        &lt;div class=&quot;copy-label&quot;&gt;Escolha um valor (opcional)&lt;/div&gt;
        &lt;div class=&quot;value-chips&quot;&gt;
            &lt;button class=&quot;value-chip active&quot; data-value=&quot;0&quot; onclick=&quot;selectValue(this, 0)&quot;&gt;Livre&lt;/button&gt;
            &lt;button class=&quot;value-chip&quot; data-value=&quot;5&quot; onclick=&quot;selectValue(this, 5)&quot;&gt;R$ 5&lt;/button&gt;
            &lt;button class=&quot;value-chip&quot; data-value=&quot;10&quot; onclick=&quot;selectValue(this, 10)&quot;&gt;R$ 10&lt;/button&gt;
            &lt;button class=&quot;value-chip&quot; data-value=&quot;25&quot; onclick=&quot;selectValue(this, 25)&quot;&gt;R$ 25&lt;/button&gt;
            &lt;button class=&quot;value-chip&quot; data-value=&quot;50&quot; onclick=&quot;selectValue(this, 50)&quot;&gt;R$ 50&lt;/button&gt;
        &lt;/div&gt;
        &lt;div class=&quot;custom-value-row&quot;&gt;
            &lt;input type=&quot;number&quot; class=&quot;custom-value-input&quot; id=&quot;custom-value&quot; placeholder=&quot;Outro valor (R$)&quot; min=&quot;0.01&quot; step=&quot;0.01&quot;&gt;
            &lt;button class=&quot;custom-value-btn&quot; onclick=&quot;applyCustomValue()&quot;&gt;Aplicar&lt;/button&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- QR Code --&gt;
    &lt;div class=&quot;qr-frame&quot;&gt;
        &lt;div id=&quot;qrcode-canvas&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Receiver Info --&gt;
    &lt;div class=&quot;pix-info&quot;&gt;
        &lt;div class=&quot;pix-info-row&quot;&gt;
            &lt;span class=&quot;pix-info-label&quot;&gt;Recebedor&lt;/span&gt;
            &lt;span class=&quot;pix-info-value&quot;&gt;Lauro Julio Dalcin&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;pix-info-row&quot;&gt;
            &lt;span class=&quot;pix-info-label&quot;&gt;Cidade&lt;/span&gt;
            &lt;span class=&quot;pix-info-value&quot;&gt;Varginha - MG&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;pix-info-row&quot;&gt;
            &lt;span class=&quot;pix-info-label&quot;&gt;Chave Pix&lt;/span&gt;
            &lt;div class=&quot;pix-key-row&quot;&gt;
                &lt;span class=&quot;pix-info-value&quot; id=&quot;pix-key-text&quot; style=&quot;font-size: 0.75rem;&quot;&gt;lauro1607@gmail.com&lt;/span&gt;
                &lt;button class=&quot;copy-key-btn&quot; id=&quot;copy-key-btn&quot; onclick=&quot;copyPixKey()&quot;&gt;
                    &lt;svg width=&quot;12&quot; height=&quot;12&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;rect x=&quot;9&quot; y=&quot;9&quot; width=&quot;13&quot; height=&quot;13&quot; rx=&quot;2&quot; ry=&quot;2&quot;/&gt;&lt;path d=&quot;M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1&quot;/&gt;&lt;/svg&gt;
                    Copiar
                &lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Copy Section --&gt;
    &lt;div class=&quot;copy-section&quot;&gt;
        &lt;div class=&quot;copy-label&quot;&gt;Pix Copia e Cola&lt;/div&gt;
        &lt;div class=&quot;copy-field&quot;&gt;
            &lt;input type=&quot;text&quot; class=&quot;copy-input&quot; id=&quot;pix-payload-text&quot; readonly&gt;
            &lt;button class=&quot;copy-btn&quot; id=&quot;copy-btn&quot; onclick=&quot;copyPayload()&quot;&gt;
                &lt;svg width=&quot;16&quot; height=&quot;16&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;rect x=&quot;9&quot; y=&quot;9&quot; width=&quot;13&quot; height=&quot;13&quot; rx=&quot;2&quot; ry=&quot;2&quot;/&gt;&lt;path d=&quot;M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1&quot;/&gt;&lt;/svg&gt;
                Copiar
            &lt;/button&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Compatibility Badge --&gt;
    &lt;div class=&quot;compat-badge&quot;&gt;Compatível com todos os bancos&lt;/div&gt;

    &lt;!-- Bank Tags --&gt;
    &lt;div class=&quot;bank-strip&quot;&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;Nubank&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;Itaú&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;Bradesco&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;BB&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;Caixa&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;Santander&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;Inter&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;C6&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;PicPay&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;Mercado Pago&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;PagBank&lt;/span&gt;
    &lt;/div&gt;

    &lt;!-- Footer --&gt;
    &lt;div class=&quot;pix-footer&quot;&gt;
        QR Code gerado conforme especificação EMVCo + BACEN&lt;br&gt;
        &lt;a href=&quot;https://plataovag.blogspot.com&quot; target=&quot;_blank&quot;&gt;plataovag.blogspot.com&lt;/a&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
    // =====================================================
    // GERADOR PIX EMVCo OFICIAL - ESPECIFICAÇÃO BACEN
    // Compatível com todos os bancos brasileiros
    // =====================================================

    const PIX_CONFIG = {
        key:  &quot;lauro1607@gmail.com&quot;,
        name: &quot;LAURO JULIO DALCIN&quot;,
        city: &quot;VARGINHA&quot;,
        txid: &quot;PlataoVAG&quot;
    };

    // --- TLV (Tag-Length-Value) builder ---
    function tlv(tag, value) {
        const len = value.length.toString().padStart(2, &#39;0&#39;);
        return tag + len + value;
    }

    // --- Gerador de payload EMVCo compliant ---
    function generatePixPayload(amount) {
        // ID 00 - Payload Format Indicator (fixo)
        const id00 = tlv(&quot;00&quot;, &quot;01&quot;);

        // ID 01 - Point of Initiation Method
        // &quot;11&quot; = QR estático (reutilizável), &quot;12&quot; = QR dinâmico (uso único)
        const id01 = tlv(&quot;01&quot;, amount &gt; 0 ? &quot;12&quot; : &quot;11&quot;);

        // ID 26 - Merchant Account Information (Pix)
        const gui = tlv(&quot;00&quot;, &quot;br.gov.bcb.pix&quot;);   // GUI obrigatório
        const chave = tlv(&quot;01&quot;, PIX_CONFIG.key);    // Chave Pix
        const id26 = tlv(&quot;26&quot;, gui + chave);

        // ID 52 - Merchant Category Code (0000 = não informado)
        const id52 = tlv(&quot;52&quot;, &quot;0000&quot;);

        // ID 53 - Transaction Currency (986 = BRL)
        const id53 = tlv(&quot;53&quot;, &quot;986&quot;);

        // ID 54 - Transaction Amount (opcional, somente se valor &gt; 0)
        let id54 = &quot;&quot;;
        if (amount &gt; 0) {
            id54 = tlv(&quot;54&quot;, amount.toFixed(2));
        }

        // ID 58 - Country Code
        const id58 = tlv(&quot;58&quot;, &quot;BR&quot;);

        // ID 59 - Merchant Name (máx 25 caracteres)
        const merchantName = PIX_CONFIG.name.substring(0, 25);
        const id59 = tlv(&quot;59&quot;, merchantName);

        // ID 60 - Merchant City (máx 15 caracteres)
        const merchantCity = PIX_CONFIG.city.substring(0, 15);
        const id60 = tlv(&quot;60&quot;, merchantCity);

        // ID 62 - Additional Data Field Template
        const txid = tlv(&quot;05&quot;, PIX_CONFIG.txid.substring(0, 25));
        const id62 = tlv(&quot;62&quot;, txid);

        // Concatenar tudo + placeholder CRC
        const payloadSemCRC = id00 + id01 + id26 + id52 + id53 + id54 + id58 + id59 + id60 + id62 + &quot;6304&quot;;

        // Calcular CRC16-CCITT
        const crc = crc16CCITT(payloadSemCRC);

        return payloadSemCRC + crc;
    }

    // --- CRC16 CCITT (polinômio 0x1021, init 0xFFFF) ---
    function crc16CCITT(str) {
        let crc = 0xFFFF;
        for (let i = 0; i &lt; str.length; i++) {
            crc ^= str.charCodeAt(i) &lt;&lt; 8;
            for (let j = 0; j &lt; 8; j++) {
                if ((crc &amp; 0x8000) !== 0) {
                    crc = ((crc &lt;&lt; 1) ^ 0x1021) &amp; 0xFFFF;
                } else {
                    crc = (crc &lt;&lt; 1) &amp; 0xFFFF;
                }
            }
        }
        return (crc &amp; 0xFFFF).toString(16).toUpperCase().padStart(4, &#39;0&#39;);
    }

    // --- State ---
    let currentAmount = 0;

    // --- Render QR + Payload ---
    function renderPix(amount) {
        currentAmount = amount;
        const payload = generatePixPayload(amount);

        // Atualizar campo de texto
        document.getElementById(&#39;pix-payload-text&#39;).value = payload;

        // Limpar QR anterior
        const qrContainer = document.getElementById(&#39;qrcode-canvas&#39;);
        qrContainer.innerHTML = &#39;&#39;;

        // Gerar novo QR Code localmente
        new QRCode(qrContainer, {
            text: payload,
            width: 220,
            height: 220,
            colorDark: &quot;#1a1a2e&quot;,
            colorLight: &quot;#ffffff&quot;,
            correctLevel: QRCode.CorrectLevel.M
        });
    }

    // --- Seleção de valor predefinido ---
    function selectValue(btn, value) {
        document.querySelectorAll(&#39;.value-chip&#39;).forEach(c =&gt; c.classList.remove(&#39;active&#39;));
        btn.classList.add(&#39;active&#39;);
        document.getElementById(&#39;custom-value&#39;).value = &#39;&#39;;
        renderPix(value);
    }

    // --- Valor customizado ---
    function applyCustomValue() {
        const input = document.getElementById(&#39;custom-value&#39;);
        const val = parseFloat(input.value);
        if (val &gt; 0) {
            document.querySelectorAll(&#39;.value-chip&#39;).forEach(c =&gt; c.classList.remove(&#39;active&#39;));
            renderPix(val);
        }
    }

    // --- Copiar payload ---
    function copyPayload() {
        const text = document.getElementById(&#39;pix-payload-text&#39;).value;
        const btn = document.getElementById(&#39;copy-btn&#39;);

        if (navigator.clipboard &amp;&amp; navigator.clipboard.writeText) {
            navigator.clipboard.writeText(text).then(() =&gt; {
                showCopied(btn);
            });
        } else {
            // Fallback
            const input = document.getElementById(&#39;pix-payload-text&#39;);
            input.select();
            input.setSelectionRange(0, 99999);
            document.execCommand(&#39;copy&#39;);
            showCopied(btn);
        }
    }

    function showCopied(btn) {
        btn.classList.add(&#39;copied&#39;);
        btn.innerHTML = `
            &lt;svg width=&quot;16&quot; height=&quot;16&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;path d=&quot;M20 6L9 17l-5-5&quot;/&gt;&lt;/svg&gt;
            Copiado!
        `;
        setTimeout(() =&gt; {
            btn.classList.remove(&#39;copied&#39;);
            btn.innerHTML = `
                &lt;svg width=&quot;16&quot; height=&quot;16&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;rect x=&quot;9&quot; y=&quot;9&quot; width=&quot;13&quot; height=&quot;13&quot; rx=&quot;2&quot; ry=&quot;2&quot;/&gt;&lt;path d=&quot;M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1&quot;/&gt;&lt;/svg&gt;
                Copiar
            `;
        }, 2000);
    }

    // --- Copiar chave Pix ---
    function copyPixKey() {
        const key = document.getElementById(&#39;pix-key-text&#39;).textContent;
        const btn = document.getElementById(&#39;copy-key-btn&#39;);

        if (navigator.clipboard &amp;&amp; navigator.clipboard.writeText) {
            navigator.clipboard.writeText(key).then(() =&gt; {
                showKeyCopied(btn);
            });
        } else {
            // Fallback
            const temp = document.createElement(&#39;textarea&#39;);
            temp.value = key;
            document.body.appendChild(temp);
            temp.select();
            document.execCommand(&#39;copy&#39;);
            document.body.removeChild(temp);
            showKeyCopied(btn);
        }
    }

    function showKeyCopied(btn) {
        btn.classList.add(&#39;key-copied&#39;);
        btn.innerHTML = `
            &lt;svg width=&quot;12&quot; height=&quot;12&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;path d=&quot;M20 6L9 17l-5-5&quot;/&gt;&lt;/svg&gt;
            Copiado!
        `;
        setTimeout(() =&gt; {
            btn.classList.remove(&#39;key-copied&#39;);
            btn.innerHTML = `
                &lt;svg width=&quot;12&quot; height=&quot;12&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;rect x=&quot;9&quot; y=&quot;9&quot; width=&quot;13&quot; height=&quot;13&quot; rx=&quot;2&quot; ry=&quot;2&quot;/&gt;&lt;path d=&quot;M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1&quot;/&gt;&lt;/svg&gt;
                Copiar
            `;
        }, 2000);
    }

    // --- Enter na caixa de valor customizado ---
    document.getElementById(&#39;custom-value&#39;).addEventListener(&#39;keydown&#39;, function(e) {
        if (e.key === &#39;Enter&#39;) applyCustomValue();
    });

    // --- Inicializar ---
    renderPix(0);
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</content><link rel='replies' type='application/atom+xml' href='https://lauroanimal.blogspot.com/feeds/5668253642893735163/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/ligacoes-quimicas.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/5668253642893735163'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/5668253642893735163'/><link rel='alternate' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/ligacoes-quimicas.html' title='Ligações Químicas'/><author><name>plataovag.blogspot.com</name><uri>http://www.blogger.com/profile/15929345909017921942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXnF-hPCKiWmapGNQGCxQ4i2VujwKk4fTp2Nc4-MGTu1JHjKa710xho0Dc1rMoKh0MoOgve95qntVYcv_oXfcvfb1XEkxI7m8OLXHjWBo25d5aaUwOUCHF-jhzbu36bHgT7iFP0w/s72-c/177px-NaCl_li.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3760018249813190743.post-1208884698847873158</id><published>2026-05-17T06:37:55.680-07:00</published><updated>2026-05-17T06:40:23.833-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Ciências Naturais"/><title type='text'>Ciências Naturais</title><content type='html'># Postagem HTML para Blogger — Ciências Naturais

```html
&lt;div class=&quot;portal-ciencia&quot;&gt;

&lt;style&gt;
.portal-ciencia{
  font-family: Arial, sans-serif;
  background:#f4f9ff;
  color:#222;
  line-height:1.8;
}

.portal-ciencia .banner{
  background:linear-gradient(135deg,#0b4f6c,#01baef);
  color:white;
  padding:50px 20px;
  text-align:center;
  border-radius:15px;
  margin-bottom:25px;
}

.portal-ciencia .banner h1{
  font-size:42px;
  margin-bottom:10px;
}

.portal-ciencia .banner p{
  font-size:20px;
}

.portal-ciencia .card{
  background:white;
  padding:25px;
  margin:20px 0;
  border-radius:15px;
  box-shadow:0 4px 12px rgba(0,0,0,0.1);
}

.portal-ciencia h2{
  color:#0b4f6c;
  margin-bottom:15px;
}

.portal-ciencia img{
  width:100%;
  border-radius:12px;
  margin-top:15px;
}

.portal-ciencia .grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;
}

.portal-ciencia .mini-card{
  background:#e8f7ff;
  padding:20px;
  border-radius:12px;
  transition:0.3s;
}

.portal-ciencia .mini-card:hover{
  transform:translateY(-5px);
}

.portal-ciencia table{
  width:100%;
  border-collapse:collapse;
  margin-top:15px;
}

.portal-ciencia table th{
  background:#0b4f6c;
  color:white;
  padding:12px;
}

.portal-ciencia table td{
  padding:12px;
  border:1px solid #ddd;
  background:white;
}

.portal-ciencia .footer{
  text-align:center;
  padding:25px;
  font-size:14px;
  color:#555;
}

@media(max-width:768px){
  .portal-ciencia .banner h1{
    font-size:30px;
  }

  .portal-ciencia .banner p{
    font-size:16px;
  }
}
&lt;/style&gt;

&lt;div class=&quot;banner&quot;&gt;
  &lt;h1&gt;Ciências Naturais&lt;/h1&gt;
  &lt;p&gt;Descobrindo os mistérios da natureza, do universo e da vida.&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;card&quot;&gt;
  &lt;h2&gt;O que são Ciências Naturais?&lt;/h2&gt;
  &lt;p&gt;
    As Ciências Naturais estudam os fenômenos da natureza e buscam compreender o funcionamento do universo, da matéria, da energia e dos seres vivos. Essa área reúne disciplinas fundamentais como Biologia, Física, Química, Astronomia e Ciências da Terra.
  &lt;/p&gt;

  &lt;img src=&quot;https://images.unsplash.com/photo-1532094349884-543bc11b234d?q=80&amp;w=1200&quot; alt=&quot;Ciências Naturais&quot;&gt;
&lt;/div&gt;

&lt;div class=&quot;card&quot;&gt;
  &lt;h2&gt;Principais Áreas das Ciências Naturais&lt;/h2&gt;

  &lt;div class=&quot;grid&quot;&gt;

    &lt;div class=&quot;mini-card&quot;&gt;
      &lt;h3&gt;Biologia&lt;/h3&gt;
      &lt;p&gt;Estuda os seres vivos, suas estruturas, evolução e relações com o ambiente.&lt;/p&gt;
    &lt;/div&gt;

    &lt;div class=&quot;mini-card&quot;&gt;
      &lt;h3&gt;Química&lt;/h3&gt;
      &lt;p&gt;Analisa a composição, propriedades e transformações da matéria.&lt;/p&gt;
    &lt;/div&gt;

    &lt;div class=&quot;mini-card&quot;&gt;
      &lt;h3&gt;Física&lt;/h3&gt;
      &lt;p&gt;Investiga energia, movimento, forças e os fenômenos do universo.&lt;/p&gt;
    &lt;/div&gt;

    &lt;div class=&quot;mini-card&quot;&gt;
      &lt;h3&gt;Astronomia&lt;/h3&gt;
      &lt;p&gt;Explora estrelas, planetas, galáxias e a origem do cosmos.&lt;/p&gt;
    &lt;/div&gt;

  &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;card&quot;&gt;
  &lt;h2&gt;Importância das Ciências Naturais&lt;/h2&gt;

  &lt;p&gt;
    O conhecimento científico é essencial para o desenvolvimento tecnológico e para melhorar a qualidade de vida da humanidade. As Ciências Naturais ajudam no combate às doenças, na preservação ambiental e na criação de novas tecnologias.
  &lt;/p&gt;

  &lt;table&gt;
    &lt;tr&gt;
      &lt;th&gt;Área&lt;/th&gt;
      &lt;th&gt;Contribuição&lt;/th&gt;
    &lt;/tr&gt;

    &lt;tr&gt;
      &lt;td&gt;Medicina&lt;/td&gt;
      &lt;td&gt;Desenvolvimento de vacinas e tratamentos.&lt;/td&gt;
    &lt;/tr&gt;

    &lt;tr&gt;
      &lt;td&gt;Energia&lt;/td&gt;
      &lt;td&gt;Criação de fontes renováveis e sustentáveis.&lt;/td&gt;
    &lt;/tr&gt;

    &lt;tr&gt;
      &lt;td&gt;Meio Ambiente&lt;/td&gt;
      &lt;td&gt;Preservação dos ecossistemas e biodiversidade.&lt;/td&gt;
    &lt;/tr&gt;

    &lt;tr&gt;
      &lt;td&gt;Tecnologia&lt;/td&gt;
      &lt;td&gt;Avanços em comunicação, transporte e computação.&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
&lt;/div&gt;

&lt;div class=&quot;card&quot;&gt;
  &lt;h2&gt;Curiosidades Científicas&lt;/h2&gt;

  &lt;ul&gt;
    &lt;li&gt;O corpo humano possui cerca de 37 trilhões de células.&lt;/li&gt;
    &lt;li&gt;A luz do Sol leva aproximadamente 8 minutos para chegar à Terra.&lt;/li&gt;
    &lt;li&gt;A água cobre cerca de 71% da superfície terrestre.&lt;/li&gt;
    &lt;li&gt;Existem bilhões de galáxias espalhadas pelo universo.&lt;/li&gt;
  &lt;/ul&gt;

  &lt;img src=&quot;https://images.unsplash.com/photo-1462331940025-496dfbfc7564?q=80&amp;w=1200&quot; alt=&quot;Universo e ciência&quot;&gt;
&lt;/div&gt;

&lt;div class=&quot;card&quot;&gt;
  &lt;h2&gt;Conclusão&lt;/h2&gt;

  &lt;p&gt;
    As Ciências Naturais permitem compreender o mundo ao nosso redor e impulsionam grandes descobertas científicas. Estudar ciência é desenvolver curiosidade, pensamento crítico e consciência sobre o planeta e a vida.
  &lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;footer&quot;&gt;
  © Portal Ciências Naturais — Conteúdo educativo para estudantes e curiosos pela ciência.
&lt;/div&gt;

&lt;/div&gt;
```
</content><link rel='replies' type='application/atom+xml' href='https://lauroanimal.blogspot.com/feeds/1208884698847873158/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/ciencias-naturais.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/1208884698847873158'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/1208884698847873158'/><link rel='alternate' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/ciencias-naturais.html' title='Ciências Naturais'/><author><name>plataovag.blogspot.com</name><uri>http://www.blogger.com/profile/15929345909017921942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3760018249813190743.post-2532061619282973876</id><published>2026-05-16T06:21:14.808-07:00</published><updated>2026-05-17T06:29:11.592-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Saúde"/><title type='text'>A EPLEPSIA</title><content type='html'>&lt;!-- BANNER PRINCIPAL COM GRADIENTE --&gt;
&lt;div style=&quot;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(168, 85, 247, 0.1));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 60px 20px;
    text-align: center;
    margin-bottom: 40px;
    backdrop-filter: blur(10px);
&quot;&gt;
    &lt;h1 style=&quot;
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 800;
        margin-bottom: 15px;
        background: linear-gradient(135deg, #fff, #38bdf8);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        letter-spacing: -1px;
    &quot;&gt;
        Epilepsia – Revisão Científica
    &lt;/h1&gt;
    &lt;p style=&quot;
        font-size: 1.2rem;
        color: #94a3b8;
        max-width: 600px;
        margin: 0 auto;
        line-height: 1.5;
    &quot;&gt;
        Uma análise profunda sobre a definição, causas, tratamentos e protocolos de primeiros socorros.
    &lt;/p&gt;
&lt;/div&gt;

&lt;!-- CONTEÚDO EM CARD GLASSMORPHISM --&gt;
&lt;div style=&quot;
    background: rgba(22, 32, 51, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 40px;
    color: #f1f5f9;
    font-size: 1.1rem;
    line-height: 1.8;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);
&quot;&gt;

    &lt;p style=&quot;font-size: 1.25rem; color: #cbd5e1; margin-bottom: 30px;&quot;&gt;
        A &lt;strong style=&quot;color: #38bdf8;&quot;&gt;epilepsia&lt;/strong&gt; é uma condição neurológica crônica caracterizada por descargas elétricas anormais e excessivas no cérebro, resultando em crises recorrentes. É uma das patologias neurológicas mais estudadas e prevalentes globalmente.
    &lt;/p&gt;

    &lt;h2 style=&quot;color: #38bdf8; font-size: 1.8rem; margin-top: 40px; display: flex; align-items: center; gap: 12px;&quot;&gt;
        &lt;span style=&quot;background: #38bdf8; color: #000; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 1rem;&quot;&gt;1&lt;/span&gt;
        O que é Epilepsia
    &lt;/h2&gt;
    &lt;p&gt;O diagnóstico clínico é estabelecido quando ocorrem:&lt;/p&gt;
    &lt;ul style=&quot;list-style: none; padding-left: 0;&quot;&gt;
        &lt;li style=&quot;margin-bottom: 10px; display: flex; align-items: center; gap: 10px;&quot;&gt;
            &lt;span style=&quot;color: #38bdf8;&quot;&gt;•&lt;/span&gt; Duas ou mais crises não provocadas;
        &lt;/li&gt;
        &lt;li style=&quot;margin-bottom: 10px; display: flex; align-items: center; gap: 10px;&quot;&gt;
            &lt;span style=&quot;color: #38bdf8;&quot;&gt;•&lt;/span&gt; Ou uma única crise com alta probabilidade de recorrência (&gt;60%).
        &lt;/li&gt;
    &lt;/ul&gt;

    &lt;h3 style=&quot;color: #94a3b8; margin-top: 25px;&quot;&gt;1.1 Manifestações de uma Crise&lt;/h3&gt;
    &lt;div style=&quot;display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 15px;&quot;&gt;
        &lt;div style=&quot;background: rgba(255,255,255,0.05); padding: 15px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.05);&quot;&gt;⚡ Convulsões&lt;/div&gt;
        &lt;div style=&quot;background: rgba(255,255,255,0.05); padding: 15px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.05);&quot;&gt;🧠 Alterações de consciência&lt;/div&gt;
        &lt;div style=&quot;background: rgba(255,255,255,0.05); padding: 15px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.05);&quot;&gt;✨ Sensações estranhas (Aura)&lt;/div&gt;
        &lt;div style=&quot;background: rgba(255,255,255,0.05); padding: 15px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.05);&quot;&gt;🔄 Movimentos involuntários&lt;/div&gt;
    &lt;/div&gt;

    &lt;h2 style=&quot;color: #38bdf8; font-size: 1.8rem; margin-top: 50px; display: flex; align-items: center; gap: 12px;&quot;&gt;
        &lt;span style=&quot;background: #38bdf8; color: #000; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 1rem;&quot;&gt;2&lt;/span&gt;
        Causas Principais
    &lt;/h2&gt;
    &lt;div style=&quot;column-count: 2; column-gap: 30px; margin-top: 15px;&quot;&gt;
        &lt;p&gt;• Traumatismo craniano&lt;/p&gt;
        &lt;p&gt;• AVC (Acidente Vascular Cerebral)&lt;/p&gt;
        &lt;p&gt;• Tumores cerebrais&lt;/p&gt;
        &lt;p&gt;• Infecções (Meningite/Encefalite)&lt;/p&gt;
        &lt;p&gt;• Malformações congênitas&lt;/p&gt;
        &lt;p&gt;• Fatores Genéticos&lt;/p&gt;
    &lt;/div&gt;

    &lt;h2 style=&quot;color: #38bdf8; font-size: 1.8rem; margin-top: 50px; display: flex; align-items: center; gap: 12px;&quot;&gt;
        &lt;span style=&quot;background: #38bdf8; color: #000; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 1rem;&quot;&gt;3&lt;/span&gt;
        Tratamento e Controle
    &lt;/h2&gt;
    &lt;p&gt;Cerca de &lt;strong style=&quot;color: #22c55e;&quot;&gt;70% dos pacientes&lt;/strong&gt; alcançam o controle total das crises através da farmacoterapia adequada.&lt;/p&gt;

    &lt;!-- BOX DE ALERTA AMARELO --&gt;
    &lt;div style=&quot;
        background: rgba(234, 179, 8, 0.1);
        border-left: 4px solid #eab308;
        padding: 20px;
        border-radius: 12px;
        margin: 30px 0;
        display: flex;
        gap: 15px;
        align-items: center;
    &quot;&gt;
        &lt;span style=&quot;font-size: 1.5rem;&quot;&gt;⚠️&lt;/span&gt;
        &lt;span style=&quot;color: #fde047; font-weight: 600;&quot;&gt;IMPORTANTE: Nunca interrompa o uso de medicamentos antiepilépticos sem supervisão médica rigorosa.&lt;/span&gt;
    &lt;/div&gt;

    &lt;h2 style=&quot;color: #38bdf8; font-size: 1.8rem; margin-top: 50px; display: flex; align-items: center; gap: 12px;&quot;&gt;
        &lt;span style=&quot;background: #38bdf8; color: #000; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 1rem;&quot;&gt;4&lt;/span&gt;
        Protocolo de Primeiros Socorros
    &lt;/h2&gt;

    &lt;div style=&quot;display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px;&quot;&gt;
        &lt;!-- BOX VERMELHO - NÃO FAZER --&gt;
        &lt;div style=&quot;background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.2); border-radius: 15px; padding: 20px;&quot;&gt;
            &lt;h4 style=&quot;color: #f87171; margin-top: 0; display: flex; align-items: center; gap: 8px;&quot;&gt;
                ❌ O que NÃO fazer
            &lt;/h4&gt;
            &lt;ul style=&quot;padding-left: 20px; margin-bottom: 0; font-size: 0.95rem;&quot;&gt;
                &lt;li&gt;Não coloque objetos na boca.&lt;/li&gt;
                &lt;li&gt;Não tente segurar a língua.&lt;/li&gt;
                &lt;li&gt;Não jogue água no rosto.&lt;/li&gt;
                &lt;li&gt;Não restrinja os movimentos.&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;

        &lt;!-- BOX VERDE - O QUE FAZER --&gt;
        &lt;div style=&quot;background: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.2); border-radius: 15px; padding: 20px;&quot;&gt;
            &lt;h4 style=&quot;color: #4ade80; margin-top: 0; display: flex; align-items: center; gap: 8px;&quot;&gt;
                ✅ O que fazer
            &lt;/h4&gt;
            &lt;ul style=&quot;padding-left: 20px; margin-bottom: 0; font-size: 0.95rem;&quot;&gt;
                &lt;li&gt;Proteja a cabeça (use algo macio).&lt;/li&gt;
                &lt;li&gt;Afaste objetos perigosos ao redor.&lt;/li&gt;
                &lt;li&gt;Vire a pessoa de lado (posição lateral).&lt;/li&gt;
                &lt;li&gt;Cronometre o tempo da crise.&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;p style=&quot;margin-top: 50px; text-align: center; color: #64748b; font-size: 0.9rem; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px;&quot;&gt;
        Este conteúdo tem caráter meramente informativo e educacional. Em caso de crise prolongada (&gt;5 min), acione o SAMU (192).
    &lt;/p&gt;

&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://lauroanimal.blogspot.com/feeds/2532061619282973876/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/a-eplepsia.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/2532061619282973876'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/2532061619282973876'/><link rel='alternate' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/a-eplepsia.html' title='A EPLEPSIA'/><author><name>plataovag.blogspot.com</name><uri>http://www.blogger.com/profile/15929345909017921942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3760018249813190743.post-5852668859397646503</id><published>2026-05-15T10:54:23.652-07:00</published><updated>2026-05-17T19:12:30.758-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Química"/><title type='text'>LJD QUÍMICA</title><content type='html'>&lt;style&gt;
  :root {
    --bg-dark: #0b0f19;
    --surface-glass: rgba(20, 25, 40, 0.65);
    --surface-hover: rgba(40, 50, 70, 0.85);
    --glass-border: rgba(255, 255, 255, 0.08);
    --primary: #00d2ff;
    --secondary: #3a7bd5;
    --accent: #ffd700;
    --text-main: #e2e8f0;
    --text-muted: #94a3b8;
    --shadow-neon: 0 0 15px rgba(0, 210, 255, 0.35);
  }

  .ljdquimica-main {
    font-family: &#39;Outfit&#39;, &#39;Inter&#39;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, sans-serif;
    background: radial-gradient(circle at top, #141b2d 0%, #0b0f19 100%);
    color: var(--text-main);
    padding: 25px;
    margin: 15px auto;
    border-radius: 20px;
    border: 1px solid var(--glass-border);
    box-shadow: 0 15px 35px rgba(0,0,0,0.6);
    max-width: 1100px;
  }

  .ljdq-header {
    background: linear-gradient(135deg, rgba(58, 123, 213, 0.2) 0%, rgba(0, 210, 255, 0.1) 100%);
    padding: 35px 20px;
    text-align: center;
    border-radius: 16px;
    margin-bottom: 30px;
    border: 1px solid var(--glass-border);
    box-shadow: inset 0 0 20px rgba(0, 210, 255, 0.05);
  }

  .ljdq-header h1 {
    margin: 0 0 8px 0;
    font-size: 3.2em;
    font-weight: 800;
    letter-spacing: -1px;
    background: linear-gradient(to right, #00d2ff, #3a7bd5, #00d2ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 25px rgba(0, 210, 255, 0.2);
  }

  .ljdq-header p {
    margin: 0;
    color: var(--text-muted);
    font-size: 1.1em;
    font-weight: 500;
  }

  .tabs-nav {
    display: flex;
    gap: 12px;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }

  .tab-btn {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--glass-border);
    color: var(--text-muted);
    padding: 12px 28px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 0.95em;
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  .tab-btn:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(0, 210, 255, 0.3);
  }

  .tab-btn.active {
    background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
    border-color: var(--primary);
    color: #fff;
    box-shadow: var(--shadow-neon);
  }

  .tab-content {
    display: none;
    animation: fadeIn 0.4s ease-out;
  }

  .tab-content.active {
    display: block;
  }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .ljdq-section {
    background: var(--surface-glass);
    padding: 28px;
    border-radius: 16px;
    margin-bottom: 25px;
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 32px rgba(0,0,0,0.3);
  }

  .ljdq-section h2 {
    font-size: 1.8em;
    margin-top: 0;
    margin-bottom: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    border-left: 4px solid var(--primary);
    padding-left: 12px;
  }

  .calc-box {
    background: rgba(255, 255, 255, 0.02);
    padding: 20px;
    border-radius: 12px;
    border: 1px solid var(--glass-border);
  }

  .calc-input-group {
    margin-bottom: 18px;
  }

  .calc-input-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--text-main);
    font-size: 0.95em;
  }

  .calc-input-group input, .calc-input-group select {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--glass-border);
    border-radius: 8px;
    background: rgba(10, 15, 25, 0.8);
    color: #fff;
    font-weight: 500;
    outline: none;
    transition: all 0.3s;
  }

  .calc-input-group input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 10px rgba(0, 210, 255, 0.2);
  }

  .calc-button {
    background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
    color: white;
    padding: 14px;
    border: none;
    border-radius: 8px;
    font-size: 1em;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
    transition: all 0.3s;
    box-shadow: 0 4px 15px rgba(0,0,0,0.25);
  }

  .calc-button:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-neon);
  }

  .resultado {
    background: rgba(0, 210, 255, 0.08);
    border-left: 4px solid var(--primary);
    padding: 18px;
    border-radius: 8px;
    margin-top: 20px;
    color: #fff;
    font-weight: 500;
    display: none;
    line-height: 1.6;
    animation: fadeIn 0.3s ease-out;
  }

  .resultado strong {
    color: var(--primary);
  }

  /* CATEGORY FILTERS */
  .category-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 25px;
    justify-content: center;
    background: rgba(0,0,0,0.2);
    padding: 12px;
    border-radius: 12px;
    border: 1px solid var(--glass-border);
  }

  .filter-btn {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--glass-border);
    color: var(--text-muted);
    padding: 6px 14px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 0.85em;
    font-weight: 600;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .filter-btn:hover {
    color: #fff;
    border-color: var(--primary);
    background: rgba(255, 255, 255, 0.08);
  }

  .filter-btn.active {
    background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
    color: #fff;
    border-color: var(--primary);
    box-shadow: var(--shadow-neon);
  }

  /* ESTILO TABELA PERIÓDICA */
  .tabela-container {
    overflow-x: auto;
    margin: 20px 0;
    padding-bottom: 8px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid var(--glass-border);
  }

  .ptable {
    display: grid;
    grid-template-columns: repeat(18, minmax(46px, 1fr));
    gap: 5px;
    min-width: 900px;
    padding: 15px;
  }

  .el {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--glass-border);
    padding: 8px 4px;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    position: relative;
    user-select: none;
  }

  .el:hover {
    transform: translateY(-4px) scale(1.08);
    box-shadow: 0 8px 20px rgba(0,0,0,0.4);
    border-color: #fff;
    z-index: 10;
  }

  .el-n {
    font-size: 0.65rem;
    opacity: 0.65;
    position: absolute;
    top: 4px;
    left: 4px;
  }

  .el-s {
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1;
    margin-top: 4px;
  }

  /* Cores das Categorias */
  .g-am { border-bottom: 3px solid #ff5555; }
  .g-aem { border-bottom: 3px solid #ffb86c; }
  .g-tm { border-bottom: 3px solid #8be9fd; }
  .g-lan { border-bottom: 3px solid #ec4899; }
  .g-act { border-bottom: 3px solid #f43f5e; }
  .g-pt { border-bottom: 3px solid #50fa7b; }
  .g-md { border-bottom: 3px solid #f1fa8c; }
  .g-nm { border-bottom: 3px solid #00d2ff; }
  .g-ng { border-bottom: 3px solid #bd93f9; }
  .grid-spacer { grid-column: 1 / span 18; height: 15px; pointer-events: none; border: none !important; background: transparent !important; box-shadow: none !important; }

  /* CARDS EDUCAÇÃO */
  .edu-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
  }

  .edu-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--glass-border);
    border-radius: 12px;
    padding: 22px;
    transition: all 0.3s;
  }

  .edu-card:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--primary);
  }

  .edu-card h3 {
    margin-top: 0;
    margin-bottom: 12px;
    color: var(--primary);
    font-size: 1.25em;
    font-weight: 700;
  }

  .edu-card p {
    margin: 0;
    font-size: 0.95em;
    line-height: 1.6;
    color: var(--text-muted);
  }

  /* PIX SECTIONS */
  .pix-area {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    text-align: center;
  }

  #qrcode-box {
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    display: inline-block;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    margin: 15px auto;
  }

  .copy-box {
    display: flex;
    width: 100%;
    max-width: 480px;
    border: 1px solid var(--glass-border);
    border-radius: 8px;
    overflow: hidden;
  }

  .copy-input {
    flex: 1;
    background: rgba(10, 15, 25, 0.7);
    border: none;
    padding: 12px;
    color: #fff;
    font-size: 0.85rem;
    outline: none;
  }

  .copy-btn {
    background: var(--secondary);
    color: white;
    border: none;
    padding: 0 20px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
  }

  .copy-btn:hover {
    background: var(--primary);
  }
&lt;/style&gt;

&lt;div class=&quot;ljdquimica-main&quot;&gt;
  &lt;div class=&quot;ljdq-container&quot;&gt;
    &lt;div class=&quot;ljdq-header&quot;&gt;
      &lt;h1&gt;🧪 LJDQUÍMICA&lt;/h1&gt;
      &lt;p&gt;Portal Científico Interativo e Calculadoras de Laboratório&lt;/p&gt;
    &lt;/div&gt;

    &lt;div class=&quot;tabs-nav&quot;&gt;
      &lt;button class=&quot;tab-btn active&quot; onclick=&quot;abrirAba(event, &#39;calculadoras&#39;)&quot;&gt;📐 Calculadoras&lt;/button&gt;
      &lt;button class=&quot;tab-btn&quot; onclick=&quot;abrirAba(event, &#39;tabela&#39;)&quot;&gt;⚛️ Tabela Periódica&lt;/button&gt;
      &lt;button class=&quot;tab-btn&quot; onclick=&quot;abrirAba(event, &#39;educacao&#39;)&quot;&gt;📚 Educação&lt;/button&gt;
    &lt;/div&gt;

    &lt;!-- ABA CALCULADORAS --&gt;
    &lt;div id=&quot;calculadoras&quot; class=&quot;tab-content active&quot;&gt;
      &lt;!-- Massa Molar --&gt;
      &lt;div class=&quot;ljdq-section&quot;&gt;
        &lt;h2&gt;⚖️ Massa Molar dos Compostos&lt;/h2&gt;
        &lt;div class=&quot;calc-box&quot;&gt;
          &lt;div class=&quot;calc-input-group&quot;&gt;
            &lt;label&gt;Fórmula Química do Composto:&lt;/label&gt;
            &lt;input type=&quot;text&quot; id=&quot;formula&quot; placeholder=&quot;Ex: H2O, Ca(OH)2, Al2(SO4)3, C6H12O6&quot;&gt;
          &lt;/div&gt;
          &lt;button class=&quot;calc-button&quot; onclick=&quot;calcularMM()&quot;&gt;Calcular Massa Molar&lt;/button&gt;
          &lt;div id=&quot;res-mm&quot; class=&quot;resultado&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      
      &lt;!-- Diluição --&gt;
      &lt;div class=&quot;ljdq-section&quot;&gt;
        &lt;h2&gt;💧 Diluição Analítica (C₁·V₁ = C₂·V₂)&lt;/h2&gt;
        &lt;div class=&quot;calc-box&quot;&gt;
          &lt;div class=&quot;calc-input-group&quot;&gt;
            &lt;label&gt;Concentração Inicial (C₁):&lt;/label&gt;
            &lt;input type=&quot;number&quot; id=&quot;c1&quot; step=&quot;any&quot; placeholder=&quot;Ex: 10.0&quot;&gt;
          &lt;/div&gt;
          &lt;div class=&quot;calc-input-group&quot;&gt;
            &lt;label&gt;Volume Inicial (V₁):&lt;/label&gt;
            &lt;input type=&quot;number&quot; id=&quot;v1&quot; step=&quot;any&quot; placeholder=&quot;Ex: 0.2&quot;&gt;
          &lt;/div&gt;
          &lt;div class=&quot;calc-input-group&quot;&gt;
            &lt;label&gt;Concentração Final (C₂):&lt;/label&gt;
            &lt;input type=&quot;number&quot; id=&quot;c2&quot; step=&quot;any&quot; placeholder=&quot;Ex: 2.0&quot;&gt;
          &lt;/div&gt;
          &lt;button class=&quot;calc-button&quot; onclick=&quot;calcularDil()&quot;&gt;Calcular Volume Final (V₂)&lt;/button&gt;
          &lt;div id=&quot;res-dil&quot; class=&quot;resultado&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      
      &lt;!-- pH e pOH --&gt;
      &lt;div class=&quot;ljdq-section&quot;&gt;
        &lt;h2&gt;🧪 Escala de pH e pOH&lt;/h2&gt;
        &lt;div class=&quot;calc-box&quot;&gt;
          &lt;div class=&quot;calc-input-group&quot;&gt;
            &lt;label&gt;Concentração Hidrogeniônica [H⁺] (mol/L):&lt;/label&gt;
            &lt;input type=&quot;number&quot; id=&quot;h-ion&quot; step=&quot;any&quot; placeholder=&quot;Ex: 1e-7 ou 0.0001&quot;&gt;
          &lt;/div&gt;
          &lt;button class=&quot;calc-button&quot; onclick=&quot;calcularPH()&quot;&gt;Calcular Acidez&lt;/button&gt;
          &lt;div id=&quot;res-ph&quot; class=&quot;resultado&quot;&gt;&lt;/div&gt;
          
          &lt;!-- Escala de pH Visual interativa --&gt;
          &lt;div id=&quot;ph-scale-wrapper&quot; style=&quot;margin-top: 25px; display: none; animation: fadeIn 0.4s ease-out;&quot;&gt;
            &lt;h4 style=&quot;color: var(--accent); margin: 0 0 15px 0; font-size: 1.1em; border-bottom: 1px solid rgba(255,255,255,0.08); padding-bottom: 8px;&quot;&gt;🌈 Escala de pH e Substâncias Comuns&lt;/h4&gt;
            
            &lt;div class=&quot;ph-bar-container&quot; style=&quot;position: relative; padding: 10px 0 25px 0;&quot;&gt;
              &lt;!-- Barra Gradiente Completa --&gt;
              &lt;div class=&quot;ph-bar&quot; style=&quot;position: relative; height: 26px; background: linear-gradient(to right, #ff0000 0%, #ff5500 7.14%, #ffaa00 14.28%, #ffea00 21.42%, #aaff00 28.56%, #55ff00 35.7%, #00ff00 42.84%, #00ffaa 50%, #00eaff 57.14%, #00aaff 64.28%, #0055ff 71.42%, #0000ff 78.56%, #5500ff 85.7%, #aa00ff 92.84%, #ff00ff 100%); border-radius: 13px; box-shadow: inset 0 2px 6px rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.15);&quot;&gt;
                
                &lt;!-- Marcador Dinâmico --&gt;
                &lt;div id=&quot;ph-marker&quot; style=&quot;position: absolute; top: -7px; left: 50%; transform: translateX(-50%); width: 8px; height: 40px; background: #fff; border-radius: 4px; box-shadow: 0 0 12px rgba(255,255,255,0.9); border: 1px solid #000; transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);&quot;&gt;
                  &lt;div id=&quot;ph-marker-val&quot; style=&quot;position: absolute; top: -24px; left: 50%; transform: translateX(-50%); background: #fff; color: #0b0f19; font-size: 0.78em; font-weight: 800; padding: 2px 6px; border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,0.4); white-space: nowrap;&quot;&gt;pH 7.00&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              
              &lt;!-- Marcadores de Texto --&gt;
              &lt;div style=&quot;display: flex; justify-content: space-between; margin-top: 10px; font-size: 0.75em; color: var(--text-muted); font-weight: 700; padding: 0 5px;&quot;&gt;
                &lt;span style=&quot;color: #ff5555;&quot;&gt;ÁCIDO (0)&lt;/span&gt;
                &lt;span style=&quot;color: #55ff00;&quot;&gt;NEUTRO (7)&lt;/span&gt;
                &lt;span style=&quot;color: #bd93f9;&quot;&gt;ALCALINO (14)&lt;/span&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;!-- Substância de Referência --&gt;
            &lt;div style=&quot;margin-top: 5px; background: rgba(255, 255, 255, 0.02); border: 1px solid var(--glass-border); padding: 15px; border-radius: 10px; display: flex; align-items: center; gap: 12px;&quot;&gt;
              &lt;div style=&quot;font-size: 2em; line-height: 1;&quot;&gt;📍&lt;/div&gt;
              &lt;div&gt;
                &lt;span style=&quot;font-size: 0.85em; color: var(--text-muted); display: block; margin-bottom: 2px;&quot;&gt;Substância de Referência Próxima:&lt;/span&gt;
                &lt;strong id=&quot;ph-ref-name&quot; style=&quot;color: var(--primary); font-size: 1.05em; font-weight: 700;&quot;&gt;Água Pura&lt;/strong&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- ABA TABELA PERIÓDICA COMPLETA --&gt;
    &lt;div id=&quot;tabela&quot; class=&quot;tab-content&quot;&gt;
      &lt;div class=&quot;ljdq-section&quot;&gt;
        &lt;h2&gt;⚛️ Tabela Periódica Interativa (118 Elementos)&lt;/h2&gt;
        &lt;p style=&quot;color: var(--text-muted); margin-bottom: 20px; font-size: 0.95em;&quot;&gt;
          Selecione grupos de elementos químicos utilizando os filtros rápidos ou clique em qualquer elemento da grade abaixo para detalhar suas propriedades científicas e aplicação real.
        &lt;/p&gt;

        &lt;!-- Filtros Dinâmicos de Categorias --&gt;
        &lt;div class=&quot;category-filters&quot;&gt;
          &lt;button class=&quot;filter-btn active&quot; onclick=&quot;filterCategory(&#39;all&#39;)&quot;&gt;Todos&lt;/button&gt;
          &lt;button class=&quot;filter-btn&quot; onclick=&quot;filterCategory(&#39;g-am&#39;)&quot;&gt;Metais Alcalinos&lt;/button&gt;
          &lt;button class=&quot;filter-btn&quot; onclick=&quot;filterCategory(&#39;g-aem&#39;)&quot;&gt;Alcalino-terrosos&lt;/button&gt;
          &lt;button class=&quot;filter-btn&quot; onclick=&quot;filterCategory(&#39;g-tm&#39;)&quot;&gt;Transição&lt;/button&gt;
          &lt;button class=&quot;filter-btn&quot; onclick=&quot;filterCategory(&#39;g-lan&#39;)&quot;&gt;Lantanídeos&lt;/button&gt;
          &lt;button class=&quot;filter-btn&quot; onclick=&quot;filterCategory(&#39;g-act&#39;)&quot;&gt;Actinídeos&lt;/button&gt;
          &lt;button class=&quot;filter-btn&quot; onclick=&quot;filterCategory(&#39;g-pt&#39;)&quot;&gt;Pós-transição&lt;/button&gt;
          &lt;button class=&quot;filter-btn&quot; onclick=&quot;filterCategory(&#39;g-md&#39;)&quot;&gt;Semimetais&lt;/button&gt;
          &lt;button class=&quot;filter-btn&quot; onclick=&quot;filterCategory(&#39;g-nm&#39;)&quot;&gt;Não-metais&lt;/button&gt;
          &lt;button class=&quot;filter-btn&quot; onclick=&quot;filterCategory(&#39;g-ng&#39;)&quot;&gt;Gases Nobres&lt;/button&gt;
        &lt;/div&gt;

        &lt;div class=&quot;tabela-container&quot;&gt;
          &lt;div class=&quot;ptable&quot; id=&quot;ptable-grid&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
        
        &lt;!-- Detalhes do Elemento Clicado --&gt;
        &lt;div id=&quot;el-info-panel&quot; class=&quot;resultado&quot; style=&quot;display:block; margin-top:20px; background: rgba(0, 210, 255, 0.04);&quot;&gt;
          &lt;div style=&quot;font-size: 1.1em; color: var(--text-muted); text-align: center; padding: 20px 0;&quot; id=&quot;el-info-content&quot;&gt;
            🔬 Clique em um elemento químico para revelar suas propriedades e descrição completa.
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- ABA EDUCAÇÃO --&gt;
    &lt;div id=&quot;educacao&quot; class=&quot;tab-content&quot;&gt;
      &lt;div class=&quot;ljdq-section&quot;&gt;
        &lt;h2&gt;📚 Resumos Científicos Avançados&lt;/h2&gt;
        &lt;div class=&quot;edu-grid&quot;&gt;
          &lt;div class=&quot;edu-card&quot;&gt;
            &lt;h3&gt;🔬 Estequiometria&lt;/h3&gt;
            &lt;p&gt;Estudo quantitativo dos reagentes e produtos envolvidos em reações químicas. Baseia-se estritamente nas Leis Ponderais (Lei de Lavoisier de conservação das massas e Lei de Proust das proporções definidas).&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class=&quot;edu-card&quot;&gt;
            &lt;h3&gt;🧪 Teoria de Ácidos e Bases&lt;/h3&gt;
            &lt;p&gt;Compreenda os modelos químicos fundamentais de acidez. De Arrhenius (liberação de íons H⁺ e OH⁻ em solução aquosa), a Brønsted-Lowry (doadores e receptores de prótons H⁺) e Lewis (par de elétrons).&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class=&quot;edu-card&quot;&gt;
            &lt;h3&gt;💧 Soluções e Concentrações&lt;/h3&gt;
            &lt;p&gt;Misturas homogêneas compostas por soluto e solvente. As relações de proporcionalidade fundamentais incluem densidade, título, molaridade (concentração em quantidade de matéria) e frações molares.&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class=&quot;edu-card&quot;&gt;
            &lt;h3&gt;🧲 Ligações Químicas&lt;/h3&gt;
            &lt;p&gt;A força eletrostática de atração mútua que une os átomos para obter estabilidade eletrônica. Divide-se em iônica (transferência de elétrons), covalente (compartilhamento) e metálica (mar de elétrons livres).&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- SEÇÃO APOIO PIX --&gt;
    &lt;div class=&quot;ljdq-section&quot; style=&quot;border-color: #22c55e; background: rgba(34, 197, 94, 0.03);&quot;&gt;
      &lt;h2 style=&quot;color: #22c55e;&quot;&gt;💚 Apoie o LJDQUÍMICA&lt;/h2&gt;
      &lt;div class=&quot;pix-area&quot;&gt;
        &lt;p style=&quot;margin: 0; font-size: 1.05em;&quot;&gt;
          Ajude a manter este portal de educação científica ativo, livre e sempre atualizado!
        &lt;/p&gt;
        &lt;div id=&quot;qrcode-box&quot;&gt;&lt;/div&gt;
        &lt;p style=&quot;margin: 5px 0; font-weight: bold; color: #22c55e;&quot;&gt;Chave PIX (E-mail):&lt;/p&gt;
        &lt;div class=&quot;copy-box&quot;&gt;
          &lt;input type=&quot;text&quot; class=&quot;copy-input&quot; id=&quot;pix-key&quot; value=&quot;lauro1607@gmail.com&quot; readonly&gt;
          &lt;button class=&quot;copy-btn&quot; onclick=&quot;copyPixKey()&quot;&gt;Copiar Chave&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;!-- INCLUSÃO DA BIBLIOTECA QRCODE.JS --&gt;
&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js&quot;&gt;&lt;/script&gt;

&lt;script&gt;
  // Banco de Massas Atomicas ultra-preciso (118 elementos)
  const MA = {
    H:1.008, He:4.003, Li:6.941, Be:9.012, B:10.81, C:12.011, N:14.007, O:15.999, F:18.998, Ne:20.18,
    Na:22.99, Mg:24.305, Al:26.982, Si:28.085, P:30.974, S:32.06, Cl:35.45, Ar:39.948, K:39.098, Ca:40.078,
    Sc:44.956, Ti:47.867, V:50.942, Cr:51.996, Mn:54.938, Fe:55.845, Co:58.933, Ni:58.693, Cu:63.546, Zn:65.38,
    Ga:69.723, Ge:72.63, As:74.922, Se:78.96, Br:79.904, Kr:83.798, Rb:85.468, Sr:87.62, Y:88.906, Zr:91.224,
    Nb:92.906, Mo:95.95, Tc:98, Ru:101.07, Rh:102.906, Pd:106.42, Ag:107.868, Cd:112.411, In:114.818, Sn:118.71,
    Sb:121.76, Te:127.6, I:126.904, Xe:131.293, Cs:132.905, Ba:137.327, La:138.905, Ce:140.116, Pr:140.908, Nd:144.242,
    Pm:145, Sm:150.36, Eu:151.964, Gd:157.25, Tb:158.925, Dy:162.5, Ho:164.93, Er:167.259, Tm:168.934, Yb:173.054,
    Lu:174.967, Hf:178.49, Ta:180.948, W:183.84, Re:186.207, Os:190.23, Ir:192.217, Pt:195.084, Au:196.967, Hg:200.592,
    Tl:204.38, Pb:207.2, Bi:208.98, Po:209, At:210, Rn:222, Fr:223, Ra:226, Ac:227, Th:232.038,
    Pa:231.036, U:238.029, Np:237, Pu:244, Am:243, Cm:247, Bk:247, Cf:251, Es:252, Fm:257,
    Md:258, No:259, Lr:262, Rf:267, Db:268, Sg:271, Bh:272, Hs:270, Mt:276, Ds:281,
    Rg:280, Cn:285, Nh:284, Fl:289, Mc:288, Lv:293, Ts:294, Og:294
  };

  // Banco de Dados Quimicos Completo de Detalhes dos Elementos
  const ELEMENT_DETAILS = {
    H: { name: &quot;Hidrogênio&quot;, cat: &quot;Não-metal&quot;, config: &quot;1s¹&quot;, desc: &quot;O elemento mais abundante do Universo. Incolor e altamente inflamável, é a base da fusão solar e combustível espacial limpo do futuro.&quot; },
    He: { name: &quot;Hélio&quot;, cat: &quot;Gás Nobre&quot;, config: &quot;1s²&quot;, desc: &quot;Gás inerte e ultraleve que não reage sob condições normais. Utilizado no resfriamento de ímãs de RMN supercondutores e balões meteorológicos.&quot; },
    Li: { name: &quot;Lítio&quot;, cat: &quot;Metal Alcalino&quot;, config: &quot;[He] 2s¹&quot;, desc: &quot;O metal mais leve da tabela. Possui alta densidade energética, sendo o componente central das baterias recarregáveis modernas de celulares e carros elétricos.&quot; },
    Be: { name: &quot;Berílio&quot;, cat: &quot;Metal Alcalino-terroso&quot;, config: &quot;[He] 2s²&quot;, desc: &quot;Metal cinza e altamente tóxico, mas extremamente leve e rígido. Usado em espelhos aeroespaciais (como o do telescópio James Webb) e ligas de cobre.&quot; },
    B: { name: &quot;Boro&quot;, cat: &quot;Semimetal&quot;, config: &quot;[He] 2s² 2p¹&quot;, desc: &quot;Elemento de alta dureza estrutural. Usado na produção de vidros borossilicatos (Pyrex) ultra-resistentes ao calor e em semicondutores eletrônicos.&quot; },
    C: { name: &quot;Carbono&quot;, cat: &quot;Não-metal&quot;, config: &quot;[He] 2s² 2p²&quot;, desc: &quot;A base química de toda a vida orgânica terrestre. Apresenta alótropos fantásticos, desde o mineral de escrita grafite até o cristal de diamante e nanomateriais de grafeno.&quot; },
    N: { name: &quot;Nitrogênio&quot;, cat: &quot;Não-metal&quot;, config: &quot;[He] 2s² 2p³&quot;, desc: &quot;Gás abundante que compõe 78% da atmosfera terrestre. Crucial para resfriamentos criogênicos (como nitrogênio líquido) e produção de fertilizantes agrícolas.&quot; },
    O: { name: &quot;Oxigênio&quot;, cat: &quot;Não-metal&quot;, config: &quot;[He] 2s² 2p⁴&quot;, desc: &quot;Gás essencial para a respiração celular da maioria dos seres vivos e comburente obrigatório em combustões. Forma a camada protetora de ozônio (O₃).&quot; },
    F: { name: &quot;Flúor&quot;, cat: &quot;Halogênio&quot;, config: &quot;[He] 2s² 2p⁵&quot;, desc: &quot;O elemento mais eletronegativo e reativo de toda a tabela periódica. Usado na prevenção de cáries dentárias e em polímeros antiaderentes (Teflon).&quot; },
    Ne: { name: &quot;Neônio&quot;, cat: &quot;Gás Nobre&quot;, config: &quot;[He] 2s² 2p⁶&quot;, desc: &quot;Gás nobre inerte que emite um brilho vermelho-alaranjado brilhante quando submetido a descargas elétricas. Usado em letreiros luminosos.&quot; },
    Na: { name: &quot;Sódio&quot;, cat: &quot;Metal Alcalino&quot;, config: &quot;[Ne] 3s¹&quot;, desc: &quot;Metal alcalino altamente reativo que explode em contato direto com a água. Seus íons controlam a transmissão de impulsos nervosos no corpo.&quot; },
    Mg: { name: &quot;Magnésio&quot;, cat: &quot;Metal Alcalino-terroso&quot;, config: &quot;[Ne] 3s²&quot;, desc: &quot;Metal leve indispensável para a fotossíntese (átomo central da molécula de clorofila) e ligas estruturais leves para aviação.&quot; },
    Al: { name: &quot;Alumínio&quot;, cat: &quot;Metal pós-transição&quot;, config: &quot;[Ne] 3s² 3p¹&quot;, desc: &quot;Metal leve, reciclável e altamente resistente à corrosão por formar uma camada protetora de óxido. Muito usado em embalagens e estruturas aeronáuticas.&quot; },
    Si: { name: &quot;Silício&quot;, cat: &quot;Semimetal&quot;, config: &quot;[Ne] 3s² 3p²&quot;, desc: &quot;Semicondutor por excelência e base física de toda a revolução dos microchips de computadores e processadores na Silicon Valley.&quot; },
    P: { name: &quot;Fósforo&quot;, cat: &quot;Não-metal&quot;, config: &quot;[Ne] 3s² 3p³&quot;, desc: &quot;Componente biológico essencial presente no DNA, RNA e moléculas de transferência energética celular de ATP.&quot; },
    S: { name: &quot;Enxofre&quot;, cat: &quot;Não-metal&quot;, config: &quot;[Ne] 3s² 3p⁴&quot;, desc: &quot;Não-metal amarelado de odor característico ao queimar. Base da síntese industrial de ácido sulfúrico e na vulcanização de pneus.&quot; },
    Cl: { name: &quot;Cloro&quot;, cat: &quot;Halogênio&quot;, config: &quot;[Ne] 3s² 3p⁵&quot;, desc: &quot;Halogênio gasoso esverdeado altamente reativo e desinfetante. Amplamente utilizado no tratamento de água e produção de plásticos PVC.&quot; },
    Ar: { name: &quot;Argônio&quot;, cat: &quot;Gás Nobre&quot;, config: &quot;[Ne] 3s² 3p⁶&quot;, desc: &quot;O gás nobre mais comum na Terra. Usado como atmosfera inerte protetora em soldagens de alta temperatura e lâmpadas incandescentes.&quot; },
    K: { name: &quot;Potássio&quot;, cat: &quot;Metal Alcalino&quot;, config: &quot;[Ar] 4s¹&quot;, desc: &quot;Metal altamente macio e reativo. Essencial como nutriente celular vital e constituinte principal de fertilizantes solúveis de NPK.&quot; },
    Ca: { name: &quot;Cálcio&quot;, cat: &quot;Metal Alcalino-terroso&quot;, config: &quot;[Ar] 4s²&quot;, desc: &quot;Mineral estrutural essencial presente em abundância em ossos, conchas marinhas, dentes e na formulação de cimento de construção civil.&quot; },
    Sc: { name: &quot;Escândio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Ar] 3d¹ 4s²&quot;, desc: &quot;Metal leve de transição usado em ligas metálicas especiais para raquetes de tênis e componentes aeroespaciais avançados.&quot; },
    Ti: { name: &quot;Titânio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Ar] 3d² 4s²&quot;, desc: &quot;Famoso por sua incrível razão resistência/peso e biocompatibilidade perfeita. O metal preferido para próteses ósseas e implantes dentários.&quot; },
    V: { name: &quot;Vanádio&quot;, config: &quot;[Ar] 3d³ 4s²&quot;, cat: &quot;Metal de Transição&quot;, desc: &quot;Metal resistente à corrosão mecânica. Adicionado ao aço estrutural para criar ligas extremamente resistentes para ferramentas cirúrgicas.&quot; },
    Cr: { name: &quot;Cromo&quot;, config: &quot;[Ar] 3d⁵ 4s¹&quot;, cat: &quot;Metal de Transição&quot;, desc: &quot;Metal brilhante e polido que dá o efeito inoxidável e espelhado ao aço cromo. Essencial contra a ferrugem metálica.&quot; },
    Mn: { name: &quot;Manganês&quot;, config: &quot;[Ar] 3d⁵ 4s²&quot;, cat: &quot;Metal de Transição&quot;, desc: &quot;Mineral essencial na metalurgia de ferros de alta resistência mecânica para trilhos de trem e baterias industriais.&quot; },
    Fe: { name: &quot;Ferro&quot;, config: &quot;[Ar] 3d⁶ 4s²&quot;, cat: &quot;Metal de Transição&quot;, desc: &quot;O pilar da engenharia humana e metalurgia moderna. Além de ser o átomo central carregador de oxigênio na nossa hemoglobina sanguínea.&quot; },
    Co: { name: &quot;Cobalto&quot;, config: &quot;[Ar] 3d⁷ 4s²&quot;, cat: &quot;Metal de Transição&quot;, desc: &quot;Metal magnético fundamental na produção de superligas resistentes ao calor e baterias de lítio de última geração.&quot; },
    Ni: { name: &quot;Níquel&quot;, config: &quot;[Ar] 3d⁸ 4s²&quot;, cat: &quot;Metal de Transição&quot;, desc: &quot;Muito resistente à oxidação. Usado em moedas, baterias recarregáveis e em eletrodeposição galvânica anticorrosiva.&quot; },
    Cu: { name: &quot;Cobre&quot;, config: &quot;[Ar] 3d¹⁰ 4s¹&quot;, cat: &quot;Metal de Transição&quot;, desc: &quot;O metal da condução elétrica por excelência. Sua alta maleabilidade e ductilidade o tornam padrão em toda fiação de energia mundial.&quot; },
    Zn: { name: &quot;Zinco&quot;, config: &quot;[Ar] 3d¹⁰ 4s²&quot;, cat: &quot;Metal de Transição&quot;, desc: &quot;Usado para galvanização de aços e na formulação de ligas como latão, além de ser essencial para o sistema imunológico humano.&quot; },
    Ga: { name: &quot;Gálio&quot;, config: &quot;[Ar] 3d¹⁰ 4s² 4p¹&quot;, cat: &quot;Metal pós-transição&quot;, desc: &quot;Metal incrível que derrete na mão humana (ponto de fusão de 29.8°C). Muito utilizado em LEDs azuis de telas eletrônicas.&quot; },
    Ge: { name: &quot;Germânio&quot;, config: &quot;[Ar] 3d¹⁰ 4s² 4p²&quot;, cat: &quot;Semimetal&quot;, desc: &quot;Elemento óptico semicondutor. Usado em lenses infravermelhas de câmeras térmicas de visão noturna e cabos de fibra óptica.&quot; },
    As: { name: &quot;Arsênio&quot;, config: &quot;[Ar] 3d¹⁰ 4s² 4p³&quot;, cat: &quot;Semimetal&quot;, desc: &quot;Elemento de toxicidade histórica famosa e ação inseticida. Utilizado na fabricação de semicondutores especiais de arseneto de gálio.&quot; },
    Se: { name: &quot;Selênio&quot;, config: &quot;[Ar] 3d¹⁰ 4s² 4p⁴&quot;, cat: &quot;Não-metal&quot;, desc: &quot;Elemento fotocondutivo essencial para o funcionamento de fotocélulas de painéis solares e impressoras xerográficas de papel.&quot; },
    Br: { name: &quot;Bromo&quot;, config: &quot;[Ar] 3d¹⁰ 4s² 4p⁵&quot;, cat: &quot;Halogênio&quot;, desc: &quot;O único não-metal líquido à temperatura ambiente. De coloração vermelho-escura, muito usado como retardante de chamas.&quot; },
    Kr: { name: &quot;Criptônio&quot;, config: &quot;[Ar] 3d¹⁰ 4s² 4p⁶&quot;, cat: &quot;Gás Nobre&quot;, desc: &quot;Gás nobre raro usado em flashes fotográficos profissionais de altíssima velocidade e lâmpadas especiais de aeroportos.&quot; },
    Rb: { name: &quot;Rubídio&quot;, cat: &quot;Metal Alcalino&quot;, config: &quot;[Kr] 5s¹&quot;, desc: &quot;Metal alcalino altamente reativo que incendeia espontaneamente em contato com o ar. Utilizado em pesquisas físicas a laser.&quot; },
    Sr: { name: &quot;Estrôncio&quot;, cat: &quot;Metal Alcalino-terroso&quot;, config: &quot;[Kr] 5s²&quot;, desc: &quot;Famoso por dar a cor vermelha brilhante aos fogos de artifício festivos. Seus isótopos auxiliam na datação arqueológica.&quot; },
    Y: { name: &quot;Ítrio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Kr] 4d¹ 5s²&quot;, desc: &quot;Metal usado em ligas supercondutoras em alta temperatura, lasers industriais (YAG) e fósforos de telas analógicas.&quot; },
    Zr: { name: &quot;Zircônio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Kr] 4d² 5s²&quot;, desc: &quot;Altamente resistente a ácidos quentes. Muito empregado na fabricação de revestimentos protetores de reatores nucleares.&quot; },
    Nb: { name: &quot;Nióbio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Kr] 4d⁴ 5s¹&quot;, desc: &quot;O Brasil detém 98% de suas reservas mundiais. Fundamental para aços de altíssima resistência estrutural de turbinas a jato e oleodutos.&quot; },
    Mo: { name: &quot;Molibdênio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Kr] 4d⁵ 5s¹&quot;, desc: &quot;Metal de altíssimo ponto de fusão usado em ferramentas cirúrgicas extremas e lubrificantes que suportam altas temperaturas.&quot; },
    Tc: { name: &quot;Tecnécio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Kr] 4d⁵ 5s²&quot;, desc: &quot;O primeiro elemento puramente artificial criado. Seus isótopos de decaimento rápido servem como radiotraçadores em exames médicos.&quot; },
    Ru: { name: &quot;Rutênio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Kr] 4d⁷ 5s¹&quot;, desc: &quot;Metal nobre e duro do grupo da platina. Utilizado para aumentar a resistência à corrosão de ligas metálicas cirúrgicas.&quot; },
    Rh: { name: &quot;Ródio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Kr] 4d⁸ 5s¹&quot;, desc: &quot;Um dos metais preciosos mais valiosos do mundo. Essencial como catalisador em escapamentos para limpar os gases nocivos de carros.&quot; },
    Pd: { name: &quot;Paládio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Kr] 4d¹⁰&quot;, desc: &quot;Metal precioso com a habilidade única de absorver até 900 vezes o seu próprio volume em gás hidrogênio sob temperatura ambiente.&quot; },
    Ag: { name: &quot;Prata&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Kr] 4d¹⁰ 5s¹&quot;, desc: &quot;Metal precioso com a maior condutividade elétrica, térmica e refletividade de luz de todos os elementos estáveis.&quot; },
    Cd: { name: &quot;Cádmio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Kr] 4d¹⁰ 5s²&quot;, desc: &quot;Metal altamente tóxico historicamente muito usado em baterias de Níquel-Cádmio e como barreira protetora contra nêutrons em reatores.&quot; },
    In: { name: &quot;Índio&quot;, cat: &quot;Metal pós-transição&quot;, config: &quot;[Kr] 4d¹⁰ 5s² 5p¹&quot;, desc: &quot;Um metal extremamente macio e de baixo ponto de fusão, essencial para a produção de películas condutoras transparentes de telas LCD.&quot; },
    Sn: { name: &quot;Estanho&quot;, cat: &quot;Metal pós-transição&quot;, config: &quot;[Kr] 4d¹⁰ 5s² 5p²&quot;, desc: &quot;Metal flexível e resistente à corrosão muito utilizado como revestimento protetor em latas de conservas e solda eletrônica.&quot; },
    Sb: { name: &quot;Antimônio&quot;, cat: &quot;Semimetal&quot;, config: &quot;[Kr] 4d¹⁰ 5s² 5p³&quot;, desc: &quot;Semimetal com propriedades antichamas muito utilizado na fabricação de ligas de chumbo para baterias de carros.&quot; },
    Te: { name: &quot;Telúrio&quot;, cat: &quot;Semimetal&quot;, config: &quot;[Kr] 4d¹⁰ 5s² 5p⁴&quot;, desc: &quot;Elemento semicondutor amplamente utilizado na produção de painéis solares especiais de película fina e ligas de aço duras.&quot; },
    I: { name: &quot;Iodo&quot;, cat: &quot;Halogênio&quot;, config: &quot;[Kr] 4d¹⁰ 5s² 5p⁵&quot;, desc: &quot;Halogênio roxo e brilhante que sublima facilmente ao aquecer. Essencial para a tireoide humana e como antisséptico hospitalar.&quot; },
    Xe: { name: &quot;Xenônio&quot;, cat: &quot;Gás Nobre&quot;, config: &quot;[Kr] 4d¹⁰ 5s² 5p⁶&quot;, desc: &quot;Gás nobre pesado usado em faróis de alta intensidade veiculares, projetores de cinema IMAX e anestesia geral premium.&quot; },
    Cs: { name: &quot;Césio&quot;, cat: &quot;Metal Alcalino&quot;, config: &quot;[Xe] 6s¹&quot;, desc: &quot;Metal reativo que derrete em dias quentes (ponto de fusão 28.4°C). A vibração de seus átomos define a duração exata de 1 segundo.&quot; },
    Ba: { name: &quot;Bário&quot;, cat: &quot;Metal Alcalino-terroso&quot;, config: &quot;[Xe] 6s²&quot;, desc: &quot;Metal reativo usado em fluidos de perfuração de poços de petróleo e como contraste radiológico em exames gastrointestinais.&quot; },
    &quot;La-Lu&quot;: { name: &quot;Lantanídeos&quot;, cat: &quot;Série de Terras Raras&quot;, config: &quot;[Xe] 4f¹⁻¹⁴ 6s²&quot;, desc: &quot;Série de 15 elementos metálicos de transição interna fundamentais para tecnologias modernas, lasers e superímãs.&quot; },
    La: { name: &quot;Lantânio&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 5d¹ 6s²&quot;, desc: &quot;Metal prateado, maleável e macio. É o elemento que dá nome à série dos lantanídeos.&quot; },
    Ce: { name: &quot;Cério&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 4f¹ 5d¹ 6s²&quot;, desc: &quot;O mais abundante dos lantanídeos. Usado em pedras de isqueiro, catalisadores e polimento de vidros.&quot; },
    Pr: { name: &quot;Praseodímio&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 4f³ 6s²&quot;, desc: &quot;Metal macio usado para criar ligas metálicas de alta resistência e colorir vidros de amarelo-esverdeado.&quot; },
    Nd: { name: &quot;Neodímio&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 4f⁴ 6s²&quot;, desc: &quot;Famoso por sua aplicação em superímãs extremamente fortes, essenciais em motores elétricos e fones de ouvido.&quot; },
    Pm: { name: &quot;Promécio&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 4f⁵ 6s²&quot;, desc: &quot;O único lantanídeo radioativo artificial. Usado em baterias nucleares minúsculas e tintas luminosas.&quot; },
    Sm: { name: &quot;Samário&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 4f⁶ 6s²&quot;, desc: &quot;Usado em ímãs de samário-cobalto resistentes a altas temperaturas e no tratamento de câncer ósseo.&quot; },
    Eu: { name: &quot;Európio&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 4f⁷ 6s²&quot;, desc: &quot;O elemento mais reativo da série. Crucial para produzir a cor vermelha brilhante em telas de TV antigas e LEDs.&quot; },
    Gd: { name: &quot;Gadolínio&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 4f⁷ 5d¹ 6s²&quot;, desc: &quot;Possui excelentes propriedades de absorção de nêutrons. Muito usado como contraste em exames de Ressonância Magnética (RMN).&quot; },
    Tb: { name: &quot;Térbio&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 4f⁹ 6s²&quot;, desc: &quot;Metal luminescente usado para gerar a cor verde em displays e como estabilizador de células de combustível.&quot; },
    Dy: { name: &quot;Disprósio&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 4f¹⁰ 6s²&quot;, desc: &quot;Metal altamente magnético usado em barras de controle nuclear e para aumentar a resistência de superímãs.&quot; },
    Ho: { name: &quot;Hólmio&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 4f¹¹ 6s²&quot;, desc: &quot;Possui o maior momento magnético de qualquer elemento. Usado em lasers cirúrgicos oculares e de canais dentários.&quot; },
    Er: { name: &quot;Érbio&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 4f¹² 6s²&quot;, desc: &quot;Usado como amplificador de sinal óptico em cabos de fibra óptica transoceânicos e para colorir vidros de rosa.&quot; },
    Tm: { name: &quot;Túlio&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 4f¹³ 6s²&quot;, desc: &quot;Um dos lantanídeos mais raros. Usado como fonte de radiação em dispositivos de raio-X portáteis.&quot; },
    Yb: { name: &quot;Itérbio&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 4f¹⁴ 6s²&quot;, desc: &quot;Usado em relógios atômicos ultraprecisos, lasers industriais de fibra e como dopante em aços especiais.&quot; },
    Lu: { name: &quot;Lutécio&quot;, cat: &quot;Lantanídeo&quot;, config: &quot;[Xe] 4f¹⁴ 5d¹ 6s²&quot;, desc: &quot;O lantanídeo mais denso e duro. Seus isótopos são usados para datar meteoritos e em terapia contra o câncer.&quot; },
    Hf: { name: &quot;Háfnio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Xe] 4f¹⁴ 5d² 6s²&quot;, desc: &quot;Excelente absorvedor de nêutrons. Muito utilizado em barras de controle de submarinos nucleares e microprocessadores.&quot; },
    Ta: { name: &quot;Tântalo&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Xe] 4f¹⁴ 5d³ 6s²&quot;, desc: &quot;Extremamente duro e resistente a ácidos. Indispensável para capacitores minúsculos de alto desempenho em smartphones.&quot; },
    W: { name: &quot;Tungstênio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Xe] 4f¹⁴ 5d⁴ 6s²&quot;, desc: &quot;Tem o ponto de fusão mais alto de todos os metais (3422°C). Utilizado em filamentos de lâmpadas antigas e brocas industriais.&quot; },
    Re: { name: &quot;Rênio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Xe] 4f¹⁴ 5d⁵ 6s²&quot;, desc: &quot;Metal precioso muito escasso adicionado ao níquel para formar ligas térmicas de turbinas de aviões de caça.&quot; },
    Os: { name: &quot;Ósmio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Xe] 4f¹⁴ 5d⁶ 6s²&quot;, desc: &quot;O elemento natural mais denso que existe (22.59 g/cm³). Utilizado em contatos elétricos de extrema durabilidade.&quot; },
    Ir: { name: &quot;Irídio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Xe] 4f¹⁴ 5d⁷ 6s²&quot;, desc: &quot;Metal nobre incrivelmente resistente à corrosão mecânica e térmica. Sua alta abundância em camadas fósseis de 66 milhões de anos provou o impacto de asteroide que extinguiu os dinossauros.&quot; },
    Pt: { name: &quot;Platina&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Xe] 4f¹⁴ 5d⁹ 6s¹&quot;, desc: &quot;Metal precioso extremamente resistente e nobre. Altamente valorizado em joias nobres e como quimioterápico anticancerígeno (Cisplatina).&quot; },
    Au: { name: &quot;Ouro&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Xe] 4f¹⁴ 5d¹⁰ 6s¹&quot;, desc: &quot;O metal precioso da nobreza. Quimicamente inerte e maleável, é usado em transações econômicas, joalherias e na proteção térmica de naves espaciais.&quot; },
    Hg: { name: &quot;Mercúrio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Xe] 4f¹⁴ 5d¹⁰ 6s²&quot;, desc: &quot;O único metal líquido à temperatura ambiente (ponto de fusão -38.8°C). Muito utilizado historicamente em termômetros e amálgamas.&quot; },
    Tl: { name: &quot;Tálio&quot;, cat: &quot;Metal pós-transição&quot;, config: &quot;[Xe] 4f¹⁴ 5d¹⁰ 6s² 6p¹&quot;, desc: &quot;Metal macio e maleável extremamente tóxico para o organismo humano, já utilizado historicamente como veneno contra pragas domésticas.&quot; },
    Pb: { name: &quot;Chumbo&quot;, cat: &quot;Metal pós-transição&quot;, config: &quot;[Xe] 4f¹⁴ 5d¹⁰ 6s² 6p²&quot;, desc: &quot;Metal cinzento pesado muito estável de alta densidade. Altamente eficaz como escudo de isolamento radiológico em salas de raio-X.&quot; },
    Bi: { name: &quot;Bismuto&quot;, cat: &quot;Metal pós-transição&quot;, config: &quot;[Xe] 4f¹⁴ 5d¹⁰ 6s² 6p³&quot;, desc: &quot;Apresenta fantásticos cristais de oxidação iridescente com formas em espiral. Usado em sistemas de segurança de incêndio.&quot; },
    Po: { name: &quot;Polônio&quot;, cat: &quot;Semimetal&quot;, config: &quot;[Xe] 4f¹⁴ 5d¹⁰ 6s² 6p⁴&quot;, desc: &quot;Metal altamente radioativo e letal descoberto por Marie Curie no minério de urânio. Libera intensa radiação alfa.&quot; },
    At: { name: &quot;Astato&quot;, cat: &quot;Halogênio&quot;, config: &quot;[Xe] 4f¹⁴ 5d¹⁰ 6s² 6p⁵&quot;, desc: &quot;O elemento natural mais raro da crosta terrestre (toda a Terra contém menos de 30g). Altamente radioativo.&quot; },
    Rn: { name: &quot;Radônio&quot;, cat: &quot;Gás Nobre&quot;, config: &quot;[Xe] 4f¹⁴ 5d¹⁰ 6s² 6p⁶&quot;, desc: &quot;Gás radioativo incolor e inodoro liberado naturalmente pelo solo que pode se acumular em porões fechados de casas.&quot; },
    Fr: { name: &quot;Frâncio&quot;, cat: &quot;Metal Alcalino&quot;, config: &quot;[Rn] 7s¹&quot;, desc: &quot;Elemento metálico extremamente radioativo e instável. Um átomo de frâncio dura apenas alguns minutos antes de decair.&quot; },
    Ra: { name: &quot;Rádio&quot;, cat: &quot;Metal Alcalino-terroso&quot;, config: &quot;[Rn] 7s²&quot;, desc: &quot;Altamente radioativo. Descoberto por Marie Curie, costumava ser usado em tintas luminosas de relógios até descobrirem sua toxicidade.&quot; },
    &quot;Ac-Lr&quot;: { name: &quot;Actinídeos&quot;, cat: &quot;Série de Actinídeos&quot;, config: &quot;[Rn] 5f¹⁻¹⁴ 6d¹ 7s²&quot;, desc: &quot;Série de 15 elementos metálicos radioativos de transição interna que inclui o Urânio, Plutônio e Actínio.&quot; },
    Ac: { name: &quot;Actínio&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 6d¹ 7s²&quot;, desc: &quot;Altamente radioativo, brilha no escuro com uma luz azulada. Usado em pesquisas de radioterapia avançada.&quot; },
    Th: { name: &quot;Tório&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 6d² 7s²&quot;, desc: &quot;Metal radioativo fraco com potencial gigante para substituir o urânio em reatores nucleares muito mais seguros.&quot; },
    Pa: { name: &quot;Protactínio&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 5f² 6d¹ 7s²&quot;, desc: &quot;Elemento extremamente raro, denso e altamente tóxico, formado pelo decaimento do urânio.&quot; },
    U: { name: &quot;Urânio&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 5f³ 6d¹ 7s²&quot;, desc: &quot;O elemento natural mais pesado. Base do combustível de usinas nucleares e gerador de energia limpa em larga escala.&quot; },
    Np: { name: &quot;Netúnio&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 5f⁴ 6d¹ 7s²&quot;, desc: &quot;O primeiro elemento transurânico sintético. Altamente radioativo, usado em detectores de nêutrons industriais.&quot; },
    Pu: { name: &quot;Plutônio&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 5f⁶ 7s²&quot;, desc: &quot;Elemento sintético altamente radioativo e energético. Usado em sondas espaciais profundas (como a Voyager) e armas nucleares.&quot; },
    Am: { name: &quot;Amerício&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 5f⁷ 7s²&quot;, desc: &quot;Elemento sintético radioativo usado no interior de quase todos os detectores de fumaça domésticos.&quot; },
    Cm: { name: &quot;Cúrio&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 5f⁷ 6d¹ 7s²&quot;, desc: &quot;Batizado em homenagem a Marie Curie. Altamente radioativo, usado como fonte de partículas alfa em missões espaciais.&quot; },
    Bk: { name: &quot;Berquélio&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 5f⁹ 7s²&quot;, desc: &quot;Metal radioativo sintético criado na Universidade de Berkeley. Usado principalmente para sintetizar elementos ainda mais pesados.&quot; },
    Cf: { name: &quot;Califórnio&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 5f¹⁰ 7s²&quot;, desc: &quot;Um dos elementos mais caros do mundo. Emite nêutrons de forma incrivelmente intensa, usado para iniciar reatores nucleares.&quot; },
    Es: { name: &quot;Einstênio&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 5f¹¹ 7s²&quot;, desc: &quot;Descoberto nos destroços da primeira bomba de hidrogênio. Batizado em honra a Albert Einstein.&quot; },
    Fm: { name: &quot;Férmio&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 5f¹² 7s²&quot;, desc: &quot;O elemento mais pesado que pode ser produzido por bombardeamento de nêutrons. Batizado em homenagem a Enrico Fermi.&quot; },
    Md: { name: &quot;Mendelévio&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 5f¹³ 7s²&quot;, desc: &quot;Elemento sintético de vida curta produzido átomo por átomo. Homenageia Dmitri Mendeleev, o pai da tabela periódica.&quot; },
    No: { name: &quot;Nobélio&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 5f¹⁴ 7s²&quot;, desc: &quot;Metal sintético altamente radioativo batizado em homenagem a Alfred Nobel, criador do Prêmio Nobel.&quot; },
    Lr: { name: &quot;Laurêncio&quot;, cat: &quot;Actinídeo&quot;, config: &quot;[Rn] 5f¹⁴ 6d¹ 7s²&quot;, desc: &quot;O último elemento da série dos actinídeos. Altamente radioativo, decai em questão de minutos.&quot; },
    Rf: { name: &quot;Rutherfórdio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Rn] 5f¹⁴ 6d² 7s²&quot;, desc: &quot;Elemento sintético superpesado radioativo sintetizado em laboratório. Não possui aplicações comerciais conhecidas.&quot; },
    Db: { name: &quot;Dúbnio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Rn] 5f¹⁴ 6d³ 7s²&quot;, desc: &quot;Elemento sintético radioativo criado por bombardeamento de átomos. Altamente instável, dura apenas alguns segundos.&quot; },
    Sg: { name: &quot;Seabórgio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Rn] 5f¹⁴ 6d⁴ 7s²&quot;, desc: &quot;Elemento artificial superpesado. Batizado em homenagem ao químico nuclear norte-americano Glenn Seaborg.&quot; },
    Bh: { name: &quot;Bóhrio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Rn] 5f¹⁴ 6d⁵ 7s²&quot;, desc: &quot;Elemento artificial sintetizado em laboratório, batizado em homenagem ao grande físico dinamarquês Niels Bohr.&quot; },
    Hs: { name: &quot;Hássio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Rn] 5f¹⁴ 6d⁶ 7s²&quot;, desc: &quot;Elemento superpesado instável batizado em honra ao estado alemão de Hesse. Só pode ser sintetizado artificialmente.&quot; },
    Mt: { name: &quot;Meitnério&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Rn] 5f¹⁴ 6d⁷ 7s²&quot;, desc: &quot;Batizado em homenagem a Lise Meitner, a física co-descoberta da fissão nuclear. Altamente instável.&quot; },
    Ds: { name: &quot;Darmstádtio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Rn] 5f¹⁴ 6d⁸ 7s²&quot;, desc: &quot;Elemento superpesado radioativo sintetizado na cidade de Darmstadt, Alemanha. Tem meia-vida de poucos milissegundos.&quot; },
    Rg: { name: &quot;Roentgênio&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Rn] 5f¹⁴ 6d⁹ 7s²&quot;, desc: &quot;Batizado em homenagem a Wilhelm Röntgen, descobridor do Raio-X. Altamente instável e radioativo.&quot; },
    Cn: { name: &quot;Copernício&quot;, cat: &quot;Metal de Transição&quot;, config: &quot;[Rn] 5f¹⁴ 6d¹⁰ 7s²&quot;, desc: &quot;Homenageia o astrônomo Nicolau Copérnico. É o elemento superpesado mais estável conhecido deste período.&quot; },
    Nh: { name: &quot;Nihônio&quot;, cat: &quot;Metal pós-transição&quot;, config: &quot;[Rn] 5f¹⁴ 6d¹⁰ 7s² 7p¹&quot;, desc: &quot;O primeiro elemento sintetizado na Ásia (Japão, cujo termo nativo é Nihon). Decai rapidamente.&quot; },
    Fl: { name: &quot;Fleróvio&quot;, cat: &quot;Metal pós-transição&quot;, config: &quot;[Rn] 5f¹⁴ 6d¹⁰ 7s² 7p²&quot;, desc: &quot;Elemento superpesado altamente radioativo sintetizado em Dubna, na Rússia. Altamente instável.&quot; },
    Mc: { name: &quot;Moscóvio&quot;, cat: &quot;Metal pós-transição&quot;, config: &quot;[Rn] 5f¹⁴ 6d¹⁰ 7s² 7p³&quot;, desc: &quot;Elemento sintético superpesado radioativo batizado em homenagem à região de Moscou, na Rússia.&quot; },
    Lv: { name: &quot;Livermório&quot;, cat: &quot;Metal pós-transição&quot;, config: &quot;[Rn] 5f¹⁴ 6d¹⁰ 7s² 7p⁴&quot;, desc: &quot;Sintetizado em cooperação entre laboratórios dos EUA e da Rússia. Batizado em honra a Livermore, Califórnia.&quot; },
    Ts: { name: &quot;Tenesso&quot;, cat: &quot;Não-metal&quot;, config: &quot;[Rn] 5f¹⁴ 6d¹⁰ 7s² 7p⁵&quot;, desc: &quot;Sintetizado nos EUA, batizado em honra ao estado do Tennessee. O segundo elemento sintético mais pesado.&quot; },
    Og: { name: &quot;Oganessônio&quot;, cat: &quot;Gás Nobre&quot;, config: &quot;[Rn] 5f¹⁴ 6d¹⁰ 7s² 7p⁶&quot;, desc: &quot;O elemento de maior número atômico (118) e peso já sintetizado pela humanidade. Altamente instável, dura milissegundos.&quot; }
  };

  // Matriz de coordenadas físicas oficiais da Tabela Periódica IUPAC
  const elementsGrid = [
    {s:&quot;H&quot;, n:1, x:1, y:1, g:&quot;g-nm&quot;}, {s:&quot;He&quot;, n:2, x:18, y:1, g:&quot;g-ng&quot;},
    {s:&quot;Li&quot;, n:3, x:1, y:2, g:&quot;g-am&quot;}, {s:&quot;Be&quot;, n:4, x:2, y:2, g:&quot;g-aem&quot;}, {s:&quot;B&quot;, n:5, x:13, y:2, g:&quot;g-md&quot;}, {s:&quot;C&quot;, n:6, x:14, y:2, g:&quot;g-nm&quot;}, {s:&quot;N&quot;, n:7, x:15, y:2, g:&quot;g-nm&quot;}, {s:&quot;O&quot;, n:8, x:16, y:2, g:&quot;g-nm&quot;}, {s:&quot;F&quot;, n:9, x:17, y:2, g:&quot;g-nm&quot;}, {s:&quot;Ne&quot;, n:10, x:18, y:2, g:&quot;g-ng&quot;},
    {s:&quot;Na&quot;, n:11, x:1, y:3, g:&quot;g-am&quot;}, {s:&quot;Mg&quot;, n:12, x:2, y:3, g:&quot;g-aem&quot;}, {s:&quot;Al&quot;, n:13, x:13, y:3, g:&quot;g-pt&quot;}, {s:&quot;Si&quot;, n:14, x:14, y:3, g:&quot;g-md&quot;}, {s:&quot;P&quot;, n:15, x:15, y:3, g:&quot;g-nm&quot;}, {s:&quot;S&quot;, n:16, x:16, y:3, g:&quot;g-nm&quot;}, {s:&quot;Cl&quot;, n:17, x:17, y:3, g:&quot;g-nm&quot;}, {s:&quot;Ar&quot;, n:18, x:18, y:3, g:&quot;g-ng&quot;},
    {s:&quot;K&quot;, n:19, x:1, y:4, g:&quot;g-am&quot;}, {s:&quot;Ca&quot;, n:20, x:2, y:4, g:&quot;g-aem&quot;}, {s:&quot;Sc&quot;, n:21, x:3, y:4, g:&quot;g-tm&quot;}, {s:&quot;Ti&quot;, n:22, x:4, y:4, g:&quot;g-tm&quot;}, {s:&quot;V&quot;, n:23, x:5, y:4, g:&quot;g-tm&quot;}, {s:&quot;Cr&quot;, n:24, x:6, y:4, g:&quot;g-tm&quot;}, {s:&quot;Mn&quot;, n:25, x:7, y:4, g:&quot;g-tm&quot;}, {s:&quot;Fe&quot;, n:26, x:8, y:4, g:&quot;g-tm&quot;}, {s:&quot;Co&quot;, n:27, x:9, y:4, g:&quot;g-tm&quot;}, {s:&quot;Ni&quot;, n:28, x:10, y:4, g:&quot;g-tm&quot;}, {s:&quot;Cu&quot;, n:29, x:11, y:4, g:&quot;g-tm&quot;}, {s:&quot;Zn&quot;, n:30, x:12, y:4, g:&quot;g-tm&quot;}, {s:&quot;Ga&quot;, n:31, x:13, y:4, g:&quot;g-pt&quot;}, {s:&quot;Ge&quot;, n:32, x:14, y:4, g:&quot;g-md&quot;}, {s:&quot;As&quot;, n:33, x:15, y:4, g:&quot;g-md&quot;}, {s:&quot;Se&quot;, n:34, x:16, y:4, g:&quot;g-nm&quot;}, {s:&quot;Br&quot;, n:35, x:17, y:4, g:&quot;g-nm&quot;}, {s:&quot;Kr&quot;, n:36, x:18, y:4, g:&quot;g-ng&quot;},
    {s:&quot;Rb&quot;, n:37, x:1, y:5, g:&quot;g-am&quot;}, {s:&quot;Sr&quot;, n:38, x:2, y:5, g:&quot;g-aem&quot;}, {s:&quot;Y&quot;, n:39, x:3, y:5, g:&quot;g-tm&quot;}, {s:&quot;Zr&quot;, n:40, x:4, y:5, g:&quot;g-tm&quot;}, {s:&quot;Nb&quot;, n:41, x:5, y:5, g:&quot;g-tm&quot;}, {s:&quot;Mo&quot;, n:42, x:6, y:5, g:&quot;g-tm&quot;}, {s:&quot;Tc&quot;, n:43, x:7, y:5, g:&quot;g-tm&quot;}, {s:&quot;Ru&quot;, n:44, x:8, y:5, g:&quot;g-tm&quot;}, {s:&quot;Rh&quot;, n:45, x:9, y:5, g:&quot;g-tm&quot;}, {s:&quot;Pd&quot;, n:46, x:10, y:5, g:&quot;g-tm&quot;}, {s:&quot;Ag&quot;, n:47, x:11, y:5, g:&quot;g-tm&quot;}, {s:&quot;Cd&quot;, n:48, x:12, y:5, g:&quot;g-tm&quot;}, {s:&quot;In&quot;, n:49, x:13, y:5, g:&quot;g-pt&quot;}, {s:&quot;Sn&quot;, n:50, x:14, y:5, g:&quot;g-pt&quot;}, {s:&quot;Sb&quot;, n:51, x:15, y:5, g:&quot;g-md&quot;}, {s:&quot;Te&quot;, n:52, x:16, y:5, g:&quot;g-md&quot;}, {s:&quot;I&quot;, n:53, x:17, y:5, g:&quot;g-nm&quot;}, {s:&quot;Xe&quot;, n:54, x:18, y:5, g:&quot;g-ng&quot;},
    {s:&quot;Cs&quot;, n:55, x:1, y:6, g:&quot;g-am&quot;}, {s:&quot;Ba&quot;, n:56, x:2, y:6, g:&quot;g-aem&quot;}, {s:&quot;La-Lu&quot;, n:&quot;57-71&quot;, x:3, y:6, g:&quot;g-lan&quot;},
    {s:&quot;Hf&quot;, n:72, x:4, y:6, g:&quot;g-tm&quot;}, {s:&quot;Ta&quot;, n:73, x:5, y:6, g:&quot;g-tm&quot;}, {s:&quot;W&quot;, n:74, x:6, y:6, g:&quot;g-tm&quot;}, {s:&quot;Re&quot;, n:75, x:7, y:6, g:&quot;g-tm&quot;}, {s:&quot;Os&quot;, n:76, x:8, y:6, g:&quot;g-tm&quot;}, {s:&quot;Ir&quot;, n:77, x:9, y:6, g:&quot;g-tm&quot;}, {s:&quot;Pt&quot;, n:78, x:10, y:6, g:&quot;g-tm&quot;}, {s:&quot;Au&quot;, n:79, x:11, y:6, g:&quot;g-tm&quot;}, {s:&quot;Hg&quot;, n:80, x:12, y:6, g:&quot;g-tm&quot;}, {s:&quot;Tl&quot;, n:81, x:13, y:6, g:&quot;g-pt&quot;}, {s:&quot;Pb&quot;, n:82, x:14, y:6, g:&quot;g-pt&quot;}, {s:&quot;Bi&quot;, n:83, x:15, y:6, g:&quot;g-pt&quot;}, {s:&quot;Po&quot;, n:84, x:16, y:6, g:&quot;g-md&quot;}, {s:&quot;At&quot;, n:85, x:17, y:6, g:&quot;g-nm&quot;}, {s:&quot;Rn&quot;, n:86, x:18, y:6, g:&quot;g-ng&quot;},
    {s:&quot;Fr&quot;, n:87, x:1, y:7, g:&quot;g-am&quot;}, {s:&quot;Ra&quot;, n:88, x:2, y:7, g:&quot;g-aem&quot;}, {s:&quot;Ac-Lr&quot;, n:&quot;89-103&quot;, x:3, y:7, g:&quot;g-act&quot;},
    {s:&quot;Rf&quot;, n:104, x:4, y:7, g:&quot;g-tm&quot;}, {s:&quot;Db&quot;, n:105, x:5, y:7, g:&quot;g-tm&quot;}, {s:&quot;Sg&quot;, n:106, x:6, y:7, g:&quot;g-tm&quot;}, {s:&quot;Bh&quot;, n:107, x:7, y:7, g:&quot;g-tm&quot;}, {s:&quot;Hs&quot;, n:108, x:8, y:7, g:&quot;g-tm&quot;}, {s:&quot;Mt&quot;, n:109, x:9, y:7, g:&quot;g-tm&quot;}, {s:&quot;Ds&quot;, n:110, x:10, y:7, g:&quot;g-tm&quot;}, {s:&quot;Rg&quot;, n:111, x:11, y:7, g:&quot;g-tm&quot;}, {s:&quot;Cn&quot;, n:112, x:12, y:7, g:&quot;g-tm&quot;}, {s:&quot;Nh&quot;, n:113, x:13, y:7, g:&quot;g-pt&quot;}, {s:&quot;Fl&quot;, n:114, x:14, y:7, g:&quot;g-pt&quot;}, {s:&quot;Mc&quot;, n:115, x:15, y:7, g:&quot;g-pt&quot;}, {s:&quot;Lv&quot;, n:116, x:16, y:7, g:&quot;g-pt&quot;}, {s:&quot;Ts&quot;, n:117, x:17, y:7, g:&quot;g-nm&quot;}, {s:&quot;Og&quot;, n:118, x:18, y:7, g:&quot;g-ng&quot;},
    
    // Espacador de Grade
    {s:&quot;&quot;, n:&quot;&quot;, x:1, y:8, g:&quot;grid-spacer&quot;},
    
    // Serie Lantanideos (Linha 9)
    {s:&quot;La&quot;, n:57, x:3, y:9, g:&quot;g-lan&quot;}, {s:&quot;Ce&quot;, n:58, x:4, y:9, g:&quot;g-lan&quot;}, {s:&quot;Pr&quot;, n:59, x:5, y:9, g:&quot;g-lan&quot;}, {s:&quot;Nd&quot;, n:60, x:6, y:9, g:&quot;g-lan&quot;}, {s:&quot;Pm&quot;, n:61, x:7, y:9, g:&quot;g-lan&quot;}, {s:&quot;Sm&quot;, n:62, x:8, y:9, g:&quot;g-lan&quot;}, {s:&quot;Eu&quot;, n:63, x:9, y:9, g:&quot;g-lan&quot;}, {s:&quot;Gd&quot;, n:64, x:10, y:9, g:&quot;g-lan&quot;}, {s:&quot;Tb&quot;, n:65, x:11, y:9, g:&quot;g-lan&quot;}, {s:&quot;Dy&quot;, n:66, x:12, y:9, g:&quot;g-lan&quot;}, {s:&quot;Ho&quot;, n:67, x:13, y:9, g:&quot;g-lan&quot;}, {s:&quot;Er&quot;, n:68, x:14, y:9, g:&quot;g-lan&quot;}, {s:&quot;Tm&quot;, n:69, x:15, y:9, g:&quot;g-lan&quot;}, {s:&quot;Yb&quot;, n:70, x:16, y:9, g:&quot;g-lan&quot;}, {s:&quot;Lu&quot;, n:71, x:17, y:9, g:&quot;g-lan&quot;},
    
    // Serie Actinideos (Linha 10)
    {s:&quot;Ac&quot;, n:89, x:3, y:10, g:&quot;g-act&quot;}, {s:&quot;Th&quot;, n:90, x:4, y:10, g:&quot;g-act&quot;}, {s:&quot;Pa&quot;, n:91, x:5, y:10, g:&quot;g-act&quot;}, {s:&quot;U&quot;, n:92, x:6, y:10, g:&quot;g-act&quot;}, {s:&quot;Np&quot;, n:93, x:7, y:10, g:&quot;g-act&quot;}, {s:&quot;Pu&quot;, n:94, x:8, y:10, g:&quot;g-act&quot;}, {s:&quot;Am&quot;, n:95, x:9, y:10, g:&quot;g-act&quot;}, {s:&quot;Cm&quot;, n:96, x:10, y:10, g:&quot;g-act&quot;}, {s:&quot;Bk&quot;, n:97, x:11, y:10, g:&quot;g-act&quot;}, {s:&quot;Cf&quot;, n:98, x:12, y:10, g:&quot;g-act&quot;}, {s:&quot;Es&quot;, n:99, x:13, y:10, g:&quot;g-act&quot;}, {s:&quot;Fm&quot;, n:100, x:14, y:10, g:&quot;g-act&quot;}, {s:&quot;Md&quot;, n:101, x:15, y:10, g:&quot;g-act&quot;}, {s:&quot;No&quot;, n:102, x:16, y:10, g:&quot;g-act&quot;}, {s:&quot;Lr&quot;, n:103, x:17, y:10, g:&quot;g-act&quot;}
  ];

  // Substâncias comuns para a Escala de pH
  const PH_SUBSTANCES = [
    { val: 0.0, name: &quot;Ácido Sulfúrico Concentrado / Bateria de Carro (Altamente Corrosivo)&quot; },
    { val: 1.0, name: &quot;Suco Gástrico Estomacal (pH ~1.0 - 1.5)&quot; },
    { val: 2.0, name: &quot;Suco de Limão Puro / Vinagre de Cozinha (pH ~2.0 - 2.2)&quot; },
    { val: 3.0, name: &quot;Refrigerante de Cola / Suco de Laranja (pH ~3.0 - 3.2)&quot; },
    { val: 4.0, name: &quot;Suco de Tomate / Cerveja Comercial (pH ~4.0 - 4.5)&quot; },
    { val: 5.0, name: &quot;Café Preto Quente / Chuva Ácida Moderada (pH ~5.0)&quot; },
    { val: 6.0, name: &quot;Urina Humana Média / Leite de Vaca Fresco (pH ~6.0 - 6.6)&quot; },
    { val: 7.0, name: &quot;Água Pura Destilada / Sangue Humano (Fisiológico ~7.35 - 7.45)&quot; },
    { val: 8.0, name: &quot;Água do Mar / Bicarbonato de Sódio Líquido (pH ~8.0 - 8.2)&quot; },
    { val: 9.0, name: &quot;Pasta de Dentes / Detergente Suave de Louça (pH ~9.0)&quot; },
    { val: 10.0, name: &quot;Leite de Magnésia (Antiácido Suspensão Estomacal pH ~10.5)&quot; },
    { val: 11.0, name: &quot;Amônia de Uso Doméstico Diluída (pH ~11.0)&quot; },
    { val: 12.0, name: &quot;Água com Sabão de Barra / Sabonete Cremoso (pH ~12.0)&quot; },
    { val: 13.0, name: &quot;Água Sanitária Comercial / Cloro de Piscina (pH ~13.0)&quot; },
    { val: 14.0, name: &quot;Soda Cáustica Líquida / Hidróxido de Sódio (pH ~14.0 - Extremamente Corrosiva)&quot; }
  ];

  function abrirAba(e, n) {
    document.querySelectorAll(&#39;.tab-content&#39;).forEach(t =&gt; t.classList.remove(&#39;active&#39;));
    document.querySelectorAll(&#39;.tab-btn&#39;).forEach(b =&gt; b.classList.remove(&#39;active&#39;));
    document.getElementById(n).classList.add(&#39;active&#39;); 
    e.currentTarget.classList.add(&#39;active&#39;);
  }

  // Filtragem de Categorias
  function filterCategory(cat) {
    document.querySelectorAll(&#39;.filter-btn&#39;).forEach(btn =&gt; btn.classList.remove(&#39;active&#39;));
    const activeBtn = Array.from(document.querySelectorAll(&#39;.filter-btn&#39;)).find(btn =&gt; {
      return btn.getAttribute(&#39;onclick&#39;).includes(`&#39;${cat}&#39;`);
    });
    if (activeBtn) activeBtn.classList.add(&#39;active&#39;);

    document.querySelectorAll(&#39;.el&#39;).forEach(el =&gt; {
      if (cat === &#39;all&#39; || el.classList.contains(cat)) {
        el.style.opacity = &#39;1&#39;;
        el.style.transform = &#39;scale(1)&#39;;
        el.style.pointerEvents = &#39;auto&#39;;
      } else {
        el.style.opacity = &#39;0.15&#39;;
        el.style.transform = &#39;scale(0.92)&#39;;
        el.style.pointerEvents = &#39;none&#39;;
      }
    });
  }

  // Parser Avançado de Fórmulas Químicas para Massa Molar e Decomposição Centesimal
  function calcularMM() {
    let f = document.getElementById(&#39;formula&#39;).value.trim(); 
    let res = document.getElementById(&#39;res-mm&#39;);
    if (!f) {
      res.innerHTML = &quot;❌ Digite uma fórmula válida!&quot;;
      res.style.display = &#39;block&#39;;
      return;
    }
    try {
      const parseFormula = (s) =&gt; {
        let counts = {};
        const parseNode = (str, mult = 1) =&gt; {
          const r = /([A-Z][a-z]?)(\d*)|\(([^)]+)\)(\d+)/g; 
          let mt;
          let matched = false;
          while ((mt = r.exec(str)) !== null) {
            matched = true;
            if (mt[3]) { 
              let subCount = parseInt(mt[4]) || 1;
              parseNode(mt[3], mult * subCount); 
            } else { 
              let symbol = mt[1];
              let count = parseInt(mt[2]) || 1;
              if (MA[symbol] === undefined) {
                throw new Error(&quot;Elemento desconhecido: &quot; + symbol);
              }
              counts[symbol] = (counts[symbol] || 0) + count * mult; 
            }
          }
          if(!matched &amp;&amp; str.length &gt; 0) throw new Error(&quot;Fórmula malformada&quot;);
        };
        parseNode(s);
        return counts;
      };

      let atomsCounts = parseFormula(f);
      let total = 0;
      for (const [symbol, count] of Object.entries(atomsCounts)) {
        total += MA[symbol] * count;
      }

      // Constroi resultado com Tabela de Decomposição Centesimal
      let breakdownHTML = `
        &lt;div style=&quot;margin-bottom: 8px;&quot;&gt;⚖️ &lt;strong&gt;Fórmula:&lt;/strong&gt; ${f}&lt;/div&gt;
        &lt;div style=&quot;font-size: 1.15em; margin-bottom: 18px;&quot;&gt;🧪 &lt;strong&gt;Massa Molar (MM):&lt;/strong&gt; &lt;strong style=&quot;color: var(--primary); font-size: 1.25em;&quot;&gt;${total.toFixed(4)} g/mol&lt;/strong&gt;&lt;/div&gt;
        
        &lt;div style=&quot;margin-top: 15px; border-top: 1px solid rgba(255,255,255,0.12); padding-top: 15px;&quot;&gt;
          &lt;h4 style=&quot;margin: 0 0 12px 0; color: var(--accent); font-size: 1.05em; display: flex; align-items: center; gap: 8px;&quot;&gt;
            📊 Composição Percentual em Massa
          &lt;/h4&gt;
          &lt;div style=&quot;display: flex; flex-direction: column; gap: 10px;&quot;&gt;
      `;

      for (const [symbol, count] of Object.entries(atomsCounts)) {
        let elMass = MA[symbol] * count;
        let pct = (elMass / total) * 100;
        let name = ELEMENT_DETAILS[symbol] ? ELEMENT_DETAILS[symbol].name : symbol;
        breakdownHTML += `
          &lt;div style=&quot;display: flex; flex-direction: column; gap: 4px;&quot;&gt;
            &lt;div style=&quot;display: flex; justify-content: space-between; font-size: 0.9em; flex-wrap: wrap;&quot;&gt;
              &lt;span&gt;&lt;strong&gt;${symbol}&lt;/strong&gt; (${name}) &lt;span style=&quot;opacity:0.7&quot;&gt;x${count}&lt;/span&gt;&lt;/span&gt;
              &lt;span style=&quot;font-family: monospace; font-weight: bold; color: var(--primary);&quot;&gt;
                ${elMass.toFixed(3)} g/mol (${pct.toFixed(2)}%)
              &lt;/span&gt;
            &lt;/div&gt;
            &lt;div style=&quot;width: 100%; height: 6px; background: rgba(255,255,255,0.06); border-radius: 3px; overflow: hidden;&quot;&gt;
              &lt;div style=&quot;width: ${pct}%; height: 100%; background: linear-gradient(to right, var(--secondary), var(--primary)); border-radius: 3px;&quot;&gt;&lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        `;
      }

      breakdownHTML += `
          &lt;/div&gt;
        &lt;/div&gt;
      `;

      res.innerHTML = breakdownHTML;
      res.style.display = &#39;block&#39;;
    } catch(e) { 
      res.innerHTML = &quot;❌ &lt;strong&gt;Fórmula Inválida!&lt;/strong&gt; Verifique a grafia dos elementos (ex: H2O, Ca(OH)2). Atente-se para letras maiúsculas e minúsculas.&quot;; 
      res.style.display = &#39;block&#39;;
    }
  }

  function calcularDil() {
    let c1 = parseFloat(document.getElementById(&#39;c1&#39;).value); 
    let v1 = parseFloat(document.getElementById(&#39;v1&#39;).value); 
    let c2 = parseFloat(document.getElementById(&#39;c2&#39;).value);
    let res = document.getElementById(&#39;res-dil&#39;);

    if (isNaN(c1) || isNaN(v1) || isNaN(c2) || c2 === 0) {
      res.innerHTML = &quot;❌ Preencha todos os campos corretamente! A concentração final (C2) não pode ser zero.&quot;;
      res.style.display = &#39;block&#39;;
      return;
    }
    
    let v2 = (c1 * v1) / c2; 
    res.innerHTML = `💧 &lt;strong&gt;Resultado da Diluição:&lt;/strong&gt;&lt;br&gt;🧪 &lt;strong&gt;Volume Final Necessário (V₂):&lt;/strong&gt; ${v2.toFixed(4)} L (${(v2 * 1000).toFixed(1)} mL)&lt;br&gt;💡 &lt;strong&gt;Diluição:&lt;/strong&gt; Adicione ${(v2 - v1).toFixed(4)} L de solvente puro ao volume inicial.`;
    res.style.display = &#39;block&#39;;
  }

  function calcularPH() {
    let v = parseFloat(document.getElementById(&#39;h-ion&#39;).value);
    let res = document.getElementById(&#39;res-ph&#39;);

    if (isNaN(v) || v &lt;= 0) {
      res.innerHTML = &quot;❌ A concentração de [H⁺] deve ser um número positivo maior que zero!&quot;;
      res.style.display = &#39;block&#39;;
      document.getElementById(&#39;ph-scale-wrapper&#39;).style.display = &#39;none&#39;;
      return;
    }
    
    let ph = -Math.log10(v); 
    let poh = 14 - ph;
    let desc = &quot;Neutro ⚪&quot;;
    if (ph &lt; 6.5) desc = &quot;Ácido 🔴&quot;;
    else if (ph &gt; 7.5) desc = &quot;Básico/Alcalino 🔵&quot;;

    res.innerHTML = `🧪 &lt;strong&gt;Cálculos de Acidez/Basicidade:&lt;/strong&gt;&lt;br&gt;💥 &lt;strong&gt;pH:&lt;/strong&gt; ${ph.toFixed(2)}&lt;br&gt;💧 &lt;strong&gt;pOH:&lt;/strong&gt; ${poh.toFixed(2)}&lt;br&gt;🏷️ &lt;strong&gt;Caráter Químico:&lt;/strong&gt; Solução de natureza ${desc}`;
    res.style.display = &#39;block&#39;;

    // Atualiza a Escala Visual Dinâmica
    let clampedPH = Math.max(0, Math.min(14, ph));
    let pct = (clampedPH / 14) * 100;
    
    document.getElementById(&#39;ph-marker&#39;).style.left = `${pct}%`;
    document.getElementById(&#39;ph-marker-val&#39;).innerText = `pH ${ph.toFixed(2)}`;
    
    // Busca substância do cotidiano mais próxima na tabela de referência
    let closest = PH_SUBSTANCES.reduce((prev, curr) =&gt; {
      return Math.abs(curr.val - ph) &lt; Math.abs(prev.val - ph) ? curr : prev;
    });

    document.getElementById(&#39;ph-ref-name&#39;).innerText = `${closest.name} (pH de referência: ${closest.val.toFixed(1)})`;
    document.getElementById(&#39;ph-scale-wrapper&#39;).style.display = &#39;block&#39;;
  }

  function generatePixQR() {
    var pixInput = &quot;00020101021126500014br.gov.bcb.pix0119lauro1607@gmail.com5204000053039865802BR5918LAURO JULIO DALCIN6008VARGINHA62070503LAB6304C251&quot;;
    var container = document.getElementById(&quot;qrcode-box&quot;);
    if(container) {
      container.innerHTML = &quot;&quot;;
      new QRCode(container, {
        text: pixInput,
        width: 160,
        height: 160,
        colorDark : &quot;#000000&quot;,
        colorLight : &quot;#ffffff&quot;,
        correctLevel : QRCode.CorrectLevel.H
      });
    }
  }

  function copyPixKey() {
    var copyText = document.getElementById(&quot;pix-key&quot;);
    copyText.select();
    copyText.setSelectionRange(0, 99999);
    navigator.clipboard.writeText(copyText.value);
    alert(&quot;Chave PIX copiada com sucesso: &quot; + copyText.value);
  }

  // Inicializacao da Tabela Periodica e Gerador de QR Code
  function buildPTable() {
    const gridEl = document.getElementById(&#39;ptable-grid&#39;);
    if (!gridEl) return;
    gridEl.innerHTML = &#39;&#39;;
    
    elementsGrid.forEach(el =&gt; {
      let div = document.createElement(&#39;div&#39;);
      
      if (el.g === &quot;grid-spacer&quot;) {
        div.className = &#39;grid-spacer&#39;;
        gridEl.appendChild(div);
        return;
      }
      
      div.className = &#39;el &#39; + el.g;
      div.style.gridColumn = el.x;
      div.style.gridRow = el.y;
      
      div.innerHTML = `&lt;span class=&quot;el-n&quot;&gt;${el.n}&lt;/span&gt;&lt;span class=&quot;el-s&quot;&gt;${el.s}&lt;/span&gt;`;
      
      div.onclick = () =&gt; {
        const details = ELEMENT_DETAILS[el.s];
        const panel = document.getElementById(&#39;el-info-panel&#39;);
        const content = document.getElementById(&#39;el-info-content&#39;);
        
        if (details) {
          // Determina grupo e periodo quimicos reais
          let groupStr = &quot;Grupo &quot; + el.x;
          let periodStr = &quot;Período &quot; + el.y;
          
          if (el.s === &quot;La-Lu&quot; || el.s === &quot;Ac-Lr&quot;) {
            groupStr = &quot;Grupo 3 (Série)&quot;;
            periodStr = el.s === &quot;La-Lu&quot; ? &quot;Período 6&quot; : &quot;Período 7&quot;;
          } else if (details.cat === &quot;Lantanídeo&quot;) {
            groupStr = &quot;Grupo 3&quot;;
            periodStr = &quot;Período 6 (Lantanídeo)&quot;;
          } else if (details.cat === &quot;Actinídeo&quot;) {
            groupStr = &quot;Grupo 3&quot;;
            periodStr = &quot;Período 7 (Actinídeo)&quot;;
          }
          
          content.innerHTML = `
            &lt;div style=&quot;display: flex; gap: 20px; align-items: flex-start; text-align: left; flex-wrap: wrap;&quot;&gt;
              &lt;div style=&quot;flex: 0 0 auto; background: var(--surface-hover); border: 2px solid var(--primary); padding: 15px; border-radius: 12px; text-align: center; min-width: 100px;&quot;&gt;
                &lt;span style=&quot;font-size: 0.9em; opacity: 0.7; display: block; margin-bottom: 2px;&quot;&gt;Nº Atômico&lt;/span&gt;
                &lt;strong style=&quot;font-size: 2.2em; color: var(--primary); display: block; line-height: 1;&quot;&gt;${el.n || &quot;-&quot;}&lt;/strong&gt;
                &lt;span style=&quot;font-size: 2.2em; font-weight: 800; display: block; margin-top: 6px;&quot;&gt;${el.s}&lt;/span&gt;
                &lt;span style=&quot;font-size: 0.75em; opacity: 0.8; display: block; margin-top: 5px; color: var(--accent);&quot;&gt;${details.cat}&lt;/span&gt;
              &lt;/div&gt;
              &lt;div style=&quot;flex: 1; min-width: 250px;&quot;&gt;
                &lt;h3 style=&quot;margin-top: 0; margin-bottom: 8px; font-size: 1.6em; color: #fff; display: flex; align-items: center; gap: 8px;&quot;&gt;
                  ${details.name} &lt;span style=&quot;font-size: 0.6em; font-weight: normal; color: var(--text-muted);&quot;&gt;(${groupStr} / ${periodStr})&lt;/span&gt;
                &lt;/h3&gt;
                &lt;div style=&quot;margin-bottom: 12px; font-size: 0.95em;&quot;&gt;
                  &lt;strong&gt;Massa Atômica:&lt;/strong&gt; ${typeof MA[el.s] === &#39;number&#39; ? MA[el.s] + &#39; u&#39; : MA[el.s]} | 
                  &lt;strong&gt;Configuração Eletrônica:&lt;/strong&gt; &lt;code style=&quot;background: rgba(255,255,255,0.06); padding: 2px 6px; border-radius: 4px; color: var(--primary);&quot;&gt;${details.config}&lt;/code&gt;
                &lt;/div&gt;
                &lt;p style=&quot;margin: 0; font-size: 0.95em; color: var(--text-main); line-height: 1.6;&quot;&gt;
                  ${details.desc}
                &lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          `;
        } else {
          content.innerHTML = `🔬 Detalhes da série &lt;strong&gt;${el.s}&lt;/strong&gt; não estão listados diretamente.`;
        }
      };
      
      gridEl.appendChild(div);
    });
  }

  // Executa tudo ao carregar
  window.addEventListener(&#39;DOMContentLoaded&#39;, () =&gt; {
    buildPTable();
    generatePixQR();
  });
&lt;/script&gt;
</content><link rel='replies' type='application/atom+xml' href='https://lauroanimal.blogspot.com/feeds/5852668859397646503/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/ljd-quimica.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/5852668859397646503'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/5852668859397646503'/><link rel='alternate' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/ljd-quimica.html' title='LJD QUÍMICA'/><author><name>plataovag.blogspot.com</name><uri>http://www.blogger.com/profile/15929345909017921942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3760018249813190743.post-2834605468416036385</id><published>2026-05-15T10:42:37.292-07:00</published><updated>2026-05-17T06:26:06.366-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Química"/><title type='text'>Separação de Misturas</title><content type='html'>&lt;div style=&quot;max-width:950px;margin:auto;background:#ffffff;color:#111111;padding:30px;font-family:Arial,sans-serif;line-height:1.9;&quot;&gt;

&lt;h1 style=&quot;color:#003366;text-align:center;font-size:42px;&quot;&gt;
Separação de Misturas
&lt;/h1&gt;

&lt;p style=&quot;color:#444444;font-size:20px;text-align:center;&quot;&gt;
Todos os métodos de separação explicados de forma simples e organizada
&lt;/p&gt;

&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoLlsbvY5m8WYs9BGVeNCl1Q-G9uIcoWIW6GPxok5UGSSqypslMj8fZv8rHdvuGf-oYyNPo9OssxDQixxMSaxAac6QULDXPe0KTFg5wPpvvHbYj_UNSMi1wZBWexVA-_QUwozuUA/s1600/53e0d4d96fb37d89bca9930510ad2558.jpg&quot;
style=&quot;width:100%;border-radius:10px;margin:25px 0;&quot;&gt;

&lt;p style=&quot;font-size:18px;text-align:justify;color:#222222;&quot;&gt;
A separação de misturas é um conjunto de processos físicos utilizados para separar substâncias presentes em uma mistura. Esses métodos são fundamentais na química, medicina, indústria, mineração, reciclagem e tratamento da água.
&lt;/p&gt;

&lt;h2 style=&quot;color:#003366;margin-top:40px;&quot;&gt;
O Que São Misturas?
&lt;/h2&gt;

&lt;p style=&quot;font-size:18px;text-align:justify;color:#222222;&quot;&gt;
Mistura é todo sistema formado por duas ou mais substâncias puras.
&lt;/p&gt;

&lt;h2 style=&quot;color:#003366;margin-top:40px;&quot;&gt;
Misturas Homogêneas
&lt;/h2&gt;

&lt;p style=&quot;font-size:18px;text-align:justify;color:#222222;&quot;&gt;
Apresentam apenas uma fase visível.
&lt;/p&gt;

&lt;ul style=&quot;font-size:18px;color:#222222;&quot;&gt;
&lt;li&gt;Água com sal&lt;/li&gt;
&lt;li&gt;Vinagre&lt;/li&gt;
&lt;li&gt;Ar atmosférico&lt;/li&gt;
&lt;li&gt;Gasolina&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 style=&quot;color:#003366;margin-top:40px;&quot;&gt;
Misturas Heterogêneas
&lt;/h2&gt;

&lt;p style=&quot;font-size:18px;text-align:justify;color:#222222;&quot;&gt;
Possuem duas ou mais fases visíveis.
&lt;/p&gt;

&lt;ul style=&quot;font-size:18px;color:#222222;&quot;&gt;
&lt;li&gt;Água e óleo&lt;/li&gt;
&lt;li&gt;Granito&lt;/li&gt;
&lt;li&gt;Areia e ferro&lt;/li&gt;
&lt;li&gt;Água barrenta&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 style=&quot;color:#003366;margin-top:50px;&quot;&gt;
Métodos de Separação de Misturas
&lt;/h2&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Catação&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
Separação manual dos componentes sólidos.
&lt;/p&gt;

&lt;p style=&quot;font-size:18px;color:#222222;&quot;&gt;
&lt;b&gt;Exemplo:&lt;/b&gt; Separação de pedras do feijão.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Peneiração ou Tamisação&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
Utiliza peneiras para separar partículas de tamanhos diferentes.
&lt;/p&gt;

&lt;p style=&quot;font-size:18px;color:#222222;&quot;&gt;
&lt;b&gt;Exemplo:&lt;/b&gt; Separação de areia e pedra.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Ventilação&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
Uma corrente de ar separa o componente menos denso.
&lt;/p&gt;

&lt;p style=&quot;font-size:18px;color:#222222;&quot;&gt;
&lt;b&gt;Exemplo:&lt;/b&gt; Separação da casca do grão.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Levigação&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
A água corrente arrasta partículas menos densas.
&lt;/p&gt;

&lt;p style=&quot;font-size:18px;color:#222222;&quot;&gt;
&lt;b&gt;Exemplo:&lt;/b&gt; Garimpo do ouro.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Flotação&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
O componente menos denso flutua em um líquido apropriado.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Separação Magnética&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
Utiliza ímãs para separar materiais metálicos.
&lt;/p&gt;

&lt;p style=&quot;font-size:18px;color:#222222;&quot;&gt;
&lt;b&gt;Exemplo:&lt;/b&gt; Ferro e areia.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Dissolução Fracionada&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
Um líquido dissolve apenas um dos componentes da mistura.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Sublimação&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
Um dos sólidos passa diretamente do estado sólido para o gasoso.
&lt;/p&gt;

&lt;p style=&quot;font-size:18px;color:#222222;&quot;&gt;
&lt;b&gt;Exemplo:&lt;/b&gt; Areia e iodo.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Filtração&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
Utiliza filtros para separar sólidos de líquidos.
&lt;/p&gt;

&lt;p style=&quot;font-size:18px;color:#222222;&quot;&gt;
&lt;b&gt;Exemplo:&lt;/b&gt; Preparo do café.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Decantação&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
Baseia-se na diferença de densidade entre os componentes.
&lt;/p&gt;

&lt;p style=&quot;font-size:18px;color:#222222;&quot;&gt;
&lt;b&gt;Exemplo:&lt;/b&gt; Água e óleo.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Centrifugação&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
A rotação acelera a separação das partículas mais densas.
&lt;/p&gt;

&lt;p style=&quot;font-size:18px;color:#222222;&quot;&gt;
&lt;b&gt;Exemplo:&lt;/b&gt; Exames de sangue.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Câmara de Poeira&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
Método utilizado para separar partículas sólidas suspensas em gases. O ar carregado de poeira passa por obstáculos, fazendo com que as partículas sólidas percam velocidade e se depositem.
&lt;/p&gt;

&lt;p style=&quot;font-size:18px;color:#222222;&quot;&gt;
&lt;b&gt;Exemplo:&lt;/b&gt; Chaminés industriais e filtros de fábricas.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Evaporação&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
O líquido evapora naturalmente e o sólido permanece.
&lt;/p&gt;

&lt;p style=&quot;font-size:18px;color:#222222;&quot;&gt;
&lt;b&gt;Exemplo:&lt;/b&gt; Produção de sal marinho.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Destilação Simples&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
Separa sólidos dissolvidos em líquidos por evaporação e condensação.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Destilação Fracionada&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
Utilizada para separar líquidos com pontos de ebulição diferentes.
&lt;/p&gt;

&lt;p style=&quot;font-size:18px;color:#222222;&quot;&gt;
&lt;b&gt;Exemplo:&lt;/b&gt; Refino do petróleo.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Cristalização Fracionada&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
Os componentes cristalizam separadamente conforme a solubilidade.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Fusão Fracionada&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
Separa sólidos através da diferença de pontos de fusão.
&lt;/p&gt;

&lt;h3 style=&quot;color:#00509e;&quot;&gt;Liquefação Fracionada&lt;/h3&gt;

&lt;p style=&quot;font-size:18px;color:#222222;text-align:justify;&quot;&gt;
Processo utilizado para separar misturas gasosas.
&lt;/p&gt;

&lt;h2 style=&quot;color:#003366;margin-top:50px;&quot;&gt;
Tabela Resumo
&lt;/h2&gt;

&lt;table style=&quot;width:100%;border-collapse:collapse;background:#ffffff;font-size:18px;&quot;&gt;

&lt;tr&gt;

&lt;th style=&quot;background:#003366;color:#ffffff;padding:14px;border:2px solid #cccccc;&quot;&gt;
Método
&lt;/th&gt;

&lt;th style=&quot;background:#003366;color:#ffffff;padding:14px;border:2px solid #cccccc;&quot;&gt;
Tipo
&lt;/th&gt;

&lt;th style=&quot;background:#003366;color:#ffffff;padding:14px;border:2px solid #cccccc;&quot;&gt;
Exemplo
&lt;/th&gt;

&lt;/tr&gt;

&lt;tr style=&quot;background:#ffffff;&quot;&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#ffffff;&quot;&gt;
Filtração
&lt;/td&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#ffffff;&quot;&gt;
Heterogênea
&lt;/td&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#ffffff;&quot;&gt;
Café
&lt;/td&gt;

&lt;/tr&gt;

&lt;tr style=&quot;background:#f5f5f5;&quot;&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#f5f5f5;&quot;&gt;
Decantação
&lt;/td&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#f5f5f5;&quot;&gt;
Heterogênea
&lt;/td&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#f5f5f5;&quot;&gt;
Água e óleo
&lt;/td&gt;

&lt;/tr&gt;

&lt;tr style=&quot;background:#ffffff;&quot;&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#ffffff;&quot;&gt;
Destilação
&lt;/td&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#ffffff;&quot;&gt;
Homogênea
&lt;/td&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#ffffff;&quot;&gt;
Água e sal
&lt;/td&gt;

&lt;/tr&gt;

&lt;tr style=&quot;background:#f5f5f5;&quot;&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#f5f5f5;&quot;&gt;
Peneiração
&lt;/td&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#f5f5f5;&quot;&gt;
Heterogênea
&lt;/td&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#f5f5f5;&quot;&gt;
Areia e pedra
&lt;/td&gt;

&lt;/tr&gt;

&lt;tr style=&quot;background:#ffffff;&quot;&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#ffffff;&quot;&gt;
Separação Magnética
&lt;/td&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#ffffff;&quot;&gt;
Heterogênea
&lt;/td&gt;

&lt;td style=&quot;color:#111111;padding:12px;border:1px solid #cccccc;background:#ffffff;&quot;&gt;
Ferro e areia
&lt;/td&gt;

&lt;/tr&gt;

&lt;/table&gt;

&lt;h2 style=&quot;color:#003366;margin-top:50px;&quot;&gt;
Importância da Separação de Misturas
&lt;/h2&gt;

&lt;ul style=&quot;font-size:18px;color:#222222;&quot;&gt;

&lt;li&gt;Tratamento da água&lt;/li&gt;

&lt;li&gt;Produção de medicamentos&lt;/li&gt;

&lt;li&gt;Refino do petróleo&lt;/li&gt;

&lt;li&gt;Reciclagem de materiais&lt;/li&gt;

&lt;li&gt;Indústria alimentícia&lt;/li&gt;

&lt;li&gt;Laboratórios químicos&lt;/li&gt;

&lt;/ul&gt;

&lt;div style=&quot;background:#003366;color:#ffffff;padding:30px;border-radius:10px;margin-top:50px;&quot;&gt;

&lt;h2 style=&quot;text-align:center;color:#ffffff;&quot;&gt;
Conclusão
&lt;/h2&gt;

&lt;p style=&quot;font-size:18px;text-align:center;color:#ffffff;&quot;&gt;
A separação de misturas está presente em praticamente tudo ao nosso redor, desde o preparo do café até os grandes processos industriais.
&lt;/p&gt;

&lt;p style=&quot;text-align:center;font-size:20px;color:#ffffff;&quot;&gt;
&lt;b&gt;Um abraço e boa semana a todos!&lt;/b&gt;&lt;br&gt;
Lauro
&lt;/p&gt;

&lt;/div&gt;

&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://lauroanimal.blogspot.com/feeds/2834605468416036385/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/separacao-de-misturas.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/2834605468416036385'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/2834605468416036385'/><link rel='alternate' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/separacao-de-misturas.html' title='Separação de Misturas'/><author><name>plataovag.blogspot.com</name><uri>http://www.blogger.com/profile/15929345909017921942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoLlsbvY5m8WYs9BGVeNCl1Q-G9uIcoWIW6GPxok5UGSSqypslMj8fZv8rHdvuGf-oYyNPo9OssxDQixxMSaxAac6QULDXPe0KTFg5wPpvvHbYj_UNSMi1wZBWexVA-_QUwozuUA/s72-c/53e0d4d96fb37d89bca9930510ad2558.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3760018249813190743.post-959895381508147736</id><published>2026-05-14T10:08:50.602-07:00</published><updated>2026-05-17T06:16:20.988-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Saúde"/><title type='text'>ALERGIAS DE INVERNO</title><content type='html'>&lt;div id=&quot;post-inverno&quot;&gt;

&lt;style&gt;
/* ===== FUNDO GERAL ===== */
#post-inverno{
    max-width:900px;
    margin:auto;
    font-family:Arial, Helvetica, sans-serif !important;
    background:#ffffff !important;
    color:#222222 !important;
    line-height:1.9 !important;
    font-size:18px !important;
}

/* ===== RESET BLOGGER ===== */
#post-inverno *{
    color:#222222 !important;
    opacity:1 !important;
    visibility:visible !important;
    text-shadow:none !important;
}

/* ===== HEADER ===== */
#post-inverno .topo{
    background:linear-gradient(135deg,#0d47a1,#1976d2,#42a5f5) !important;
    padding:50px 30px;
    border-radius:18px;
    text-align:center;
    margin-bottom:30px;
}

#post-inverno .topo h1{
    color:#ffffff !important;
    font-size:42px !important;
    margin:0 0 15px 0;
    font-weight:bold;
}

#post-inverno .topo p{
    color:#f5f5f5 !important;
    font-size:20px !important;
    margin:0;
}

/* ===== IMAGEM ===== */
#post-inverno img{
    width:100%;
    border-radius:15px;
    margin:25px 0;
    display:block;
}

/* ===== TÍTULOS ===== */
#post-inverno h2{
    color:#0d47a1 !important;
    font-size:30px !important;
    margin-top:45px;
    margin-bottom:20px;
    border-left:6px solid #42a5f5;
    padding-left:14px;
    font-weight:bold;
    background:#f5faff !important;
    padding-top:10px;
    padding-bottom:10px;
}

/* ===== PARÁGRAFOS ===== */
#post-inverno p{
    color:#222222 !important;
    font-size:18px !important;
    margin-bottom:20px;
}

/* ===== CAIXAS ===== */
#post-inverno .box{
    background:#e3f2fd !important;
    border-left:6px solid #1565c0;
    padding:20px;
    border-radius:12px;
    margin:30px 0;
    font-size:18px;
    color:#111111 !important;
}

/* ===== CARDS ===== */
#post-inverno .grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:20px;
    margin-top:25px;
}

#post-inverno .card{
    background:#ffffff !important;
    border:2px solid #d6e6ff;
    border-radius:15px;
    padding:20px;
    box-shadow:0 2px 10px rgba(0,0,0,0.08);
}

#post-inverno .card h3{
    color:#1565c0 !important;
    font-size:24px !important;
    margin-top:0;
}

#post-inverno .card p{
    color:#222222 !important;
    margin:8px 0;
}

/* ===== LISTAS ===== */
#post-inverno ul{
    background:#fff8e1 !important;
    padding:25px 25px 25px 45px;
    border-radius:12px;
    border-left:6px solid #ff9800;
    margin-top:25px;
}

#post-inverno li{
    margin-bottom:12px;
    color:#222222 !important;
    font-size:18px !important;
}

/* ===== TABELA ===== */
#post-inverno table{
    width:100%;
    border-collapse:collapse;
    margin-top:30px;
    background:#ffffff !important;
}

#post-inverno th{
    background:#1565c0 !important;
    color:#ffffff !important;
    padding:16px;
    font-size:18px;
    border:1px solid #1565c0;
}

#post-inverno td{
    padding:16px;
    border:1px solid #cccccc;
    background:#ffffff !important;
    color:#222222 !important;
    font-size:17px;
}

#post-inverno tr:nth-child(even) td{
    background:#f4f9ff !important;
}

/* ===== RODAPÉ ===== */
#post-inverno .footer{
    background:#0d47a1 !important;
    color:#ffffff !important;
    text-align:center;
    padding:30px;
    border-radius:15px;
    margin-top:40px;
    font-size:18px;
    font-weight:bold;
}

#post-inverno .footer *{
    color:#ffffff !important;
}

/* ===== RESPONSIVO ===== */
@media screen and (max-width:768px){

#post-inverno{
    font-size:16px !important;
}

#post-inverno .topo h1{
    font-size:30px !important;
}

#post-inverno h2{
    font-size:24px !important;
}

#post-inverno p,
#post-inverno li,
#post-inverno td,
#post-inverno th{
    font-size:16px !important;
}

}
&lt;/style&gt;

&lt;!-- TOPO --&gt;
&lt;div class=&quot;topo&quot;&gt;
    &lt;h1&gt;❄️ Frio e alergias de inverno&lt;/h1&gt;

    &lt;p&gt;
        Entenda por que os casos de alergias respiratórias aumentam durante o inverno e saiba como proteger sua saúde.
    &lt;/p&gt;
&lt;/div&gt;

&lt;!-- IMAGEM --&gt;
&lt;img src=&quot;https://images.unsplash.com/photo-1515694346937-94d85e41e6f0?q=80&amp;w=1200&amp;auto=format&amp;fit=crop&quot; alt=&quot;Frio e inverno&quot;&gt;

&lt;p&gt;
    Com a chegada das temperaturas mais baixas, aumentam também os casos de rinite, sinusite, asma e outras alergias respiratórias. O inverno favorece ambientes fechados, pouca circulação de ar e maior acúmulo de poeira e ácaros.
&lt;/p&gt;

&lt;div class=&quot;box&quot;&gt;
    &lt;strong&gt;📌 Importante:&lt;/strong&gt; Nem todo espirro no frio é gripe. Muitas vezes os sintomas são provocados por alergias respiratórias.
&lt;/div&gt;

&lt;h2&gt;🌬️ Por que o inverno piora as alergias?&lt;/h2&gt;

&lt;p&gt;
    Durante o inverno, as pessoas permanecem mais tempo em ambientes fechados. Isso aumenta o contato com poeira, mofo, pelos de animais e principalmente os ácaros.
&lt;/p&gt;

&lt;p&gt;
    O ar frio e seco também irrita as vias respiratórias, tornando o organismo mais sensível a crises alérgicas.
&lt;/p&gt;

&lt;img src=&quot;https://images.unsplash.com/photo-1516117172878-fd2c41f4a759?q=80&amp;w=1200&amp;auto=format&amp;fit=crop&quot; alt=&quot;Alergias no inverno&quot;&gt;

&lt;h2&gt;🤧 Sintomas mais comuns&lt;/h2&gt;

&lt;div class=&quot;grid&quot;&gt;

&lt;div class=&quot;card&quot;&gt;
    &lt;h3&gt;Rinite alérgica&lt;/h3&gt;
    &lt;p&gt;✔ Espirros frequentes&lt;/p&gt;
    &lt;p&gt;✔ Coriza&lt;/p&gt;
    &lt;p&gt;✔ Nariz entupido&lt;/p&gt;
    &lt;p&gt;✔ Coceira no nariz&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;card&quot;&gt;
    &lt;h3&gt;Crises respiratórias&lt;/h3&gt;
    &lt;p&gt;✔ Tosse seca&lt;/p&gt;
    &lt;p&gt;✔ Falta de ar&lt;/p&gt;
    &lt;p&gt;✔ Chiado no peito&lt;/p&gt;
    &lt;p&gt;✔ Irritação na garganta&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;card&quot;&gt;
    &lt;h3&gt;Irritação ocular&lt;/h3&gt;
    &lt;p&gt;✔ Olhos vermelhos&lt;/p&gt;
    &lt;p&gt;✔ Coceira&lt;/p&gt;
    &lt;p&gt;✔ Lacrimejamento&lt;/p&gt;
    &lt;p&gt;✔ Sensibilidade&lt;/p&gt;
&lt;/div&gt;

&lt;/div&gt;

&lt;h2&gt;🦠 Ácaros: os vilões invisíveis&lt;/h2&gt;

&lt;p&gt;
    Os ácaros vivem em colchões, cobertores, travesseiros e tapetes. No inverno, o uso intenso desses itens aumenta as crises alérgicas.
&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;Troque roupas de cama semanalmente&lt;/li&gt;
    &lt;li&gt;Mantenha os ambientes ventilados&lt;/li&gt;
    &lt;li&gt;Evite excesso de tapetes e cortinas&lt;/li&gt;
    &lt;li&gt;Limpe ventiladores e ar-condicionado&lt;/li&gt;
    &lt;li&gt;Use capas antialérgicas&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;🩺 Alergia ou gripe?&lt;/h2&gt;

&lt;table&gt;

&lt;tr&gt;
    &lt;th&gt;Alergia&lt;/th&gt;
    &lt;th&gt;Gripe / Resfriado&lt;/th&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td&gt;Espirros frequentes&lt;/td&gt;
    &lt;td&gt;Febre comum&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td&gt;Coceira nos olhos e nariz&lt;/td&gt;
    &lt;td&gt;Dores no corpo&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td&gt;Coriza transparente&lt;/td&gt;
    &lt;td&gt;Secreção espessa&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td&gt;Sem febre&lt;/td&gt;
    &lt;td&gt;Pode apresentar febre&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
    &lt;td&gt;Sintomas persistentes&lt;/td&gt;
    &lt;td&gt;Duração limitada&lt;/td&gt;
&lt;/tr&gt;

&lt;/table&gt;

&lt;h2&gt;🌎 Mudanças climáticas e saúde&lt;/h2&gt;

&lt;p&gt;
    Especialistas alertam que o aumento de períodos de frio intenso e ar seco pode elevar os casos de doenças respiratórias em várias regiões do Brasil.
&lt;/p&gt;

&lt;img src=&quot;https://images.unsplash.com/photo-1489515217757-5fd1be406fef?q=80&amp;w=1200&amp;auto=format&amp;fit=crop&quot; alt=&quot;Clima frio&quot;&gt;

&lt;h2&gt;💡 Como se proteger no inverno?&lt;/h2&gt;

&lt;ul&gt;
    &lt;li&gt;✔ Beba bastante água&lt;/li&gt;
    &lt;li&gt;✔ Mantenha os ambientes limpos&lt;/li&gt;
    &lt;li&gt;✔ Evite fumaça e poeira&lt;/li&gt;
    &lt;li&gt;✔ Higienize cobertores antes do uso&lt;/li&gt;
    &lt;li&gt;✔ Use umidificador com moderação&lt;/li&gt;
    &lt;li&gt;✔ Procure orientação médica em crises frequentes&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;🚨 Quando procurar um médico?&lt;/h2&gt;

&lt;ul&gt;
    &lt;li&gt;Falta de ar intensa&lt;/li&gt;
    &lt;li&gt;Febre persistente&lt;/li&gt;
    &lt;li&gt;Tosse prolongada&lt;/li&gt;
    &lt;li&gt;Chiado frequente no peito&lt;/li&gt;
    &lt;li&gt;Crises alérgicas recorrentes&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;📌 Conclusão&lt;/h2&gt;

&lt;p&gt;
    O inverno pode agravar alergias respiratórias, mas hábitos simples ajudam a reduzir os sintomas e melhorar a qualidade de vida durante os dias frios.
&lt;/p&gt;

&lt;div class=&quot;footer&quot;&gt;
    Portal de Ciências • Saúde • Educação • Atualizado 2026
&lt;/div&gt;

&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://lauroanimal.blogspot.com/feeds/959895381508147736/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/alergias-de-inverno.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/959895381508147736'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/959895381508147736'/><link rel='alternate' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/alergias-de-inverno.html' title='ALERGIAS DE INVERNO'/><author><name>plataovag.blogspot.com</name><uri>http://www.blogger.com/profile/15929345909017921942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3760018249813190743.post-1957034608211405040</id><published>2026-05-14T09:33:47.450-07:00</published><updated>2026-05-17T06:30:05.552-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Saúde"/><title type='text'>A Retina?</title><content type='html'>&lt;div id=&quot;post-retina&quot;&gt;

&lt;style&gt;
#post-retina{
    max-width:900px;
    margin:auto;
    background:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    color:#222222 !important;
    line-height:1.9;
    font-size:18px;
}

/* RESET */
#post-retina *{
    color:#222222 !important;
    opacity:1 !important;
    visibility:visible !important;
    text-shadow:none !important;
}

/* HEADER */
#post-retina .topo{
    background:linear-gradient(135deg,#0b1f4d,#1565c0,#42a5f5);
    padding:55px 30px;
    border-radius:18px;
    text-align:center;
    margin-bottom:35px;
}

#post-retina .topo h1{
    color:#ffffff !important;
    font-size:42px;
    margin:0 0 15px 0;
    font-weight:bold;
}

#post-retina .topo p{
    color:#f1f1f1 !important;
    font-size:20px;
    margin:0;
}

/* IMAGENS */
#post-retina img{
    width:100%;
    border-radius:16px;
    margin:25px 0;
    display:block;
}

/* TITULOS */
#post-retina h2{
    color:#0d47a1 !important;
    font-size:30px;
    margin-top:45px;
    margin-bottom:20px;
    border-left:6px solid #42a5f5;
    padding:10px 0 10px 15px;
    background:#f5faff;
    font-weight:bold;
}

/* TEXTO */
#post-retina p{
    font-size:18px;
    margin-bottom:20px;
    color:#222222 !important;
}

/* BOX */
#post-retina .box{
    background:#e3f2fd;
    border-left:6px solid #1976d2;
    padding:22px;
    border-radius:12px;
    margin:30px 0;
    font-size:18px;
}

/* GRID */
#post-retina .grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:20px;
    margin-top:25px;
}

/* CARDS */
#post-retina .card{
    background:#ffffff;
    border:2px solid #d6e6ff;
    border-radius:15px;
    padding:22px;
    box-shadow:0 3px 12px rgba(0,0,0,0.08);
}

#post-retina .card h3{
    color:#1565c0 !important;
    margin-top:0;
    font-size:24px;
}

#post-retina .card p{
    margin:8px 0;
}

/* LISTAS */
#post-retina ul{
    background:#f5faff;
    border-left:6px solid #42a5f5;
    padding:25px 25px 25px 45px;
    border-radius:12px;
    margin-top:20px;
}

#post-retina li{
    margin-bottom:12px;
    font-size:18px;
}

/* DESTAQUE */
#post-retina .destaque{
    background:#fff8e1;
    border-left:6px solid #ff9800;
    padding:22px;
    border-radius:12px;
    margin:30px 0;
    font-size:18px;
}

/* FOOTER */
#post-retina .footer{
    background:#0d47a1;
    color:#ffffff !important;
    text-align:center;
    padding:30px;
    border-radius:16px;
    margin-top:45px;
    font-size:18px;
    font-weight:bold;
}

#post-retina .footer *{
    color:#ffffff !important;
}

/* RESPONSIVO */
@media screen and (max-width:768px){

#post-retina{
    font-size:16px;
}

#post-retina .topo h1{
    font-size:30px;
}

#post-retina h2{
    font-size:24px;
}

#post-retina p,
#post-retina li{
    font-size:16px;
}

}
&lt;/style&gt;

&lt;!-- TOPO --&gt;
&lt;div class=&quot;topo&quot;&gt;
    &lt;h1&gt;👁️ A Retina: a “tela” natural dos olhos&lt;/h1&gt;

    &lt;p&gt;
        Entenda como a retina transforma luz em visão e descubra os avanços modernos da medicina ocular.
    &lt;/p&gt;
&lt;/div&gt;

&lt;!-- IMAGEM --&gt;
&lt;img src=&quot;https://images.unsplash.com/photo-1516549655169-df83a0774514?q=80&amp;w=1200&amp;auto=format&amp;fit=crop&quot; alt=&quot;Olho humano e retina&quot;&gt;

&lt;p&gt;
    A retina é uma das estruturas mais importantes do olho humano. Ela funciona como uma verdadeira “tela biológica”, responsável por captar a luz e transformar imagens em sinais enviados ao cérebro.
&lt;/p&gt;

&lt;p&gt;
    Nos últimos anos, avanços científicos e tecnológicos vêm revolucionando os tratamentos para doenças da retina, trazendo esperança para milhões de pessoas.
&lt;/p&gt;

&lt;div class=&quot;box&quot;&gt;
    &lt;strong&gt;📌 Curiosidade:&lt;/strong&gt; A retina é considerada uma extensão do cérebro devido à sua ligação direta com o sistema nervoso central.
&lt;/div&gt;

&lt;h2&gt;🔬 O que é a retina?&lt;/h2&gt;

&lt;p&gt;
    A retina é uma fina camada de tecido nervoso localizada no fundo do olho. Ela contém células especiais chamadas cones e bastonetes.
&lt;/p&gt;

&lt;div class=&quot;grid&quot;&gt;

&lt;div class=&quot;card&quot;&gt;
    &lt;h3&gt;🎨 Cones&lt;/h3&gt;
    &lt;p&gt;Responsáveis pela percepção das cores e detalhes das imagens.&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;card&quot;&gt;
    &lt;h3&gt;🌙 Bastonetes&lt;/h3&gt;
    &lt;p&gt;Importantes para a visão noturna e visão periférica.&lt;/p&gt;
&lt;/div&gt;

&lt;/div&gt;

&lt;p&gt;
    Quando a luz entra nos olhos, a retina converte essas informações em impulsos elétricos enviados ao cérebro através do nervo óptico.
&lt;/p&gt;

&lt;img src=&quot;https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?q=80&amp;w=1200&amp;auto=format&amp;fit=crop&quot; alt=&quot;Exame de retina&quot;&gt;

&lt;h2&gt;⚠️ Principais doenças da retina&lt;/h2&gt;

&lt;div class=&quot;grid&quot;&gt;

&lt;div class=&quot;card&quot;&gt;
    &lt;h3&gt;👴 Degeneração macular&lt;/h3&gt;
    &lt;p&gt;Afeta principalmente idosos e compromete a visão central.&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;card&quot;&gt;
    &lt;h3&gt;🩸 Retinopatia diabética&lt;/h3&gt;
    &lt;p&gt;Complicação causada pelo diabetes que danifica os vasos sanguíneos da retina.&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;card&quot;&gt;
    &lt;h3&gt;🚨 Descolamento de retina&lt;/h3&gt;
    &lt;p&gt;Emergência médica que pode causar perda grave da visão.&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&quot;card&quot;&gt;
    &lt;h3&gt;🧬 Retinite pigmentar&lt;/h3&gt;
    &lt;p&gt;Doença genética rara que provoca perda progressiva da visão.&lt;/p&gt;
&lt;/div&gt;

&lt;/div&gt;

&lt;h2&gt;👁️ Sintomas de alerta&lt;/h2&gt;

&lt;ul&gt;
    &lt;li&gt;Visão embaçada&lt;/li&gt;
    &lt;li&gt;Manchas escuras&lt;/li&gt;
    &lt;li&gt;Flashes de luz&lt;/li&gt;
    &lt;li&gt;Dificuldade para enxergar à noite&lt;/li&gt;
    &lt;li&gt;Perda de visão periférica&lt;/li&gt;
    &lt;li&gt;Linhas tortas ou deformadas&lt;/li&gt;
&lt;/ul&gt;

&lt;div class=&quot;destaque&quot;&gt;
    ⚠️ Quanto mais cedo o diagnóstico, maiores as chances de preservar a visão.
&lt;/div&gt;

&lt;h2&gt;🤖 Inteligência artificial e exames modernos&lt;/h2&gt;

&lt;p&gt;
    A oftalmologia vive uma verdadeira revolução tecnológica. Sistemas de inteligência artificial já conseguem analisar imagens da retina e identificar doenças em estágios iniciais.
&lt;/p&gt;

&lt;p&gt;
    Essas tecnologias auxiliam médicos no diagnóstico rápido de glaucoma, retinopatia diabética e degeneração macular.
&lt;/p&gt;

&lt;img src=&quot;https://images.unsplash.com/photo-1579684385127-1ef15d508118?q=80&amp;w=1200&amp;auto=format&amp;fit=crop&quot; alt=&quot;Tecnologia médica&quot;&gt;

&lt;h2&gt;🧠 Retina artificial: esperança para o futuro&lt;/h2&gt;

&lt;p&gt;
    Cientistas trabalham no desenvolvimento de retinas artificiais e implantes eletrônicos capazes de restaurar parcialmente a visão em pessoas cegas.
&lt;/p&gt;

&lt;p&gt;
    Esses dispositivos utilizam microchips e sensores que estimulam o nervo óptico.
&lt;/p&gt;

&lt;h2&gt;💡 Como proteger a retina?&lt;/h2&gt;

&lt;ul&gt;
    &lt;li&gt;✔ Alimentação rica em vitaminas e ômega-3&lt;/li&gt;
    &lt;li&gt;✔ Controle adequado do diabetes&lt;/li&gt;
    &lt;li&gt;✔ Uso de óculos com proteção UV&lt;/li&gt;
    &lt;li&gt;✔ Exames oftalmológicos regulares&lt;/li&gt;
    &lt;li&gt;✔ Evitar o cigarro&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;📌 Conclusão&lt;/h2&gt;

&lt;p&gt;
    A retina desempenha um papel essencial na visão humana e na qualidade de vida. Com os avanços da medicina, inteligência artificial e terapias genéticas, o futuro da oftalmologia promete tratamentos cada vez mais modernos e eficientes.
&lt;/p&gt;

&lt;p&gt;
    Cuidar da saúde ocular hoje pode fazer toda a diferença no futuro.
&lt;/p&gt;

&lt;div class=&quot;footer&quot;&gt;
    Portal de Ciências • Saúde • Tecnologia • Atualizado 2026
&lt;/div&gt;

&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://lauroanimal.blogspot.com/feeds/1957034608211405040/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/o-que-e-retina.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/1957034608211405040'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/1957034608211405040'/><link rel='alternate' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/o-que-e-retina.html' title='A Retina?'/><author><name>plataovag.blogspot.com</name><uri>http://www.blogger.com/profile/15929345909017921942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3760018249813190743.post-1389437891487379247</id><published>2026-05-14T08:40:01.382-07:00</published><updated>2026-05-17T06:27:27.707-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Química"/><title type='text'>Tabela Periódica e Calculadoras Químicas</title><content type='html'>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;pt-BR&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;PlatãoVAG Lab - Central Química&lt;/title&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&amp;family=JetBrains+Mono:wght@500;700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;style&gt;
        /* TEMA E RESET */
        #quimica-dashboard {
            --primary: #3b82f6;
            --primary-glow: rgba(59, 130, 246, 0.4);
            --bg: #0f172a;
            --surface: #1e293b;
            --text: #f8fafc;
            --text-dim: #94a3b8;
            --border: rgba(255, 255, 255, 0.1);
            font-family: &#39;Outfit&#39;, sans-serif;
            background: var(--bg);
            color: var(--text);
            padding: 20px;
            border-radius: 16px;
            max-width: 1200px;
            margin: 20px auto;
            box-shadow: 0 20px 50px rgba(0,0,0,0.5);
            line-height: 1.5;
        }

        #quimica-dashboard * { box-sizing: border-box; margin: 0; padding: 0; }

        .dash-header { text-align: center; margin-bottom: 30px; }
        .dash-header h1 { font-size: 2.5rem; font-weight: 800; color: var(--primary); letter-spacing: -1px; }

        /* NAVEGAÇÃO */
        .dash-nav { display: flex; gap: 10px; margin-bottom: 25px; overflow-x: auto; padding-bottom: 5px; }
        .nav-btn {
            background: var(--surface);
            border: 1px solid var(--border);
            color: var(--text-dim);
            padding: 12px 20px;
            border-radius: 10px;
            cursor: pointer;
            white-space: nowrap;
            font-weight: 600;
            transition: 0.3s;
        }
        .nav-btn.active { background: var(--primary); color: white; border-color: var(--primary); box-shadow: 0 5px 15px var(--primary-glow); }

        .tab-pane { display: none; animation: fadeIn 0.4s ease; }
        .tab-pane.active { display: block; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        /* TABELA PERIODICA */
        .table-controls { background: rgba(0,0,0,0.2); border-radius: 12px; padding: 15px; margin-bottom: 20px; min-height: 120px; display: flex; align-items: center; gap: 20px; border: 1px solid var(--border); }
        .info-box-sym { width: 80px; height: 80px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; font-weight: 800; color: white; }
        .info-stats { display: flex; gap: 20px; font-size: 0.9rem; color: var(--text-dim); }
        .info-stats b { color: var(--text); font-family: &#39;JetBrains Mono&#39;, monospace; font-size: 1.1rem; display: block; }

        .periodic-wrapper { overflow-x: auto; padding: 10px 0; border-radius: 8px; }
        .periodic-grid { display: grid; grid-template-columns: repeat(18, 55px); gap: 6px; min-width: 1050px; }
        .extra-grid { display: grid; grid-template-columns: repeat(15, 55px); gap: 6px; min-width: 1050px; margin-top: 25px; padding-left: calc(55px * 2 + 12px); }

        .element {
            width: 55px; height: 55px; border-radius: 6px; background: var(--surface); border: 1px solid var(--border);
            display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer;
            position: relative; transition: 0.2s;
        }
        .element:hover { transform: scale(1.2); z-index: 10; box-shadow: 0 10px 20px rgba(0,0,0,0.4); border-color: white; }
        .el-n { position: absolute; top: 2px; left: 4px; font-size: 9px; opacity: 0.6; }
        .el-s { font-size: 1.2rem; font-weight: 800; }

        /* CALCULADORAS */
        .calc-card { background: var(--surface); border: 1px solid var(--border); border-radius: 15px; padding: 25px; max-width: 600px; margin: 0 auto; }
        .calc-card h2 { font-size: 1.3rem; margin-bottom: 20px; color: var(--primary); }
        .input-box { margin-bottom: 15px; }
        .input-box label { display: block; font-size: 0.85rem; color: var(--text-dim); margin-bottom: 5px; }
        .q-input { width: 100%; background: #0b1120; border: 1px solid var(--border); padding: 12px; border-radius: 8px; color: white; font-family: &#39;JetBrains Mono&#39;, monospace; }
        .q-btn { width: 100%; background: var(--primary); color: white; border: none; padding: 12px; border-radius: 8px; font-weight: 700; cursor: pointer; transition: 0.2s; }
        .q-res { margin-top: 20px; padding: 15px; background: rgba(0,0,0,0.2); border-radius: 8px; border: 1px dashed var(--border); text-align: center; }
        .q-res b { font-family: &#39;JetBrains Mono&#39;, monospace; font-size: 1.4rem; color: var(--primary); }

        /* CORES CATEGORIAS */
        .c-nonmetal { background: rgba(34, 197, 94, 0.2); color: #4ade80; border-color: #22c55e; }
        .c-alkali { background: rgba(239, 68, 68, 0.2); color: #f87171; border-color: #ef4444; }
        .c-alkaline { background: rgba(249, 115, 22, 0.2); color: #fb923c; border-color: #f97316; }
        .c-transition { background: rgba(234, 179, 8, 0.2); color: #facc15; border-color: #eab308; }
        .c-post-trans { background: rgba(14, 165, 233, 0.2); color: #38bdf8; border-color: #0ea5e9; }
        .c-metalloid { background: rgba(20, 184, 166, 0.2); color: #2dd4bf; border-color: #14b8a6; }
        .c-halogen { background: rgba(139, 92, 246, 0.2); color: #a78bfa; border-color: #8b5cf6; }
        .c-noble { background: rgba(217, 70, 239, 0.2); color: #e879f9; border-color: #d946ef; }
        .c-lanthanide { background: rgba(236, 72, 153, 0.2); color: #f472b6; border-color: #ec4899; }
        .c-actinide { background: rgba(244, 63, 94, 0.2); color: #fb7185; border-color: #f43f5e; }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div id=&quot;quimica-dashboard&quot;&gt;
    &lt;div class=&quot;dash-header&quot;&gt;
        &lt;h1&gt;PlatãoVAG Lab&lt;/h1&gt;
        &lt;p&gt;Tabela Periódica &amp; Calculadoras Científicas&lt;/p&gt;
    &lt;/div&gt;

    &lt;div class=&quot;dash-nav&quot;&gt;
        &lt;button class=&quot;nav-btn active&quot; onclick=&quot;showTab(&#39;tab-periodic&#39;, this)&quot;&gt;Tabela Periódica&lt;/button&gt;
        &lt;button class=&quot;nav-btn&quot; onclick=&quot;showTab(&#39;tab-molar&#39;, this)&quot;&gt;Massa Molar&lt;/button&gt;
        &lt;button class=&quot;nav-btn&quot; onclick=&quot;showTab(&#39;tab-mol-conv&#39;, this)&quot;&gt;Conversor de Mol&lt;/button&gt;
        &lt;button class=&quot;nav-btn&quot; onclick=&quot;showTab(&#39;tab-concentration&#39;, this)&quot;&gt;Concentração&lt;/button&gt;
    &lt;/div&gt;

    &lt;!-- TABELA PERIODICA --&gt;
    &lt;div id=&quot;tab-periodic&quot; class=&quot;tab-pane active&quot;&gt;
        &lt;div id=&quot;info-panel&quot; class=&quot;table-controls&quot;&gt;
            &lt;div style=&quot;text-align: center; width: 100%; color: var(--text-dim)&quot;&gt;Passe o mouse sobre um elemento.&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;periodic-wrapper&quot;&gt;
            &lt;div id=&quot;main-periodic&quot; class=&quot;periodic-grid&quot;&gt;&lt;/div&gt;
            &lt;div id=&quot;extra-periodic&quot; class=&quot;extra-grid&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- MASSA MOLAR --&gt;
    &lt;div id=&quot;tab-molar&quot; class=&quot;tab-pane&quot;&gt;
        &lt;div class=&quot;calc-card&quot;&gt;
            &lt;h2&gt;Massa Molar&lt;/h2&gt;
            &lt;div class=&quot;input-box&quot;&gt;&lt;label&gt;Fórmula Química&lt;/label&gt;&lt;input type=&quot;text&quot; id=&quot;formula-molar&quot; class=&quot;q-input&quot; placeholder=&quot;Ex: H2O, Mg(OH)2&quot;&gt;&lt;/div&gt;
            &lt;button class=&quot;q-btn&quot; onclick=&quot;calcMolar()&quot;&gt;Calcular&lt;/button&gt;
            &lt;div id=&quot;res-molar&quot; class=&quot;q-res&quot;&gt;---&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- CONVERSOR DE MOL --&gt;
    &lt;div id=&quot;tab-mol-conv&quot; class=&quot;tab-pane&quot;&gt;
        &lt;div class=&quot;calc-card&quot;&gt;
            &lt;h2&gt;Conversor de Mol&lt;/h2&gt;
            &lt;div class=&quot;input-box&quot;&gt;&lt;label&gt;Massa (g)&lt;/label&gt;&lt;input type=&quot;number&quot; id=&quot;mass-mol-m&quot; class=&quot;q-input&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;input-box&quot;&gt;&lt;label&gt;Massa Molar (g/mol)&lt;/label&gt;&lt;input type=&quot;number&quot; id=&quot;mass-mol-mm&quot; class=&quot;q-input&quot;&gt;&lt;/div&gt;
            &lt;button class=&quot;q-btn&quot; onclick=&quot;convToMol()&quot;&gt;Converter&lt;/button&gt;
            &lt;div id=&quot;res-to-mol&quot; class=&quot;q-res&quot;&gt;---&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- CONCENTRAÇÃO --&gt;
    &lt;div id=&quot;tab-concentration&quot; class=&quot;tab-pane&quot;&gt;
        &lt;div class=&quot;calc-card&quot;&gt;
            &lt;h2&gt;Molaridade (mol/L)&lt;/h2&gt;
            &lt;div class=&quot;input-box&quot;&gt;&lt;label&gt;Massa do Soluto (g)&lt;/label&gt;&lt;input type=&quot;number&quot; id=&quot;conc-m&quot; class=&quot;q-input&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;input-box&quot;&gt;&lt;label&gt;Massa Molar (g/mol)&lt;/label&gt;&lt;input type=&quot;number&quot; id=&quot;conc-mm&quot; class=&quot;q-input&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;input-box&quot;&gt;&lt;label&gt;Volume (L)&lt;/label&gt;&lt;input type=&quot;number&quot; id=&quot;conc-v&quot; class=&quot;q-input&quot;&gt;&lt;/div&gt;
            &lt;button class=&quot;q-btn&quot; onclick=&quot;calcConc()&quot;&gt;Calcular&lt;/button&gt;
            &lt;div id=&quot;res-conc&quot; class=&quot;q-res&quot;&gt;---&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
    const elements = [
        {n:1,s:&quot;H&quot;,name:&quot;Hidrogênio&quot;,m:1.008,c:&quot;nonmetal&quot;,x:1,y:1},{n:2,s:&quot;He&quot;,name:&quot;Hélio&quot;,m:4.0026,c:&quot;noble&quot;,x:18,y:1},
        {n:3,s:&quot;Li&quot;,name:&quot;Lítio&quot;,m:6.94,c:&quot;alkali&quot;,x:1,y:2},{n:4,s:&quot;Be&quot;,name:&quot;Berílio&quot;,m:9.0122,c:&quot;alkaline&quot;,x:2,y:2},
        {n:5,s:&quot;B&quot;,name:&quot;Boro&quot;,m:10.81,c:&quot;metalloid&quot;,x:13,y:2},{n:6,s:&quot;C&quot;,name:&quot;Carbono&quot;,m:12.011,c:&quot;nonmetal&quot;,x:14,y:2},
        {n:7,s:&quot;N&quot;,name:&quot;Nitrogênio&quot;,m:14.007,c:&quot;nonmetal&quot;,x:15,y:2},{n:8,s:&quot;O&quot;,name:&quot;Oxigênio&quot;,m:15.999,c:&quot;nonmetal&quot;,x:16,y:2},
        {n:9,s:&quot;F&quot;,name:&quot;Flúor&quot;,m:18.998,c:&quot;halogen&quot;,x:17,y:2},{n:10,s:&quot;Ne&quot;,name:&quot;Neônio&quot;,m:20.18,c:&quot;noble&quot;,x:18,y:2},
        {n:11,s:&quot;Na&quot;,name:&quot;Sódio&quot;,m:22.99,c:&quot;alkali&quot;,x:1,y:3},{n:12,s:&quot;Mg&quot;,name:&quot;Magnésio&quot;,m:24.305,c:&quot;alkaline&quot;,x:2,y:3},
        {n:13,s:&quot;Al&quot;,name:&quot;Alumínio&quot;,m:26.982,c:&quot;post-trans&quot;,x:13,y:3},{n:14,s:&quot;Si&quot;,name:&quot;Silício&quot;,m:28.085,c:&quot;metalloid&quot;,x:14,y:3},
        {n:15,s:&quot;P&quot;,name:&quot;Fósforo&quot;,m:30.974,c:&quot;nonmetal&quot;,x:15,y:3},{n:16,s:&quot;S&quot;,name:&quot;Enxofre&quot;,m:32.06,c:&quot;nonmetal&quot;,x:16,y:3},
        {n:17,s:&quot;Cl&quot;,name:&quot;Cloro&quot;,m:35.45,c:&quot;halogen&quot;,x:17,y:3},{n:18,s:&quot;Ar&quot;,name:&quot;Argônio&quot;,m:39.95,c:&quot;noble&quot;,x:18,y:3},
        {n:19,s:&quot;K&quot;,name:&quot;Potássio&quot;,m:39.098,c:&quot;alkali&quot;,x:1,y:4},{n:20,s:&quot;Ca&quot;,name:&quot;Cálcio&quot;,m:40.078,c:&quot;alkaline&quot;,x:2,y:4},
        {n:21,s:&quot;Sc&quot;,name:&quot;Escândio&quot;,m:44.956,c:&quot;transition&quot;,x:3,y:4},{n:22,s:&quot;Ti&quot;,name:&quot;Titânio&quot;,m:47.867,c:&quot;transition&quot;,x:4,y:4},
        {n:23,s:&quot;V&quot;,name:&quot;Vanádio&quot;,m:50.942,c:&quot;transition&quot;,x:5,y:4},{n:24,s:&quot;Cr&quot;,name:&quot;Cromo&quot;,m:51.996,c:&quot;transition&quot;,x:6,y:4},
        {n:25,s:&quot;Mn&quot;,name:&quot;Manganês&quot;,m:54.938,c:&quot;transition&quot;,x:7,y:4},{n:26,s:&quot;Fe&quot;,name:&quot;Ferro&quot;,m:55.845,c:&quot;transition&quot;,x:8,y:4},
        {n:27,s:&quot;Co&quot;,name:&quot;Cobalto&quot;,m:58.933,c:&quot;transition&quot;,x:9,y:4},{n:28,s:&quot;Ni&quot;,name:&quot;Níquel&quot;,m:58.693,c:&quot;transition&quot;,x:10,y:4},
        {n:29,s:&quot;Cu&quot;,name:&quot;Cobre&quot;,m:63.546,c:&quot;transition&quot;,x:11,y:4},{n:30,s:&quot;Zn&quot;,name:&quot;Zinco&quot;,m:65.38,c:&quot;transition&quot;,x:12,y:4},
        {n:31,s:&quot;Ga&quot;,name:&quot;Gálio&quot;,m:69.723,c:&quot;post-trans&quot;,x:13,y:4},{n:32,s:&quot;Ge&quot;,name:&quot;Germânio&quot;,m:72.63,c:&quot;metalloid&quot;,x:14,y:4},
        {n:33,s:&quot;As&quot;,name:&quot;Arsênio&quot;,m:74.922,c:&quot;metalloid&quot;,x:15,y:4},{n:34,s:&quot;Se&quot;,name:&quot;Selênio&quot;,m:78.971,c:&quot;nonmetal&quot;,x:16,y:4},
        {n:35,s:&quot;Br&quot;,name:&quot;Bromo&quot;,m:79.904,c:&quot;halogen&quot;,x:17,y:4},{n:36,s:&quot;Kr&quot;,name:&quot;Criptônio&quot;,m:83.798,c:&quot;noble&quot;,x:18,y:4},
        {n:37,s:&quot;Rb&quot;,name:&quot;Rubídio&quot;,m:85.468,c:&quot;alkali&quot;,x:1,y:5},{n:38,s:&quot;Sr&quot;,name:&quot;Estrôncio&quot;,m:87.62,c:&quot;alkaline&quot;,x:2,y:5},
        {n:39,s:&quot;Y&quot;,name:&quot;Ítrio&quot;,m:88.906,c:&quot;transition&quot;,x:3,y:5},{n:40,s:&quot;Zr&quot;,name:&quot;Zircônio&quot;,m:91.224,c:&quot;transition&quot;,x:4,y:5},
        {n:41,s:&quot;Nb&quot;,name:&quot;Nióbio&quot;,m:92.906,c:&quot;transition&quot;,x:5,y:5},{n:42,s:&quot;Mo&quot;,name:&quot;Molibdênio&quot;,m:95.95,c:&quot;transition&quot;,x:6,y:5},
        {n:43,s:&quot;Tc&quot;,name:&quot;Tecnécio&quot;,m:98,c:&quot;transition&quot;,x:7,y:5},{n:44,s:&quot;Ru&quot;,name:&quot;Rutênio&quot;,m:101.07,c:&quot;transition&quot;,x:8,y:5},
        {n:45,s:&quot;Rh&quot;,name:&quot;Ródio&quot;,m:102.91,c:&quot;transition&quot;,x:9,y:5},{n:46,s:&quot;Pd&quot;,name:&quot;Paládio&quot;,m:106.42,c:&quot;transition&quot;,x:10,y:5},
        {n:47,s:&quot;Ag&quot;,name:&quot;Prata&quot;,m:107.87,c:&quot;transition&quot;,x:11,y:5},{n:48,s:&quot;Cd&quot;,name:&quot;Cádmio&quot;,m:112.41,c:&quot;transition&quot;,x:12,y:5},
        {n:49,s:&quot;In&quot;,name:&quot;Índio&quot;,m:114.82,c:&quot;post-trans&quot;,x:13,y:5},{n:50,s:&quot;Sn&quot;,name:&quot;Estanho&quot;,m:118.71,c:&quot;post-trans&quot;,x:14,y:5},
        {n:51,s:&quot;Sb&quot;,name:&quot;Antimônio&quot;,m:121.76,c:&quot;metalloid&quot;,x:15,y:5},{n:52,s:&quot;Te&quot;,name:&quot;Telúrio&quot;,m:127.6,c:&quot;metalloid&quot;,x:16,y:5},
        {n:53,s:&quot;I&quot;,name:&quot;Iodo&quot;,m:126.9,c:&quot;halogen&quot;,x:17,y:5},{n:54,s:&quot;Xe&quot;,name:&quot;Xenônio&quot;,m:131.29,c:&quot;noble&quot;,x:18,y:5},
        {n:55,s:&quot;Cs&quot;,name:&quot;Césio&quot;,m:132.91,c:&quot;alkali&quot;,x:1,y:6},{n:56,s:&quot;Ba&quot;,name:&quot;Bário&quot;,m:137.33,c:&quot;alkaline&quot;,x:2,y:6},
        {n:72,s:&quot;Hf&quot;,name:&quot;Háfnio&quot;,m:178.49,c:&quot;transition&quot;,x:4,y:6},{n:73,s:&quot;Ta&quot;,name:&quot;Tântalo&quot;,m:180.95,c:&quot;transition&quot;,x:5,y:6},
        {n:74,s:&quot;W&quot;,name:&quot;Tungstênio&quot;,m:183.84,c:&quot;transition&quot;,x:6,y:6},{n:75,s:&quot;Re&quot;,name:&quot;Rênio&quot;,m:186.21,c:&quot;transition&quot;,x:7,y:6},
        {n:76,s:&quot;Os&quot;,name:&quot;Ósmio&quot;,m:190.23,c:&quot;transition&quot;,x:8,y:6},{n:77,s:&quot;Ir&quot;,name:&quot;Irídio&quot;,m:192.22,c:&quot;transition&quot;,x:9,y:6},
        {n:78,s:&quot;Pt&quot;,name:&quot;Platina&quot;,m:195.08,c:&quot;transition&quot;,x:10,y:6},{n:79,s:&quot;Au&quot;,name:&quot;Ouro&quot;,m:196.97,c:&quot;transition&quot;,x:11,y:6},
        {n:80,s:&quot;Hg&quot;,name:&quot;Mercúrio&quot;,m:200.59,c:&quot;transition&quot;,x:12,y:6},{n:81,s:&quot;Tl&quot;,name:&quot;Tálio&quot;,m:204.38,c:&quot;post-trans&quot;,x:13,y:6},
        {n:82,s:&quot;Pb&quot;,name:&quot;Chumbo&quot;,m:207.2,c:&quot;post-trans&quot;,x:14,y:6},{n:83,s:&quot;Bi&quot;,name:&quot;Bismuto&quot;,m:208.98,c:&quot;post-trans&quot;,x:15,y:6},
        {n:84,s:&quot;Po&quot;,name:&quot;Polônio&quot;,m:209,c:&quot;metalloid&quot;,x:16,y:6},{n:85,s:&quot;At&quot;,name:&quot;Astato&quot;,m:210,c:&quot;halogen&quot;,x:17,y:6},
        {n:86,s:&quot;Rn&quot;,name:&quot;Radônio&quot;,m:222,c:&quot;noble&quot;,x:18,y:6},{n:87,s:&quot;Fr&quot;,name:&quot;Frâncio&quot;,m:223,c:&quot;alkali&quot;,x:1,y:7},
        {n:88,s:&quot;Ra&quot;,name:&quot;Rádio&quot;,m:226,c:&quot;alkaline&quot;,x:2,y:7},{n:104,s:&quot;Rf&quot;,name:&quot;Rutherfórdio&quot;,m:267,c:&quot;transition&quot;,x:4,y:7},
        {n:105,s:&quot;Db&quot;,name:&quot;Dúbnio&quot;,m:268,c:&quot;transition&quot;,x:5,y:7},{n:106,s:&quot;Sg&quot;,name:&quot;Seabórgio&quot;,m:269,c:&quot;transition&quot;,x:6,y:7},
        {n:107,s:&quot;Bh&quot;,name:&quot;Bóhrio&quot;,m:270,c:&quot;transition&quot;,x:7,y:7},{n:108,s:&quot;Hs&quot;,name:&quot;Hássio&quot;,m:277,c:&quot;transition&quot;,x:8,y:7},
        {n:109,s:&quot;Mt&quot;,name:&quot;Meitnério&quot;,m:278,c:&quot;transition&quot;,x:9,y:7},{n:110,s:&quot;Ds&quot;,name:&quot;Darmstádio&quot;,m:281,c:&quot;transition&quot;,x:10,y:7},
        {n:111,s:&quot;Rg&quot;,name:&quot;Roentgênio&quot;,m:282,c:&quot;transition&quot;,x:11,y:7},{n:112,s:&quot;Cn&quot;,name:&quot;Copernício&quot;,m:285,c:&quot;transition&quot;,x:12,y:7},
        {n:113,s:&quot;Nh&quot;,name:&quot;Nihônio&quot;,m:286,c:&quot;post-trans&quot;,x:13,y:7},{n:114,s:&quot;Fl&quot;,name:&quot;Fleróvio&quot;,m:289,c:&quot;post-trans&quot;,x:14,y:7},
        {n:115,s:&quot;Mc&quot;,name:&quot;Moscóvio&quot;,m:290,c:&quot;post-trans&quot;,x:15,y:7},{n:116,s:&quot;Lv&quot;,name:&quot;Livermório&quot;,m:293,c:&quot;post-trans&quot;,x:16,y:7},
        {n:117,s:&quot;Ts&quot;,name:&quot;Tenessino&quot;,m:294,c:&quot;halogen&quot;,x:17,y:7},{n:118,s:&quot;Og&quot;,name:&quot;Oganessônio&quot;,m:294,c:&quot;noble&quot;,x:18,y:7}
    ];

    const extras = [
        {n:57,s:&quot;La&quot;,name:&quot;Lantânio&quot;,m:138.9,c:&quot;lanthanide&quot;,x:1,y:1},{n:58,s:&quot;Ce&quot;,name:&quot;Cério&quot;,m:140.1,c:&quot;lanthanide&quot;,x:2,y:1},
        {n:59,s:&quot;Pr&quot;,name:&quot;Praseodímio&quot;,m:140.9,c:&quot;lanthanide&quot;,x:3,y:1},{n:60,s:&quot;Nd&quot;,name:&quot;Neodímio&quot;,m:144.2,c:&quot;lanthanide&quot;,x:4,y:1},
        {n:61,s:&quot;Pm&quot;,name:&quot;Promécio&quot;,m:145,c:&quot;lanthanide&quot;,x:5,y:1},{n:62,s:&quot;Sm&quot;,name:&quot;Samário&quot;,m:150.3,c:&quot;lanthanide&quot;,x:6,y:1},
        {n:63,s:&quot;Eu&quot;,name:&quot;Európio&quot;,m:151.9,c:&quot;lanthanide&quot;,x:7,y:1},{n:64,s:&quot;Gd&quot;,name:&quot;Gadolínio&quot;,m:157.2,c:&quot;lanthanide&quot;,x:8,y:1},
        {n:65,s:&quot;Tb&quot;,name:&quot;Térbio&quot;,m:158.9,c:&quot;lanthanide&quot;,x:9,y:1},{n:66,s:&quot;Dy&quot;,name:&quot;Disprósio&quot;,m:162.5,c:&quot;lanthanide&quot;,x:10,y:1},
        {n:67,s:&quot;Ho&quot;,name:&quot;Hólmio&quot;,m:164.9,c:&quot;lanthanide&quot;,x:11,y:1},{n:68,s:&quot;Er&quot;,name:&quot;Érbio&quot;,m:167.2,c:&quot;lanthanide&quot;,x:12,y:1},
        {n:69,s:&quot;Tm&quot;,name:&quot;Túlio&quot;,m:168.9,c:&quot;lanthanide&quot;,x:13,y:1},{n:70,s:&quot;Yb&quot;,name:&quot;Itérbio&quot;,m:173.0,c:&quot;lanthanide&quot;,x:14,y:1},{n:71,s:&quot;Lu&quot;,name:&quot;Lutécio&quot;,m:174.9,c:&quot;lanthanide&quot;,x:15,y:1},
        {n:89,s:&quot;Ac&quot;,name:&quot;Actínio&quot;,m:227,c:&quot;actinide&quot;,x:1,y:2},{n:90,s:&quot;Th&quot;,name:&quot;Tório&quot;,m:232.0,c:&quot;actinide&quot;,x:2,y:2},
        {n:91,s:&quot;Pa&quot;,name:&quot;Protactínio&quot;,m:231.0,c:&quot;actinide&quot;,x:3,y:2},{n:92,s:&quot;U&quot;,name:&quot;Urânio&quot;,m:238.0,c:&quot;actinide&quot;,x:4,y:2},
        {n:93,s:&quot;Np&quot;,name:&quot;Netúnio&quot;,m:237,c:&quot;actinide&quot;,x:5,y:2},{n:94,s:&quot;Pu&quot;,name:&quot;Plutônio&quot;,m:244,c:&quot;actinide&quot;,x:6,y:2},
        {n:95,s:&quot;Am&quot;,name:&quot;Amerício&quot;,m:243,c:&quot;actinide&quot;,x:7,y:2},{n:96,s:&quot;Cm&quot;,name:&quot;Cúrio&quot;,m:247,c:&quot;actinide&quot;,x:8,y:2},
        {n:97,s:&quot;Bk&quot;,name:&quot;Berquélio&quot;,m:247,c:&quot;actinide&quot;,x:9,y:2},{n:98,s:&quot;Cf&quot;,name:&quot;Califórnio&quot;,m:251,c:&quot;actinide&quot;,x:10,y:2},
        {n:99,s:&quot;Es&quot;,name:&quot;Einstênio&quot;,m:252,c:&quot;actinide&quot;,x:11,y:2},{n:100,s:&quot;Fm&quot;,name:&quot;Férmio&quot;,m:257,c:&quot;actinide&quot;,x:12,y:2},
        {n:101,s:&quot;Md&quot;,name:&quot;Mendelévio&quot;,m:258,c:&quot;actinide&quot;,x:13,y:2},{n:102,s:&quot;No&quot;,name:&quot;Nobélio&quot;,m:259,c:&quot;actinide&quot;,x:14,y:2},{n:103,s:&quot;Lr&quot;,name:&quot;Laurêncio&quot;,m:266,c:&quot;actinide&quot;,x:15,y:2}
    ];

    const massMap = {};
    [...elements, ...extras].forEach(e =&gt; massMap[e.s] = e.m);

    function showTab(id, btn) {
        document.querySelectorAll(&#39;.tab-pane&#39;).forEach(p =&gt; p.classList.remove(&#39;active&#39;));
        document.querySelectorAll(&#39;.nav-btn&#39;).forEach(b =&gt; b.classList.remove(&#39;active&#39;));
        document.getElementById(id).classList.add(&#39;active&#39;);
        btn.classList.add(&#39;active&#39;);
    }

    function renderTable() {
        const main = document.getElementById(&#39;main-periodic&#39;);
        const extra = document.getElementById(&#39;extra-periodic&#39;);
        elements.forEach(el =&gt; main.appendChild(createEl(el)));
        extras.forEach(el =&gt; extra.appendChild(createEl(el)));
    }

    function createEl(el) {
        const div = document.createElement(&#39;div&#39;);
        div.className = `element c-${el.c}`;
        div.style.gridColumn = el.x;
        div.style.gridRow = el.y;
        div.innerHTML = `&lt;span class=&quot;el-n&quot;&gt;${el.n}&lt;/span&gt;&lt;span class=&quot;el-s&quot;&gt;${el.s}&lt;/span&gt;`;
        div.onmouseover = () =&gt; {
            document.getElementById(&#39;info-panel&#39;).innerHTML = `
                &lt;div class=&quot;info-box-sym c-${el.c}&quot;&gt;${el.s}&lt;/div&gt;
                &lt;div class=&quot;info-box-data&quot;&gt;
                    &lt;h3&gt;${el.name}&lt;/h3&gt;
                    &lt;div class=&quot;info-stats&quot;&gt;
                        &lt;span&gt;Z&lt;b&gt;${el.n}&lt;/b&gt;&lt;/span&gt;
                        &lt;span&gt;Massa&lt;b&gt;${el.m} u&lt;/b&gt;&lt;/span&gt;
                    &lt;/div&gt;
                &lt;/div&gt;`;
        };
        return div;
    }

    function calcMolar() {
        const f = document.getElementById(&#39;formula-molar&#39;).value.trim();
        try {
            let exp = f;
            const p = /\(([^)]+)\)(\d+)/g;
            while(p.test(exp)) exp = exp.replace(p, (m, c, n) =&gt; c.repeat(n));
            const re = /([A-Z][a-z]*)(\d*)/g;
            let m = 0, mt;
            while((mt = re.exec(exp)) !== null) {
                if(!massMap[mt[1]]) throw &quot;!&quot;;
                m += massMap[mt[1]] * (mt[2] ? parseInt(mt[2]) : 1);
            }
            document.getElementById(&#39;res-molar&#39;).innerHTML = `&lt;b&gt;${m.toFixed(3)}&lt;/b&gt; g/mol`;
        } catch(e) { document.getElementById(&#39;res-molar&#39;).innerHTML = &quot;Fórmula inválida&quot;; }
    }

    function convToMol() {
        const m = parseFloat(document.getElementById(&#39;mass-mol-m&#39;).value);
        const mm = parseFloat(document.getElementById(&#39;mass-mol-mm&#39;).value);
        if(m &amp;&amp; mm) document.getElementById(&#39;res-to-mol&#39;).innerHTML = `&lt;b&gt;${(m/mm).toFixed(4)}&lt;/b&gt; mol`;
    }

    function calcConc() {
        const m = parseFloat(document.getElementById(&#39;conc-m&#39;).value);
        const mm = parseFloat(document.getElementById(&#39;conc-mm&#39;).value);
        const v = parseFloat(document.getElementById(&#39;conc-v&#39;).value);
        if(m &amp;&amp; mm &amp;&amp; v) document.getElementById(&#39;res-conc&#39;).innerHTML = `&lt;b&gt;${(m/(mm*v)).toFixed(4)}&lt;/b&gt; mol/L`;
    }

    renderTable();
&lt;/script&gt;
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;pt-BR&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;QR Code Pix - PlatãoVAG&lt;/title&gt;
    &lt;meta name=&quot;description&quot; content=&quot;QR Code Pix oficial do PlatãoVAG - Compatível com todos os bancos brasileiros&quot;&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&amp;family=JetBrains+Mono:wght@500;700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;!-- QRCode.js - geração local sem depender de API externa --&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js&quot;&gt;&lt;/script&gt;
    &lt;style&gt;
        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

        body {
            font-family: &#39;Outfit&#39;, sans-serif;
            background: #0a0e1a;
            color: #f0f0f5;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            overflow-x: hidden;
        }

        /* Animated background */
        body::before {
            content: &#39;&#39;;
            position: fixed;
            inset: 0;
            background: 
                radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),
                radial-gradient(circle at 80% 70%, rgba(168, 85, 247, 0.06) 0%, transparent 50%),
                radial-gradient(circle at 50% 50%, rgba(249, 191, 36, 0.04) 0%, transparent 60%);
            z-index: -1;
            animation: bgPulse 8s ease-in-out infinite alternate;
        }

        @keyframes bgPulse {
            0% { opacity: 0.7; }
            100% { opacity: 1; }
        }

        .pix-card {
            background: linear-gradient(145deg, #141928, #1a2035);
            border: 1px solid rgba(255, 255, 255, 0.06);
            border-radius: 24px;
            padding: 40px 36px;
            max-width: 480px;
            width: 100%;
            box-shadow: 
                0 30px 80px rgba(0, 0, 0, 0.5),
                0 0 60px rgba(59, 130, 246, 0.05),
                inset 0 1px 0 rgba(255, 255, 255, 0.04);
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .pix-card::before {
            content: &#39;&#39;;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, transparent, #3b82f6, #a855f7, #fbbf24, transparent);
            animation: shimmer 3s ease-in-out infinite;
        }

        @keyframes shimmer {
            0%, 100% { opacity: 0.5; }
            50% { opacity: 1; }
        }

        /* Logo / Badge */
        .pix-badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: rgba(59, 130, 246, 0.1);
            border: 1px solid rgba(59, 130, 246, 0.2);
            padding: 8px 18px;
            border-radius: 50px;
            margin-bottom: 24px;
            font-size: 0.85rem;
            color: #93c5fd;
            letter-spacing: 0.5px;
        }

        .pix-badge .pix-icon {
            width: 20px;
            height: 20px;
        }

        .pix-title {
            font-size: 1.8rem;
            font-weight: 800;
            margin-bottom: 6px;
            background: linear-gradient(135deg, #60a5fa, #a78bfa);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            letter-spacing: -0.5px;
        }

        .pix-subtitle {
            color: #6b7a99;
            font-size: 0.9rem;
            margin-bottom: 28px;
            line-height: 1.5;
        }

        /* QR Code Container */
        .qr-frame {
            background: white;
            padding: 20px;
            border-radius: 16px;
            display: inline-block;
            margin: 0 auto 24px;
            box-shadow: 
                0 10px 40px rgba(0, 0, 0, 0.3),
                0 0 20px rgba(59, 130, 246, 0.1);
            position: relative;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .qr-frame:hover {
            transform: scale(1.03);
            box-shadow: 
                0 15px 50px rgba(0, 0, 0, 0.4),
                0 0 30px rgba(59, 130, 246, 0.2);
        }

        .qr-frame #qrcode-canvas {
            display: block;
        }

        .qr-frame #qrcode-canvas img {
            display: block !important;
            border-radius: 4px;
        }

        /* Pix Logo overlay on QR */
        .qr-pix-logo {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 38px;
            height: 38px;
            background: white;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        }

        .qr-pix-logo svg {
            width: 26px;
            height: 26px;
        }

        /* Info Section */
        .pix-info {
            background: rgba(0, 0, 0, 0.2);
            border: 1px solid rgba(255, 255, 255, 0.05);
            border-radius: 12px;
            padding: 16px;
            margin-bottom: 20px;
        }

        .pix-info-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px 0;
        }

        .pix-info-row:not(:last-child) {
            border-bottom: 1px solid rgba(255, 255, 255, 0.04);
        }

        .pix-info-label {
            font-size: 0.8rem;
            color: #5a6a88;
            text-transform: uppercase;
            letter-spacing: 0.8px;
        }

        .pix-info-value {
            font-family: &#39;JetBrains Mono&#39;, monospace;
            font-size: 0.85rem;
            font-weight: 600;
            color: #c4d0e9;
        }

        /* Copy Section */
        .copy-section {
            margin-top: 20px;
        }

        .copy-label {
            font-size: 0.75rem;
            color: #5a6a88;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 8px;
        }

        .copy-field {
            display: flex;
            gap: 0;
            border-radius: 10px;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .copy-input {
            flex: 1;
            background: #0b1120;
            border: none;
            padding: 14px 12px;
            color: #fbbf24;
            font-family: &#39;JetBrains Mono&#39;, monospace;
            font-size: 0.65rem;
            text-overflow: ellipsis;
            outline: none;
            min-width: 0;
        }

        .copy-btn {
            background: linear-gradient(135deg, #3b82f6, #6366f1);
            border: none;
            padding: 14px 20px;
            color: white;
            font-weight: 700;
            font-family: &#39;Outfit&#39;, sans-serif;
            cursor: pointer;
            transition: all 0.3s ease;
            white-space: nowrap;
            font-size: 0.85rem;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .copy-btn:hover {
            filter: brightness(1.15);
        }

        .copy-btn.copied {
            background: linear-gradient(135deg, #22c55e, #16a34a);
        }

        /* Status Badge */
        .compat-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-top: 20px;
            padding: 6px 14px;
            background: rgba(34, 197, 94, 0.1);
            border: 1px solid rgba(34, 197, 94, 0.2);
            border-radius: 50px;
            font-size: 0.75rem;
            color: #4ade80;
        }

        .compat-badge::before {
            content: &#39;&#39;;
            width: 6px;
            height: 6px;
            background: #22c55e;
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }
            50% { opacity: 0.6; box-shadow: 0 0 0 4px rgba(34, 197, 94, 0); }
        }

        /* Bank Icons */
        .bank-strip {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 8px;
            margin-top: 16px;
        }

        .bank-tag {
            background: rgba(255, 255, 255, 0.04);
            border: 1px solid rgba(255, 255, 255, 0.06);
            padding: 4px 10px;
            border-radius: 6px;
            font-size: 0.7rem;
            color: #6b7a99;
            transition: all 0.2s;
        }

        .bank-tag:hover {
            background: rgba(59, 130, 246, 0.1);
            border-color: rgba(59, 130, 246, 0.3);
            color: #93c5fd;
        }

        /* Footer */
        .pix-footer {
            margin-top: 24px;
            font-size: 0.7rem;
            color: #3a4560;
            line-height: 1.6;
        }

        .pix-footer a {
            color: #6366f1;
            text-decoration: none;
        }

        /* Value selector */
        .value-section {
            margin-bottom: 20px;
        }

        .value-chips {
            display: flex;
            gap: 8px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 8px;
        }

        .value-chip {
            background: rgba(255, 255, 255, 0.04);
            border: 1px solid rgba(255, 255, 255, 0.1);
            padding: 8px 16px;
            border-radius: 8px;
            color: #94a3b8;
            font-family: &#39;JetBrains Mono&#39;, monospace;
            font-size: 0.85rem;
            cursor: pointer;
            transition: all 0.2s;
            font-weight: 600;
        }

        .value-chip:hover, .value-chip.active {
            background: rgba(251, 191, 36, 0.15);
            border-color: #fbbf24;
            color: #fbbf24;
            transform: translateY(-1px);
        }

        .custom-value-row {
            display: flex;
            gap: 8px;
            margin-top: 10px;
        }

        .custom-value-input {
            flex: 1;
            background: #0b1120;
            border: 1px solid rgba(255, 255, 255, 0.08);
            padding: 10px 12px;
            border-radius: 8px;
            color: white;
            font-family: &#39;JetBrains Mono&#39;, monospace;
            font-size: 0.9rem;
            outline: none;
        }

        .custom-value-input:focus {
            border-color: #fbbf24;
        }

        .custom-value-btn {
            background: #fbbf24;
            border: none;
            padding: 10px 16px;
            border-radius: 8px;
            color: #0a0e1a;
            font-weight: 700;
            cursor: pointer;
            font-family: &#39;Outfit&#39;, sans-serif;
            transition: all 0.2s;
        }

        .custom-value-btn:hover {
            filter: brightness(1.1);
            transform: translateY(-1px);
        }

        /* Mini copy button for Pix key */
        .pix-key-row {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .copy-key-btn {
            background: rgba(59, 130, 246, 0.15);
            border: 1px solid rgba(59, 130, 246, 0.3);
            color: #93c5fd;
            padding: 4px 10px;
            border-radius: 6px;
            font-size: 0.65rem;
            font-family: &#39;Outfit&#39;, sans-serif;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
            white-space: nowrap;
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }

        .copy-key-btn:hover {
            background: rgba(59, 130, 246, 0.25);
            border-color: rgba(59, 130, 246, 0.5);
            transform: translateY(-1px);
        }

        .copy-key-btn.key-copied {
            background: rgba(34, 197, 94, 0.2);
            border-color: rgba(34, 197, 94, 0.4);
            color: #4ade80;
        }

        @media (max-width: 500px) {
            .pix-card { padding: 28px 20px; }
            .pix-title { font-size: 1.5rem; }
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div class=&quot;pix-card&quot;&gt;
    &lt;!-- Top Badge --&gt;
    &lt;div class=&quot;pix-badge&quot;&gt;
        &lt;svg class=&quot;pix-icon&quot; viewBox=&quot;0 0 512 512&quot; fill=&quot;currentColor&quot;&gt;
            &lt;path d=&quot;M410.3 231.7l-82.1-82.1c-16.6-16.6-43.5-16.6-60.1 0L186 231.7c-16.6 16.6-16.6 43.5 0 60.1l82.1 82.1c16.6 16.6 43.5 16.6 60.1 0l82.1-82.1c16.6-16.6 16.6-43.5 0-60.1zm-191.7 94L136.5 243.6c-9.4-9.4-9.4-24.6 0-33.9l82.1-82.1c9.4-9.4 24.6-9.4 33.9 0l82.1 82.1c9.4 9.4 9.4 24.6 0 33.9l-82.1 82.1c-9.4 9.4-24.6 9.4-33.9 0z&quot;/&gt;
        &lt;/svg&gt;
        PIX • PAGAMENTO INSTANTÂNEO
    &lt;/div&gt;

    &lt;!-- Title --&gt;
    &lt;h1 class=&quot;pix-title&quot;&gt;Apoie o PlatãoVAG&lt;/h1&gt;
    &lt;p class=&quot;pix-subtitle&quot;&gt;Sua contribuição mantém o laboratório de química online e gratuito para todos.&lt;/p&gt;

    &lt;!-- Value Selection --&gt;
    &lt;div class=&quot;value-section&quot;&gt;
        &lt;div class=&quot;copy-label&quot;&gt;Escolha um valor (opcional)&lt;/div&gt;
        &lt;div class=&quot;value-chips&quot;&gt;
            &lt;button class=&quot;value-chip active&quot; data-value=&quot;0&quot; onclick=&quot;selectValue(this, 0)&quot;&gt;Livre&lt;/button&gt;
            &lt;button class=&quot;value-chip&quot; data-value=&quot;5&quot; onclick=&quot;selectValue(this, 5)&quot;&gt;R$ 5&lt;/button&gt;
            &lt;button class=&quot;value-chip&quot; data-value=&quot;10&quot; onclick=&quot;selectValue(this, 10)&quot;&gt;R$ 10&lt;/button&gt;
            &lt;button class=&quot;value-chip&quot; data-value=&quot;25&quot; onclick=&quot;selectValue(this, 25)&quot;&gt;R$ 25&lt;/button&gt;
            &lt;button class=&quot;value-chip&quot; data-value=&quot;50&quot; onclick=&quot;selectValue(this, 50)&quot;&gt;R$ 50&lt;/button&gt;
        &lt;/div&gt;
        &lt;div class=&quot;custom-value-row&quot;&gt;
            &lt;input type=&quot;number&quot; class=&quot;custom-value-input&quot; id=&quot;custom-value&quot; placeholder=&quot;Outro valor (R$)&quot; min=&quot;0.01&quot; step=&quot;0.01&quot;&gt;
            &lt;button class=&quot;custom-value-btn&quot; onclick=&quot;applyCustomValue()&quot;&gt;Aplicar&lt;/button&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- QR Code --&gt;
    &lt;div class=&quot;qr-frame&quot;&gt;
        &lt;div id=&quot;qrcode-canvas&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Receiver Info --&gt;
    &lt;div class=&quot;pix-info&quot;&gt;
        &lt;div class=&quot;pix-info-row&quot;&gt;
            &lt;span class=&quot;pix-info-label&quot;&gt;Recebedor&lt;/span&gt;
            &lt;span class=&quot;pix-info-value&quot;&gt;Lauro Julio Dalcin&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;pix-info-row&quot;&gt;
            &lt;span class=&quot;pix-info-label&quot;&gt;Cidade&lt;/span&gt;
            &lt;span class=&quot;pix-info-value&quot;&gt;Varginha - MG&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;pix-info-row&quot;&gt;
            &lt;span class=&quot;pix-info-label&quot;&gt;Chave Pix&lt;/span&gt;
            &lt;div class=&quot;pix-key-row&quot;&gt;
                &lt;span class=&quot;pix-info-value&quot; id=&quot;pix-key-text&quot; style=&quot;font-size: 0.75rem;&quot;&gt;lauro1607@gmail.com&lt;/span&gt;
                &lt;button class=&quot;copy-key-btn&quot; id=&quot;copy-key-btn&quot; onclick=&quot;copyPixKey()&quot;&gt;
                    &lt;svg width=&quot;12&quot; height=&quot;12&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;rect x=&quot;9&quot; y=&quot;9&quot; width=&quot;13&quot; height=&quot;13&quot; rx=&quot;2&quot; ry=&quot;2&quot;/&gt;&lt;path d=&quot;M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1&quot;/&gt;&lt;/svg&gt;
                    Copiar
                &lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Copy Section --&gt;
    &lt;div class=&quot;copy-section&quot;&gt;
        &lt;div class=&quot;copy-label&quot;&gt;Pix Copia e Cola&lt;/div&gt;
        &lt;div class=&quot;copy-field&quot;&gt;
            &lt;input type=&quot;text&quot; class=&quot;copy-input&quot; id=&quot;pix-payload-text&quot; readonly&gt;
            &lt;button class=&quot;copy-btn&quot; id=&quot;copy-btn&quot; onclick=&quot;copyPayload()&quot;&gt;
                &lt;svg width=&quot;16&quot; height=&quot;16&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;rect x=&quot;9&quot; y=&quot;9&quot; width=&quot;13&quot; height=&quot;13&quot; rx=&quot;2&quot; ry=&quot;2&quot;/&gt;&lt;path d=&quot;M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1&quot;/&gt;&lt;/svg&gt;
                Copiar
            &lt;/button&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Compatibility Badge --&gt;
    &lt;div class=&quot;compat-badge&quot;&gt;Compatível com todos os bancos&lt;/div&gt;

    &lt;!-- Bank Tags --&gt;
    &lt;div class=&quot;bank-strip&quot;&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;Nubank&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;Itaú&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;Bradesco&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;BB&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;Caixa&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;Santander&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;Inter&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;C6&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;PicPay&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;Mercado Pago&lt;/span&gt;
        &lt;span class=&quot;bank-tag&quot;&gt;PagBank&lt;/span&gt;
    &lt;/div&gt;

    &lt;!-- Footer --&gt;
    &lt;div class=&quot;pix-footer&quot;&gt;
        QR Code gerado conforme especificação EMVCo + BACEN&lt;br&gt;
        &lt;a href=&quot;https://plataovag.blogspot.com&quot; target=&quot;_blank&quot;&gt;plataovag.blogspot.com&lt;/a&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
    // =====================================================
    // GERADOR PIX EMVCo OFICIAL - ESPECIFICAÇÃO BACEN
    // Compatível com todos os bancos brasileiros
    // =====================================================

    const PIX_CONFIG = {
        key:  &quot;lauro1607@gmail.com&quot;,
        name: &quot;LAURO JULIO DALCIN&quot;,
        city: &quot;VARGINHA&quot;,
        txid: &quot;PlataoVAG&quot;
    };

    // --- TLV (Tag-Length-Value) builder ---
    function tlv(tag, value) {
        const len = value.length.toString().padStart(2, &#39;0&#39;);
        return tag + len + value;
    }

    // --- Gerador de payload EMVCo compliant ---
    function generatePixPayload(amount) {
        // ID 00 - Payload Format Indicator (fixo)
        const id00 = tlv(&quot;00&quot;, &quot;01&quot;);

        // ID 01 - Point of Initiation Method
        // &quot;11&quot; = QR estático (reutilizável), &quot;12&quot; = QR dinâmico (uso único)
        const id01 = tlv(&quot;01&quot;, amount &gt; 0 ? &quot;12&quot; : &quot;11&quot;);

        // ID 26 - Merchant Account Information (Pix)
        const gui = tlv(&quot;00&quot;, &quot;br.gov.bcb.pix&quot;);   // GUI obrigatório
        const chave = tlv(&quot;01&quot;, PIX_CONFIG.key);    // Chave Pix
        const id26 = tlv(&quot;26&quot;, gui + chave);

        // ID 52 - Merchant Category Code (0000 = não informado)
        const id52 = tlv(&quot;52&quot;, &quot;0000&quot;);

        // ID 53 - Transaction Currency (986 = BRL)
        const id53 = tlv(&quot;53&quot;, &quot;986&quot;);

        // ID 54 - Transaction Amount (opcional, somente se valor &gt; 0)
        let id54 = &quot;&quot;;
        if (amount &gt; 0) {
            id54 = tlv(&quot;54&quot;, amount.toFixed(2));
        }

        // ID 58 - Country Code
        const id58 = tlv(&quot;58&quot;, &quot;BR&quot;);

        // ID 59 - Merchant Name (máx 25 caracteres)
        const merchantName = PIX_CONFIG.name.substring(0, 25);
        const id59 = tlv(&quot;59&quot;, merchantName);

        // ID 60 - Merchant City (máx 15 caracteres)
        const merchantCity = PIX_CONFIG.city.substring(0, 15);
        const id60 = tlv(&quot;60&quot;, merchantCity);

        // ID 62 - Additional Data Field Template
        const txid = tlv(&quot;05&quot;, PIX_CONFIG.txid.substring(0, 25));
        const id62 = tlv(&quot;62&quot;, txid);

        // Concatenar tudo + placeholder CRC
        const payloadSemCRC = id00 + id01 + id26 + id52 + id53 + id54 + id58 + id59 + id60 + id62 + &quot;6304&quot;;

        // Calcular CRC16-CCITT
        const crc = crc16CCITT(payloadSemCRC);

        return payloadSemCRC + crc;
    }

    // --- CRC16 CCITT (polinômio 0x1021, init 0xFFFF) ---
    function crc16CCITT(str) {
        let crc = 0xFFFF;
        for (let i = 0; i &lt; str.length; i++) {
            crc ^= str.charCodeAt(i) &lt;&lt; 8;
            for (let j = 0; j &lt; 8; j++) {
                if ((crc &amp; 0x8000) !== 0) {
                    crc = ((crc &lt;&lt; 1) ^ 0x1021) &amp; 0xFFFF;
                } else {
                    crc = (crc &lt;&lt; 1) &amp; 0xFFFF;
                }
            }
        }
        return (crc &amp; 0xFFFF).toString(16).toUpperCase().padStart(4, &#39;0&#39;);
    }

    // --- State ---
    let currentAmount = 0;

    // --- Render QR + Payload ---
    function renderPix(amount) {
        currentAmount = amount;
        const payload = generatePixPayload(amount);

        // Atualizar campo de texto
        document.getElementById(&#39;pix-payload-text&#39;).value = payload;

        // Limpar QR anterior
        const qrContainer = document.getElementById(&#39;qrcode-canvas&#39;);
        qrContainer.innerHTML = &#39;&#39;;

        // Gerar novo QR Code localmente
        new QRCode(qrContainer, {
            text: payload,
            width: 220,
            height: 220,
            colorDark: &quot;#1a1a2e&quot;,
            colorLight: &quot;#ffffff&quot;,
            correctLevel: QRCode.CorrectLevel.M
        });
    }

    // --- Seleção de valor predefinido ---
    function selectValue(btn, value) {
        document.querySelectorAll(&#39;.value-chip&#39;).forEach(c =&gt; c.classList.remove(&#39;active&#39;));
        btn.classList.add(&#39;active&#39;);
        document.getElementById(&#39;custom-value&#39;).value = &#39;&#39;;
        renderPix(value);
    }

    // --- Valor customizado ---
    function applyCustomValue() {
        const input = document.getElementById(&#39;custom-value&#39;);
        const val = parseFloat(input.value);
        if (val &gt; 0) {
            document.querySelectorAll(&#39;.value-chip&#39;).forEach(c =&gt; c.classList.remove(&#39;active&#39;));
            renderPix(val);
        }
    }

    // --- Copiar payload ---
    function copyPayload() {
        const text = document.getElementById(&#39;pix-payload-text&#39;).value;
        const btn = document.getElementById(&#39;copy-btn&#39;);

        if (navigator.clipboard &amp;&amp; navigator.clipboard.writeText) {
            navigator.clipboard.writeText(text).then(() =&gt; {
                showCopied(btn);
            });
        } else {
            // Fallback
            const input = document.getElementById(&#39;pix-payload-text&#39;);
            input.select();
            input.setSelectionRange(0, 99999);
            document.execCommand(&#39;copy&#39;);
            showCopied(btn);
        }
    }

    function showCopied(btn) {
        btn.classList.add(&#39;copied&#39;);
        btn.innerHTML = `
            &lt;svg width=&quot;16&quot; height=&quot;16&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;path d=&quot;M20 6L9 17l-5-5&quot;/&gt;&lt;/svg&gt;
            Copiado!
        `;
        setTimeout(() =&gt; {
            btn.classList.remove(&#39;copied&#39;);
            btn.innerHTML = `
                &lt;svg width=&quot;16&quot; height=&quot;16&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;rect x=&quot;9&quot; y=&quot;9&quot; width=&quot;13&quot; height=&quot;13&quot; rx=&quot;2&quot; ry=&quot;2&quot;/&gt;&lt;path d=&quot;M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1&quot;/&gt;&lt;/svg&gt;
                Copiar
            `;
        }, 2000);
    }

    // --- Copiar chave Pix ---
    function copyPixKey() {
        const key = document.getElementById(&#39;pix-key-text&#39;).textContent;
        const btn = document.getElementById(&#39;copy-key-btn&#39;);

        if (navigator.clipboard &amp;&amp; navigator.clipboard.writeText) {
            navigator.clipboard.writeText(key).then(() =&gt; {
                showKeyCopied(btn);
            });
        } else {
            // Fallback
            const temp = document.createElement(&#39;textarea&#39;);
            temp.value = key;
            document.body.appendChild(temp);
            temp.select();
            document.execCommand(&#39;copy&#39;);
            document.body.removeChild(temp);
            showKeyCopied(btn);
        }
    }

    function showKeyCopied(btn) {
        btn.classList.add(&#39;key-copied&#39;);
        btn.innerHTML = `
            &lt;svg width=&quot;12&quot; height=&quot;12&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;path d=&quot;M20 6L9 17l-5-5&quot;/&gt;&lt;/svg&gt;
            Copiado!
        `;
        setTimeout(() =&gt; {
            btn.classList.remove(&#39;key-copied&#39;);
            btn.innerHTML = `
                &lt;svg width=&quot;12&quot; height=&quot;12&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;rect x=&quot;9&quot; y=&quot;9&quot; width=&quot;13&quot; height=&quot;13&quot; rx=&quot;2&quot; ry=&quot;2&quot;/&gt;&lt;path d=&quot;M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1&quot;/&gt;&lt;/svg&gt;
                Copiar
            `;
        }, 2000);
    }

    // --- Enter na caixa de valor customizado ---
    document.getElementById(&#39;custom-value&#39;).addEventListener(&#39;keydown&#39;, function(e) {
        if (e.key === &#39;Enter&#39;) applyCustomValue();
    });

    // --- Inicializar ---
    renderPix(0);
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;

&lt;/html&gt;
</content><link rel='replies' type='application/atom+xml' href='https://lauroanimal.blogspot.com/feeds/1389437891487379247/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/tabela-periodica-e-calculadoras-quimicas.html#comment-form' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/1389437891487379247'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/1389437891487379247'/><link rel='alternate' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/tabela-periodica-e-calculadoras-quimicas.html' title='Tabela Periódica e Calculadoras Químicas'/><author><name>plataovag.blogspot.com</name><uri>http://www.blogger.com/profile/15929345909017921942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3760018249813190743.post-9102405720880740012</id><published>2026-05-14T07:45:05.147-07:00</published><updated>2026-05-17T06:27:49.473-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Química"/><title type='text'>CALCULADORA QUÍMICA</title><content type='html'>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;pt-BR&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;PlatãoVAG - Central Química 2.0&lt;/title&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&amp;family=JetBrains+Mono:wght@500;700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js&quot;&gt;&lt;/script&gt;
    &lt;style&gt;
        /* RESET E ISOLAMENTO */
        #quimica-dashboard {
            --primary: #3b82f6;
            --primary-glow: rgba(59, 130, 246, 0.4);
            --bg: #0f172a;
            --surface: #1e293b;
            --text: #f8fafc;
            --text-dim: #94a3b8;
            --border: rgba(255, 255, 255, 0.1);
            
            --nonmetal: #22c55e;
            --alkali: #ef4444;
            --alkaline: #f97316;
            --transition: #eab308;
            --post-trans: #0ea5e9;
            --metalloid: #14b8a6;
            --halogen: #8b5cf6;
            --noble: #d946ef;
            --lanthanide: #ec4899;
            --actinide: #f43f5e;

            font-family: &#39;Outfit&#39;, sans-serif;
            background: var(--bg);
            color: var(--text);
            padding: 20px;
            border-radius: 16px;
            max-width: 1200px;
            margin: 20px auto;
            box-shadow: 0 20px 50px rgba(0,0,0,0.5);
            line-height: 1.5;
        }

        #quimica-dashboard * { box-sizing: border-box; margin: 0; padding: 0; }

        /* HEADER */
        .dash-header { text-align: center; margin-bottom: 30px; }
        .dash-header h1 { font-size: 2.5rem; font-weight: 800; color: var(--primary); letter-spacing: -1px; }
        .dash-header p { color: var(--text-dim); }

        /* NAV */
        .dash-nav { display: flex; gap: 10px; margin-bottom: 25px; overflow-x: auto; padding-bottom: 5px; }
        .nav-btn {
            background: var(--surface);
            border: 1px solid var(--border);
            color: var(--text-dim);
            padding: 12px 20px;
            border-radius: 10px;
            cursor: pointer;
            white-space: nowrap;
            font-weight: 600;
            transition: 0.3s;
        }
        .nav-btn.active { background: var(--primary); color: white; border-color: var(--primary); box-shadow: 0 5px 15px var(--primary-glow); }

        /* TAB CONTENT */
        .tab-pane { display: none; animation: fadeIn 0.4s ease; }
        .tab-pane.active { display: block; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        /* TABELA PERIODICA */
        .table-controls { background: rgba(0,0,0,0.2); border-radius: 12px; padding: 15px; margin-bottom: 20px; min-height: 120px; display: flex; align-items: center; gap: 20px; border: 1px solid var(--border); }
        .info-box-sym { width: 80px; height: 80px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; font-weight: 800; color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }
        .info-box-data h3 { font-size: 1.8rem; margin-bottom: 4px; }
        .info-stats { display: flex; gap: 20px; font-size: 0.9rem; color: var(--text-dim); }
        .info-stats b { color: var(--text); font-family: &#39;JetBrains Mono&#39;, monospace; font-size: 1.1rem; display: block; }

        .periodic-wrapper { overflow-x: auto; padding: 10px 0; border-radius: 8px; }
        .periodic-grid { display: grid; grid-template-columns: repeat(18, 55px); gap: 6px; min-width: 1050px; }
        .extra-grid { display: grid; grid-template-columns: repeat(15, 55px); gap: 6px; min-width: 1050px; margin-top: 25px; padding-left: calc(55px * 2 + 12px); }

        .element {
            width: 55px; height: 55px; border-radius: 6px; background: var(--surface); border: 1px solid var(--border);
            display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer;
            position: relative; transition: 0.2s;
        }
        .element:hover { transform: scale(1.2); z-index: 10; box-shadow: 0 10px 20px rgba(0,0,0,0.4); border-color: white; }
        .el-n { position: absolute; top: 2px; left: 4px; font-size: 9px; opacity: 0.6; font-family: &#39;JetBrains Mono&#39;, monospace; }
        .el-s { font-size: 1.2rem; font-weight: 800; }

        /* CALCULADORAS */
        .calc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
        .calc-card { background: var(--surface); border: 1px solid var(--border); border-radius: 15px; padding: 25px; }
        .calc-card h2 { font-size: 1.3rem; margin-bottom: 20px; color: var(--primary); display: flex; align-items: center; gap: 8px; }
        
        .input-box { margin-bottom: 15px; }
        .input-box label { display: block; font-size: 0.85rem; color: var(--text-dim); margin-bottom: 5px; }
        .q-input { width: 100%; background: #0b1120; border: 1px solid var(--border); padding: 12px; border-radius: 8px; color: white; font-family: &#39;JetBrains Mono&#39;, monospace; font-size: 1rem; }
        .q-input:focus { outline: none; border-color: var(--primary); }
        
        .q-btn { width: 100%; background: var(--primary); color: white; border: none; padding: 12px; border-radius: 8px; font-weight: 700; cursor: pointer; transition: 0.2s; margin-top: 10px; }
        .q-btn:hover { filter: brightness(1.1); transform: translateY(-2px); }

        .q-res { margin-top: 20px; padding: 15px; background: rgba(0,0,0,0.2); border-radius: 8px; border: 1px dashed var(--border); text-align: center; }
        .q-res b { font-family: &#39;JetBrains Mono&#39;, monospace; font-size: 1.4rem; color: var(--primary); }

        /* CORES CATEGORIAS */
        .c-nonmetal { background: rgba(34, 197, 94, 0.2); color: #4ade80; border-color: #22c55e; }
        .c-alkali { background: rgba(239, 68, 68, 0.2); color: #f87171; border-color: #ef4444; }
        .c-alkaline { background: rgba(249, 115, 22, 0.2); color: #fb923c; border-color: #f97316; }
        .c-transition { background: rgba(234, 179, 8, 0.2); color: #facc15; border-color: #eab308; }
        .c-post-trans { background: rgba(14, 165, 233, 0.2); color: #38bdf8; border-color: #0ea5e9; }
        .c-metalloid { background: rgba(20, 184, 166, 0.2); color: #2dd4bf; border-color: #14b8a6; }
        .c-halogen { background: rgba(139, 92, 246, 0.2); color: #a78bfa; border-color: #8b5cf6; }
        .c-noble { background: rgba(217, 70, 239, 0.2); color: #e879f9; border-color: #d946ef; }
        .c-lanthanide { background: rgba(236, 72, 153, 0.2); color: #f472b6; border-color: #ec4899; }
        .c-actinide { background: rgba(244, 63, 94, 0.2); color: #fb7185; border-color: #f43f5e; }

        /* PIX SUPPORT TAB */
        .pix-value-chips { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; margin: 12px 0; }
        .pix-chip {
            background: rgba(255,255,255,0.04); border: 1px solid var(--border); padding: 7px 14px; border-radius: 8px;
            color: var(--text-dim); font-family: &#39;JetBrains Mono&#39;, monospace; font-size: 0.8rem; cursor: pointer;
            transition: all 0.2s; font-weight: 600;
        }
        .pix-chip:hover, .pix-chip.active { background: rgba(251,191,36,0.15); border-color: #fbbf24; color: #fbbf24; transform: translateY(-1px); }
        .pix-custom-row { display: flex; gap: 6px; margin-top: 8px; }
        .pix-custom-input {
            flex: 1; background: #0b1120; border: 1px solid var(--border); padding: 8px 10px; border-radius: 8px;
            color: white; font-family: &#39;JetBrains Mono&#39;, monospace; font-size: 0.85rem; outline: none;
        }
        .pix-custom-input:focus { border-color: #fbbf24; }
        .pix-custom-btn { background: #fbbf24; border: none; padding: 8px 14px; border-radius: 8px; color: #0a0e1a; font-weight: 700; cursor: pointer; font-family: &#39;Outfit&#39;, sans-serif; transition: all 0.2s; }
        .pix-custom-btn:hover { filter: brightness(1.1); }
        .pix-info-grid { background: rgba(0,0,0,0.2); border: 1px solid var(--border); border-radius: 10px; padding: 12px; margin: 16px 0; text-align: left; }
        .pix-info-row { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; }
        .pix-info-row:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,0.04); }
        .pix-info-label { font-size: 0.7rem; color: var(--text-dim); text-transform: uppercase; letter-spacing: 0.5px; }
        .pix-info-val { font-family: &#39;JetBrains Mono&#39;, monospace; font-size: 0.8rem; font-weight: 600; color: #c4d0e9; }
        .pix-copy-field { display: flex; border-radius: 8px; overflow: hidden; border: 1px solid var(--border); }
        .pix-copy-input { flex: 1; background: #0b1120; border: none; padding: 10px; color: #fbbf24; font-family: &#39;JetBrains Mono&#39;, monospace; font-size: 0.6rem; outline: none; min-width: 0; }
        .pix-copy-btn {
            background: linear-gradient(135deg, #3b82f6, #6366f1); border: none; padding: 10px 16px; color: white;
            font-weight: 700; font-family: &#39;Outfit&#39;, sans-serif; cursor: pointer; transition: all 0.3s; white-space: nowrap; font-size: 0.8rem;
            display: flex; align-items: center; gap: 5px;
        }
        .pix-copy-btn:hover { filter: brightness(1.15); }
        .pix-copy-btn.copied { background: linear-gradient(135deg, #22c55e, #16a34a); }
        .pix-compat { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; padding: 5px 12px; background: rgba(34,197,94,0.1); border: 1px solid rgba(34,197,94,0.2); border-radius: 50px; font-size: 0.7rem; color: #4ade80; }
        .pix-compat::before { content: &#39;&#39;; width: 6px; height: 6px; background: #22c55e; border-radius: 50%; animation: pixPulse 2s infinite; }
        @keyframes pixPulse { 0%,100% { opacity:1; } 50% { opacity:0.4; } }
        .pix-qr-frame {
            background: white; padding: 16px; border-radius: 12px; display: inline-block; margin: 12px auto 16px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.3); transition: transform 0.3s ease;
        }
        .pix-qr-frame:hover { transform: scale(1.03); }
        .pix-qr-frame img { display: block !important; border-radius: 3px; }

        @media (max-width: 600px) {
            #quimica-dashboard { padding: 15px; }
            .dash-header h1 { font-size: 1.8rem; }
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div id=&quot;quimica-dashboard&quot;&gt;
    &lt;div class=&quot;dash-header&quot;&gt;
        &lt;h1&gt;PlatãoVAG Lab&lt;/h1&gt;
        &lt;p&gt;Tabela Periódica &amp; Calculadoras Científicas&lt;/p&gt;
    &lt;/div&gt;

    &lt;div class=&quot;dash-nav&quot;&gt;
        &lt;button class=&quot;nav-btn active&quot; onclick=&quot;showTab(&#39;tab-periodic&#39;, this)&quot;&gt;Tabela Periódica&lt;/button&gt;
        &lt;button class=&quot;nav-btn&quot; onclick=&quot;showTab(&#39;tab-molar&#39;, this)&quot;&gt;Massa Molar&lt;/button&gt;
        &lt;button class=&quot;nav-btn&quot; onclick=&quot;showTab(&#39;tab-mol-conv&#39;, this)&quot;&gt;Conversor de Mol&lt;/button&gt;
        &lt;button class=&quot;nav-btn&quot; onclick=&quot;showTab(&#39;tab-concentration&#39;, this)&quot;&gt;Concentração&lt;/button&gt;
        &lt;button class=&quot;nav-btn&quot; onclick=&quot;showTab(&#39;tab-support&#39;, this)&quot; style=&quot;border-color: #fbbf24; color: #fbbf24;&quot;&gt;💛 Apoiar&lt;/button&gt;
    &lt;/div&gt;

    

    &lt;!-- ABA APOIO (OFICIAL PIX EMVCo) --&gt;
    &lt;div id=&quot;tab-support&quot; class=&quot;tab-pane&quot;&gt;
        &lt;div class=&quot;calc-card&quot; style=&quot;max-width: 480px; margin: 0 auto; text-align: center;&quot;&gt;
            &lt;h2 style=&quot;color: #fbbf24;&quot;&gt;☕ Apoie o PlatãoVAG&lt;/h2&gt;
            &lt;p style=&quot;margin-bottom: 16px; color: var(--text-dim); font-size: 0.9rem;&quot;&gt;Sua contribuição mantém o laboratório online e gratuito para todos.&lt;/p&gt;

            &lt;!-- Seleção de valor --&gt;
            &lt;div style=&quot;margin-bottom: 16px;&quot;&gt;
                &lt;label style=&quot;font-size: 0.7rem; color: var(--text-dim); text-transform: uppercase; letter-spacing: 0.8px;&quot;&gt;Escolha um valor (opcional)&lt;/label&gt;
                &lt;div class=&quot;pix-value-chips&quot;&gt;
                    &lt;button class=&quot;pix-chip active&quot; onclick=&quot;pixSelectValue(this, 0)&quot;&gt;Livre&lt;/button&gt;
                    &lt;button class=&quot;pix-chip&quot; onclick=&quot;pixSelectValue(this, 5)&quot;&gt;R$ 5&lt;/button&gt;
                    &lt;button class=&quot;pix-chip&quot; onclick=&quot;pixSelectValue(this, 10)&quot;&gt;R$ 10&lt;/button&gt;
                    &lt;button class=&quot;pix-chip&quot; onclick=&quot;pixSelectValue(this, 25)&quot;&gt;R$ 25&lt;/button&gt;
                    &lt;button class=&quot;pix-chip&quot; onclick=&quot;pixSelectValue(this, 50)&quot;&gt;R$ 50&lt;/button&gt;
                &lt;/div&gt;
                &lt;div class=&quot;pix-custom-row&quot;&gt;
                    &lt;input type=&quot;number&quot; class=&quot;pix-custom-input&quot; id=&quot;pix-custom-value&quot; placeholder=&quot;Outro valor (R$)&quot; min=&quot;0.01&quot; step=&quot;0.01&quot;&gt;
                    &lt;button class=&quot;pix-custom-btn&quot; onclick=&quot;pixApplyCustom()&quot;&gt;Aplicar&lt;/button&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;!-- QR Code --&gt;
            &lt;div class=&quot;pix-qr-frame&quot;&gt;
                &lt;div id=&quot;pix-qrcode-output&quot;&gt;&lt;/div&gt;
            &lt;/div&gt;

            &lt;!-- Informações do recebedor --&gt;
            &lt;div class=&quot;pix-info-grid&quot;&gt;
                &lt;div class=&quot;pix-info-row&quot;&gt;
                    &lt;span class=&quot;pix-info-label&quot;&gt;Recebedor&lt;/span&gt;
                    &lt;span class=&quot;pix-info-val&quot;&gt;Lauro Julio Dalcin&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class=&quot;pix-info-row&quot;&gt;
                    &lt;span class=&quot;pix-info-label&quot;&gt;Cidade&lt;/span&gt;
                    &lt;span class=&quot;pix-info-val&quot;&gt;Varginha - MG&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class=&quot;pix-info-row&quot;&gt;
                    &lt;span class=&quot;pix-info-label&quot;&gt;Chave Pix&lt;/span&gt;
                    &lt;span class=&quot;pix-info-val&quot; style=&quot;font-size: 0.72rem;&quot;&gt;lauro1607@gmail.com&lt;/span&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;!-- Copia e Cola --&gt;
            &lt;div style=&quot;margin-top: 14px;&quot;&gt;
                &lt;label style=&quot;font-size: 0.7rem; color: var(--text-dim); text-transform: uppercase; letter-spacing: 0.8px; display: block; margin-bottom: 6px;&quot;&gt;Pix Copia e Cola&lt;/label&gt;
                &lt;div class=&quot;pix-copy-field&quot;&gt;
                    &lt;input type=&quot;text&quot; class=&quot;pix-copy-input&quot; id=&quot;pix-copy-paste&quot; readonly&gt;
                    &lt;button class=&quot;pix-copy-btn&quot; id=&quot;pix-copy-btn&quot; onclick=&quot;pixCopyPayload()&quot;&gt;📋 Copiar&lt;/button&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class=&quot;pix-compat&quot;&gt;Compatível com todos os bancos&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- TABELA PERIODICA --&gt;
    &lt;div id=&quot;tab-periodic&quot; class=&quot;tab-pane active&quot;&gt;
        &lt;div id=&quot;info-panel&quot; class=&quot;table-controls&quot;&gt;
            &lt;div style=&quot;text-align: center; width: 100%; color: var(--text-dim)&quot;&gt;Passe o mouse sobre um elemento.&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;periodic-wrapper&quot;&gt;
            &lt;div id=&quot;main-periodic&quot; class=&quot;periodic-grid&quot;&gt;&lt;/div&gt;
            &lt;div id=&quot;extra-periodic&quot; class=&quot;extra-grid&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- MASSA MOLAR --&gt;
    &lt;div id=&quot;tab-molar&quot; class=&quot;tab-pane&quot;&gt;
        &lt;div class=&quot;calc-card&quot; style=&quot;max-width: 600px; margin: 0 auto;&quot;&gt;
            &lt;h2&gt;Massa Molar&lt;/h2&gt;
            &lt;div class=&quot;input-box&quot;&gt;
                &lt;label&gt;Fórmula Química&lt;/label&gt;
                &lt;input type=&quot;text&quot; id=&quot;formula-molar&quot; class=&quot;q-input&quot; placeholder=&quot;Ex: H2O, Mg(OH)2&quot;&gt;
            &lt;/div&gt;
            &lt;button class=&quot;q-btn&quot; onclick=&quot;calcMolar()&quot;&gt;Calcular Massa&lt;/button&gt;
            &lt;div id=&quot;res-molar&quot; class=&quot;q-res&quot;&gt;---&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- CONVERSOR DE MOL --&gt;
    &lt;div id=&quot;tab-mol-conv&quot; class=&quot;tab-pane&quot;&gt;
        &lt;div class=&quot;calc-grid&quot;&gt;
            &lt;div class=&quot;calc-card&quot;&gt;
                &lt;h2&gt;Massa → Mol&lt;/h2&gt;
                &lt;div class=&quot;input-box&quot;&gt;&lt;label&gt;Massa (g)&lt;/label&gt;&lt;input type=&quot;number&quot; id=&quot;mass-to-mol-m&quot; class=&quot;q-input&quot;&gt;&lt;/div&gt;
                &lt;div class=&quot;input-box&quot;&gt;&lt;label&gt;Massa Molar (g/mol)&lt;/label&gt;&lt;input type=&quot;number&quot; id=&quot;mass-to-mol-mm&quot; class=&quot;q-input&quot;&gt;&lt;/div&gt;
                &lt;button class=&quot;q-btn&quot; onclick=&quot;convToMol()&quot;&gt;Converter&lt;/button&gt;
                &lt;div id=&quot;res-to-mol&quot; class=&quot;q-res&quot;&gt;---&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;calc-card&quot;&gt;
                &lt;h2&gt;Mol → Massa&lt;/h2&gt;
                &lt;div class=&quot;input-box&quot;&gt;&lt;label&gt;Quantidade (mol)&lt;/label&gt;&lt;input type=&quot;number&quot; id=&quot;mol-to-mass-n&quot; class=&quot;q-input&quot;&gt;&lt;/div&gt;
                &lt;div class=&quot;input-box&quot;&gt;&lt;label&gt;Massa Molar (g/mol)&lt;/label&gt;&lt;input type=&quot;number&quot; id=&quot;mol-to-mass-mm&quot; class=&quot;q-input&quot;&gt;&lt;/div&gt;
                &lt;button class=&quot;q-btn&quot; onclick=&quot;convToMass()&quot;&gt;Converter&lt;/button&gt;
                &lt;div id=&quot;res-to-mass&quot; class=&quot;q-res&quot;&gt;---&lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- CONCENTRAÇÃO --&gt;
    &lt;div id=&quot;tab-concentration&quot; class=&quot;tab-pane&quot;&gt;
        &lt;div class=&quot;calc-card&quot; style=&quot;max-width: 600px; margin: 0 auto;&quot;&gt;
            &lt;h2&gt;Molaridade (mol/L)&lt;/h2&gt;
            &lt;div class=&quot;input-box&quot;&gt;&lt;label&gt;Massa do Soluto (g)&lt;/label&gt;&lt;input type=&quot;number&quot; id=&quot;conc-m&quot; class=&quot;q-input&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;input-box&quot;&gt;&lt;label&gt;Massa Molar (g/mol)&lt;/label&gt;&lt;input type=&quot;number&quot; id=&quot;conc-mm&quot; class=&quot;q-input&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;input-box&quot;&gt;&lt;label&gt;Volume da Solução (L)&lt;/label&gt;&lt;input type=&quot;number&quot; id=&quot;conc-v&quot; class=&quot;q-input&quot;&gt;&lt;/div&gt;
            &lt;button class=&quot;q-btn&quot; onclick=&quot;calcConc()&quot;&gt;Calcular Concentração&lt;/button&gt;
            &lt;div id=&quot;res-conc&quot; class=&quot;q-res&quot;&gt;---&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

&lt;/div&gt;

&lt;script&gt;
    const elements = [
        {n:1,s:&quot;H&quot;,name:&quot;Hidrogênio&quot;,m:1.008,c:&quot;nonmetal&quot;,x:1,y:1},{n:2,s:&quot;He&quot;,name:&quot;Hélio&quot;,m:4.0026,c:&quot;noble&quot;,x:18,y:1},
        {n:3,s:&quot;Li&quot;,name:&quot;Lítio&quot;,m:6.94,c:&quot;alkali&quot;,x:1,y:2},{n:4,s:&quot;Be&quot;,name:&quot;Berílio&quot;,m:9.0122,c:&quot;alkaline&quot;,x:2,y:2},
        {n:5,s:&quot;B&quot;,name:&quot;Boro&quot;,m:10.81,c:&quot;metalloid&quot;,x:13,y:2},{n:6,s:&quot;C&quot;,name:&quot;Carbono&quot;,m:12.011,c:&quot;nonmetal&quot;,x:14,y:2},
        {n:7,s:&quot;N&quot;,name:&quot;Nitrogênio&quot;,m:14.007,c:&quot;nonmetal&quot;,x:15,y:2},{n:8,s:&quot;O&quot;,name:&quot;Oxigênio&quot;,m:15.999,c:&quot;nonmetal&quot;,x:16,y:2},
        {n:9,s:&quot;F&quot;,name:&quot;Flúor&quot;,m:18.998,c:&quot;halogen&quot;,x:17,y:2},{n:10,s:&quot;Ne&quot;,name:&quot;Neônio&quot;,m:20.18,c:&quot;noble&quot;,x:18,y:2},
        {n:11,s:&quot;Na&quot;,name:&quot;Sódio&quot;,m:22.99,c:&quot;alkali&quot;,x:1,y:3},{n:12,s:&quot;Mg&quot;,name:&quot;Magnésio&quot;,m:24.305,c:&quot;alkaline&quot;,x:2,y:3},
        {n:13,s:&quot;Al&quot;,name:&quot;Alumínio&quot;,m:26.982,c:&quot;post-trans&quot;,x:13,y:3},{n:14,s:&quot;Si&quot;,name:&quot;Silício&quot;,m:28.085,c:&quot;metalloid&quot;,x:14,y:3},
        {n:15,s:&quot;P&quot;,name:&quot;Fósforo&quot;,m:30.974,c:&quot;nonmetal&quot;,x:15,y:3},{n:16,s:&quot;S&quot;,name:&quot;Enxofre&quot;,m:32.06,c:&quot;nonmetal&quot;,x:16,y:3},
        {n:17,s:&quot;Cl&quot;,name:&quot;Cloro&quot;,m:35.45,c:&quot;halogen&quot;,x:17,y:3},{n:18,s:&quot;Ar&quot;,name:&quot;Argônio&quot;,m:39.95,c:&quot;noble&quot;,x:18,y:3},
        {n:19,s:&quot;K&quot;,name:&quot;Potássio&quot;,m:39.098,c:&quot;alkali&quot;,x:1,y:4},{n:20,s:&quot;Ca&quot;,name:&quot;Cálcio&quot;,m:40.078,c:&quot;alkaline&quot;,x:2,y:4},
        {n:21,s:&quot;Sc&quot;,name:&quot;Escândio&quot;,m:44.956,c:&quot;transition&quot;,x:3,y:4},{n:22,s:&quot;Ti&quot;,name:&quot;Titânio&quot;,m:47.867,c:&quot;transition&quot;,x:4,y:4},
        {n:23,s:&quot;V&quot;,name:&quot;Vanádio&quot;,m:50.942,c:&quot;transition&quot;,x:5,y:4},{n:24,s:&quot;Cr&quot;,name:&quot;Cromo&quot;,m:51.996,c:&quot;transition&quot;,x:6,y:4},
        {n:25,s:&quot;Mn&quot;,name:&quot;Manganês&quot;,m:54.938,c:&quot;transition&quot;,x:7,y:4},{n:26,s:&quot;Fe&quot;,name:&quot;Ferro&quot;,m:55.845,c:&quot;transition&quot;,x:8,y:4},
        {n:27,s:&quot;Co&quot;,name:&quot;Cobalto&quot;,m:58.933,c:&quot;transition&quot;,x:9,y:4},{n:28,s:&quot;Ni&quot;,name:&quot;Níquel&quot;,m:58.693,c:&quot;transition&quot;,x:10,y:4},
        {n:29,s:&quot;Cu&quot;,name:&quot;Cobre&quot;,m:63.546,c:&quot;transition&quot;,x:11,y:4},{n:30,s:&quot;Zn&quot;,name:&quot;Zinco&quot;,m:65.38,c:&quot;transition&quot;,x:12,y:4},
        {n:31,s:&quot;Ga&quot;,name:&quot;Gálio&quot;,m:69.723,c:&quot;post-trans&quot;,x:13,y:4},{n:32,s:&quot;Ge&quot;,name:&quot;Germânio&quot;,m:72.63,c:&quot;metalloid&quot;,x:14,y:4},
        {n:33,s:&quot;As&quot;,name:&quot;Arsênio&quot;,m:74.922,c:&quot;metalloid&quot;,x:15,y:4},{n:34,s:&quot;Se&quot;,name:&quot;Selênio&quot;,m:78.971,c:&quot;nonmetal&quot;,x:16,y:4},
        {n:35,s:&quot;Br&quot;,name:&quot;Bromo&quot;,m:79.904,c:&quot;halogen&quot;,x:17,y:4},{n:36,s:&quot;Kr&quot;,name:&quot;Criptônio&quot;,m:83.798,c:&quot;noble&quot;,x:18,y:4},
        {n:37,s:&quot;Rb&quot;,name:&quot;Rubídio&quot;,m:85.468,c:&quot;alkali&quot;,x:1,y:5},{n:38,s:&quot;Sr&quot;,name:&quot;Estrôncio&quot;,m:87.62,c:&quot;alkaline&quot;,x:2,y:5},
        {n:39,s:&quot;Y&quot;,name:&quot;Ítrio&quot;,m:88.906,c:&quot;transition&quot;,x:3,y:5},{n:40,s:&quot;Zr&quot;,name:&quot;Zircônio&quot;,m:91.224,c:&quot;transition&quot;,x:4,y:5},
        {n:41,s:&quot;Nb&quot;,name:&quot;Nióbio&quot;,m:92.906,c:&quot;transition&quot;,x:5,y:5},{n:42,s:&quot;Mo&quot;,name:&quot;Molibdênio&quot;,m:95.95,c:&quot;transition&quot;,x:6,y:5},
        {n:43,s:&quot;Tc&quot;,name:&quot;Tecnécio&quot;,m:98,c:&quot;transition&quot;,x:7,y:5},{n:44,s:&quot;Ru&quot;,name:&quot;Rutênio&quot;,m:101.07,c:&quot;transition&quot;,x:8,y:5},
        {n:45,s:&quot;Rh&quot;,name:&quot;Ródio&quot;,m:102.91,c:&quot;transition&quot;,x:9,y:5},{n:46,s:&quot;Pd&quot;,name:&quot;Paládio&quot;,m:106.42,c:&quot;transition&quot;,x:10,y:5},
        {n:47,s:&quot;Ag&quot;,name:&quot;Prata&quot;,m:107.87,c:&quot;transition&quot;,x:11,y:5},{n:48,s:&quot;Cd&quot;,name:&quot;Cádmio&quot;,m:112.41,c:&quot;transition&quot;,x:12,y:5},
        {n:49,s:&quot;In&quot;,name:&quot;Índio&quot;,m:114.82,c:&quot;post-trans&quot;,x:13,y:5},{n:50,s:&quot;Sn&quot;,name:&quot;Estanho&quot;,m:118.71,c:&quot;post-trans&quot;,x:14,y:5},
        {n:51,s:&quot;Sb&quot;,name:&quot;Antimônio&quot;,m:121.76,c:&quot;metalloid&quot;,x:15,y:5},{n:52,s:&quot;Te&quot;,name:&quot;Telúrio&quot;,m:127.6,c:&quot;metalloid&quot;,x:16,y:5},
        {n:53,s:&quot;I&quot;,name:&quot;Iodo&quot;,m:126.9,c:&quot;halogen&quot;,x:17,y:5},{n:54,s:&quot;Xe&quot;,name:&quot;Xenônio&quot;,m:131.29,c:&quot;noble&quot;,x:18,y:5},
        {n:55,s:&quot;Cs&quot;,name:&quot;Césio&quot;,m:132.91,c:&quot;alkali&quot;,x:1,y:6},{n:56,s:&quot;Ba&quot;,name:&quot;Bário&quot;,m:137.33,c:&quot;alkaline&quot;,x:2,y:6},
        {n:72,s:&quot;Hf&quot;,name:&quot;Háfnio&quot;,m:178.49,c:&quot;transition&quot;,x:4,y:6},{n:73,s:&quot;Ta&quot;,name:&quot;Tântalo&quot;,m:180.95,c:&quot;transition&quot;,x:5,y:6},
        {n:74,s:&quot;W&quot;,name:&quot;Tungstênio&quot;,m:183.84,c:&quot;transition&quot;,x:6,y:6},{n:75,s:&quot;Re&quot;,name:&quot;Rênio&quot;,m:186.21,c:&quot;transition&quot;,x:7,y:6},
        {n:76,s:&quot;Os&quot;,name:&quot;Ósmio&quot;,m:190.23,c:&quot;transition&quot;,x:8,y:6},{n:77,s:&quot;Ir&quot;,name:&quot;Irídio&quot;,m:192.22,c:&quot;transition&quot;,x:9,y:6},
        {n:78,s:&quot;Pt&quot;,name:&quot;Platina&quot;,m:195.08,c:&quot;transition&quot;,x:10,y:6},{n:79,s:&quot;Au&quot;,name:&quot;Ouro&quot;,m:196.97,c:&quot;transition&quot;,x:11,y:6},
        {n:80,s:&quot;Hg&quot;,name:&quot;Mercúrio&quot;,m:200.59,c:&quot;transition&quot;,x:12,y:6},{n:81,s:&quot;Tl&quot;,name:&quot;Tálio&quot;,m:204.38,c:&quot;post-trans&quot;,x:13,y:6},
        {n:82,s:&quot;Pb&quot;,name:&quot;Chumbo&quot;,m:207.2,c:&quot;post-trans&quot;,x:14,y:6},{n:83,s:&quot;Bi&quot;,name:&quot;Bismuto&quot;,m:208.98,c:&quot;post-trans&quot;,x:15,y:6},
        {n:84,s:&quot;Po&quot;,name:&quot;Polônio&quot;,m:209,c:&quot;metalloid&quot;,x:16,y:6},{n:85,s:&quot;At&quot;,name:&quot;Astato&quot;,m:210,c:&quot;halogen&quot;,x:17,y:6},
        {n:86,s:&quot;Rn&quot;,name:&quot;Radônio&quot;,m:222,c:&quot;noble&quot;,x:18,y:6},{n:87,s:&quot;Fr&quot;,name:&quot;Frâncio&quot;,m:223,c:&quot;alkali&quot;,x:1,y:7},
        {n:88,s:&quot;Ra&quot;,name:&quot;Rádio&quot;,m:226,c:&quot;alkaline&quot;,x:2,y:7},{n:104,s:&quot;Rf&quot;,name:&quot;Rutherfórdio&quot;,m:267,c:&quot;transition&quot;,x:4,y:7},
        {n:105,s:&quot;Db&quot;,name:&quot;Dúbnio&quot;,m:268,c:&quot;transition&quot;,x:5,y:7},{n:106,s:&quot;Sg&quot;,name:&quot;Seabórgio&quot;,m:269,c:&quot;transition&quot;,x:6,y:7},
        {n:107,s:&quot;Bh&quot;,name:&quot;Bóhrio&quot;,m:270,c:&quot;transition&quot;,x:7,y:7},{n:108,s:&quot;Hs&quot;,name:&quot;Hássio&quot;,m:277,c:&quot;transition&quot;,x:8,y:7},
        {n:109,s:&quot;Mt&quot;,name:&quot;Meitnério&quot;,m:278,c:&quot;transition&quot;,x:9,y:7},{n:110,s:&quot;Ds&quot;,name:&quot;Darmstádio&quot;,m:281,c:&quot;transition&quot;,x:10,y:7},
        {n:111,s:&quot;Rg&quot;,name:&quot;Roentgênio&quot;,m:282,c:&quot;transition&quot;,x:11,y:7},{n:112,s:&quot;Cn&quot;,name:&quot;Copernício&quot;,m:285,c:&quot;transition&quot;,x:12,y:7},
        {n:113,s:&quot;Nh&quot;,name:&quot;Nihônio&quot;,m:286,c:&quot;post-trans&quot;,x:13,y:7},{n:114,s:&quot;Fl&quot;,name:&quot;Fleróvio&quot;,m:289,c:&quot;post-trans&quot;,x:14,y:7},
        {n:115,s:&quot;Mc&quot;,name:&quot;Moscóvio&quot;,m:290,c:&quot;post-trans&quot;,x:15,y:7},{n:116,s:&quot;Lv&quot;,name:&quot;Livermório&quot;,m:293,c:&quot;post-trans&quot;,x:16,y:7},
        {n:117,s:&quot;Ts&quot;,name:&quot;Tenessino&quot;,m:294,c:&quot;halogen&quot;,x:17,y:7},{n:118,s:&quot;Og&quot;,name:&quot;Oganessônio&quot;,m:294,c:&quot;noble&quot;,x:18,y:7}
    ];

    const extras = [
        {n:57,s:&quot;La&quot;,name:&quot;Lantânio&quot;,m:138.9,c:&quot;lanthanide&quot;,x:1,y:1},{n:58,s:&quot;Ce&quot;,name:&quot;Cério&quot;,m:140.1,c:&quot;lanthanide&quot;,x:2,y:1},
        {n:59,s:&quot;Pr&quot;,name:&quot;Praseodímio&quot;,m:140.9,c:&quot;lanthanide&quot;,x:3,y:1},{n:60,s:&quot;Nd&quot;,name:&quot;Neodímio&quot;,m:144.2,c:&quot;lanthanide&quot;,x:4,y:1},
        {n:61,s:&quot;Pm&quot;,name:&quot;Promécio&quot;,m:145,c:&quot;lanthanide&quot;,x:5,y:1},{n:62,s:&quot;Sm&quot;,name:&quot;Samário&quot;,m:150.3,c:&quot;lanthanide&quot;,x:6,y:1},
        {n:63,s:&quot;Eu&quot;,name:&quot;Európio&quot;,m:151.9,c:&quot;lanthanide&quot;,x:7,y:1},{n:64,s:&quot;Gd&quot;,name:&quot;Gadolínio&quot;,m:157.2,c:&quot;lanthanide&quot;,x:8,y:1},
        {n:65,s:&quot;Tb&quot;,name:&quot;Térbio&quot;,m:158.9,c:&quot;lanthanide&quot;,x:9,y:1},{n:66,s:&quot;Dy&quot;,name:&quot;Disprósio&quot;,m:162.5,c:&quot;lanthanide&quot;,x:10,y:1},
        {n:67,s:&quot;Ho&quot;,name:&quot;Hólmio&quot;,m:164.9,c:&quot;lanthanide&quot;,x:11,y:1},{n:68,s:&quot;Er&quot;,name:&quot;Érbio&quot;,m:167.2,c:&quot;lanthanide&quot;,x:12,y:1},
        {n:69,s:&quot;Tm&quot;,name:&quot;Túlio&quot;,m:168.9,c:&quot;lanthanide&quot;,x:13,y:1},{n:70,s:&quot;Yb&quot;,name:&quot;Itérbio&quot;,m:173.0,c:&quot;lanthanide&quot;,x:14,y:1},
        {n:71,s:&quot;Lu&quot;,name:&quot;Lutécio&quot;,m:174.9,c:&quot;lanthanide&quot;,x:15,y:1},
        {n:89,s:&quot;Ac&quot;,name:&quot;Actínio&quot;,m:227,c:&quot;actinide&quot;,x:1,y:2},{n:90,s:&quot;Th&quot;,name:&quot;Tório&quot;,m:232.0,c:&quot;actinide&quot;,x:2,y:2},
        {n:91,s:&quot;Pa&quot;,name:&quot;Protactínio&quot;,m:231.0,c:&quot;actinide&quot;,x:3,y:2},{n:92,s:&quot;U&quot;,name:&quot;Urânio&quot;,m:238.0,c:&quot;actinide&quot;,x:4,y:2},
        {n:93,s:&quot;Np&quot;,name:&quot;Netúnio&quot;,m:237,c:&quot;actinide&quot;,x:5,y:2},{n:94,s:&quot;Pu&quot;,name:&quot;Plutônio&quot;,m:244,c:&quot;actinide&quot;,x:6,y:2},
        {n:95,s:&quot;Am&quot;,name:&quot;Amerício&quot;,m:243,c:&quot;actinide&quot;,x:7,y:2},{n:96,s:&quot;Cm&quot;,name:&quot;Cúrio&quot;,m:247,c:&quot;actinide&quot;,x:8,y:2},
        {n:97,s:&quot;Bk&quot;,name:&quot;Berquélio&quot;,m:247,c:&quot;actinide&quot;,x:9,y:2},{n:98,s:&quot;Cf&quot;,name:&quot;Califórnio&quot;,m:251,c:&quot;actinide&quot;,x:10,y:2},
        {n:99,s:&quot;Es&quot;,name:&quot;Einstênio&quot;,m:252,c:&quot;actinide&quot;,x:11,y:2},{n:100,s:&quot;Fm&quot;,name:&quot;Férmio&quot;,m:257,c:&quot;actinide&quot;,x:12,y:2},
        {n:101,s:&quot;Md&quot;,name:&quot;Mendelévio&quot;,m:258,c:&quot;actinide&quot;,x:13,y:2},{n:102,s:&quot;No&quot;,name:&quot;Nobélio&quot;,m:259,c:&quot;actinide&quot;,x:14,y:2},
        {n:103,s:&quot;Lr&quot;,name:&quot;Laurêncio&quot;,m:266,c:&quot;actinide&quot;,x:15,y:2}
    ];

    const massMap = {};
    [...elements, ...extras].forEach(e =&gt; massMap[e.s] = e.m);

    function showTab(id, btn) {
        document.querySelectorAll(&#39;.tab-pane&#39;).forEach(p =&gt; p.classList.remove(&#39;active&#39;));
        document.querySelectorAll(&#39;.nav-btn&#39;).forEach(b =&gt; b.classList.remove(&#39;active&#39;));
        document.getElementById(id).classList.add(&#39;active&#39;);
        btn.classList.add(&#39;active&#39;);
    }

    function renderTable() {
        const main = document.getElementById(&#39;main-periodic&#39;);
        const extra = document.getElementById(&#39;extra-periodic&#39;);
        elements.forEach(el =&gt; main.appendChild(createEl(el)));
        extras.forEach(el =&gt; extra.appendChild(createEl(el)));
    }

    function createEl(el) {
        const div = document.createElement(&#39;div&#39;);
        div.className = `element c-${el.c}`;
        div.style.gridColumn = el.x;
        div.style.gridRow = el.y;
        div.innerHTML = `&lt;span class=&quot;el-n&quot;&gt;${el.n}&lt;/span&gt;&lt;span class=&quot;el-s&quot;&gt;${el.s}&lt;/span&gt;`;
        div.onmouseover = () =&gt; {
            const catNames = {nonmetal:&quot;Não Metal&quot;,alkali:&quot;Metal Alcalino&quot;,alkaline:&quot;Alcalino-Terroso&quot;,transition:&quot;Transição&quot;,post:&quot;Representativo&quot;,metalloid:&quot;Metaloide&quot;,halogen:&quot;Halogênio&quot;,noble:&quot;Gás Nobre&quot;,lanthanide:&quot;Lantanídeo&quot;,actinide:&quot;Actinídeo&quot;};
            document.getElementById(&#39;info-panel&#39;).innerHTML = `
                &lt;div class=&quot;info-box-sym c-${el.c}&quot;&gt;${el.s}&lt;/div&gt;
                &lt;div class=&quot;info-box-data&quot;&gt;
                    &lt;h3&gt;${el.name}&lt;/h3&gt;
                    &lt;div class=&quot;info-stats&quot;&gt;
                        &lt;span&gt;Z&lt;b&gt;${el.n}&lt;/b&gt;&lt;/span&gt;
                        &lt;span&gt;Massa&lt;b&gt;${el.m} u&lt;/b&gt;&lt;/span&gt;
                        &lt;span&gt;Tipo&lt;b&gt;${catNames[el.c] || el.c}&lt;/b&gt;&lt;/span&gt;
                    &lt;/div&gt;
                &lt;/div&gt;`;
        };
        return div;
    }

    function calcMolar() {
        const f = document.getElementById(&#39;formula-molar&#39;).value.trim();
        if(!f) return;
        try {
            let exp = f;
            const p = /\(([^)]+)\)(\d+)/g;
            while(p.test(exp)) exp = exp.replace(p, (m, c, n) =&gt; c.repeat(n));
            const re = /([A-Z][a-z]*)(\d*)/g;
            let m = 0, mt;
            while((mt = re.exec(exp)) !== null) {
                if(!massMap[mt[1]]) throw &quot;Erro&quot;;
                m += massMap[mt[1]] * (mt[2] ? parseInt(mt[2]) : 1);
            }
            document.getElementById(&#39;res-molar&#39;).innerHTML = `&lt;b&gt;${m.toFixed(3)}&lt;/b&gt; g/mol`;
        } catch(e) { document.getElementById(&#39;res-molar&#39;).innerHTML = &quot;Fórmula inválida&quot;; }
    }

    function convToMol() {
        const m = parseFloat(document.getElementById(&#39;mass-to-mol-m&#39;).value);
        const mm = parseFloat(document.getElementById(&#39;mass-to-mol-mm&#39;).value);
        if(m &amp;&amp; mm) document.getElementById(&#39;res-to-mol&#39;).innerHTML = `&lt;b&gt;${(m/mm).toFixed(4)}&lt;/b&gt; mol`;
    }

    function convToMass() {
        const n = parseFloat(document.getElementById(&#39;mol-to-mass-n&#39;).value);
        const mm = parseFloat(document.getElementById(&#39;mol-to-mass-mm&#39;).value);
        if(n &amp;&amp; mm) document.getElementById(&#39;res-to-mass&#39;).innerHTML = `&lt;b&gt;${(n*mm).toFixed(3)}&lt;/b&gt; g`;
    }

    function calcConc() {
        const m = parseFloat(document.getElementById(&#39;conc-m&#39;).value);
        const mm = parseFloat(document.getElementById(&#39;conc-mm&#39;).value);
        const v = parseFloat(document.getElementById(&#39;conc-v&#39;).value);
        if(m &amp;&amp; mm &amp;&amp; v) document.getElementById(&#39;res-conc&#39;).innerHTML = `&lt;b&gt;${(m / (mm * v)).toFixed(4)}&lt;/b&gt; mol/L`;
    }

    // =====================================================
    // GERADOR PIX EMVCo OFICIAL - ESPECIFICAÇÃO BACEN
    // Compatível com todos os bancos brasileiros
    // =====================================================
    const PIX_CFG = { key: &quot;lauro1607@gmail.com&quot;, name: &quot;LAURO JULIO DALCIN&quot;, city: &quot;VARGINHA&quot;, txid: &quot;PlataoVAG&quot; };

    function pixTlv(tag, value) { return tag + value.length.toString().padStart(2, &#39;0&#39;) + value; }

    function pixGeneratePayload(amount) {
        const id00 = pixTlv(&quot;00&quot;, &quot;01&quot;);
        const id01 = pixTlv(&quot;01&quot;, amount &gt; 0 ? &quot;12&quot; : &quot;11&quot;);
        const id26 = pixTlv(&quot;26&quot;, pixTlv(&quot;00&quot;, &quot;br.gov.bcb.pix&quot;) + pixTlv(&quot;01&quot;, PIX_CFG.key));
        const id52 = pixTlv(&quot;52&quot;, &quot;0000&quot;);
        const id53 = pixTlv(&quot;53&quot;, &quot;986&quot;);
        let id54 = &quot;&quot;; if (amount &gt; 0) id54 = pixTlv(&quot;54&quot;, amount.toFixed(2));
        const id58 = pixTlv(&quot;58&quot;, &quot;BR&quot;);
        const id59 = pixTlv(&quot;59&quot;, PIX_CFG.name.substring(0, 25));
        const id60 = pixTlv(&quot;60&quot;, PIX_CFG.city.substring(0, 15));
        const id62 = pixTlv(&quot;62&quot;, pixTlv(&quot;05&quot;, PIX_CFG.txid.substring(0, 25)));
        const sem = id00 + id01 + id26 + id52 + id53 + id54 + id58 + id59 + id60 + id62 + &quot;6304&quot;;
        return sem + pixCRC16(sem);
    }

    function pixCRC16(str) {
        let crc = 0xFFFF;
        for (let i = 0; i &lt; str.length; i++) {
            crc ^= str.charCodeAt(i) &lt;&lt; 8;
            for (let j = 0; j &lt; 8; j++) {
                crc = (crc &amp; 0x8000) !== 0 ? ((crc &lt;&lt; 1) ^ 0x1021) &amp; 0xFFFF : (crc &lt;&lt; 1) &amp; 0xFFFF;
            }
        }
        return (crc &amp; 0xFFFF).toString(16).toUpperCase().padStart(4, &#39;0&#39;);
    }

    function pixRender(amount) {
        const payload = pixGeneratePayload(amount);
        document.getElementById(&#39;pix-copy-paste&#39;).value = payload;
        const qrBox = document.getElementById(&#39;pix-qrcode-output&#39;);
        qrBox.innerHTML = &#39;&#39;;
        new QRCode(qrBox, { text: payload, width: 200, height: 200, colorDark: &quot;#1a1a2e&quot;, colorLight: &quot;#ffffff&quot;, correctLevel: QRCode.CorrectLevel.M });
    }

    function pixSelectValue(btn, value) {
        document.querySelectorAll(&#39;.pix-chip&#39;).forEach(c =&gt; c.classList.remove(&#39;active&#39;));
        btn.classList.add(&#39;active&#39;);
        document.getElementById(&#39;pix-custom-value&#39;).value = &#39;&#39;;
        pixRender(value);
    }

    function pixApplyCustom() {
        const val = parseFloat(document.getElementById(&#39;pix-custom-value&#39;).value);
        if (val &gt; 0) { document.querySelectorAll(&#39;.pix-chip&#39;).forEach(c =&gt; c.classList.remove(&#39;active&#39;)); pixRender(val); }
    }

    function pixCopyPayload() {
        const text = document.getElementById(&#39;pix-copy-paste&#39;).value;
        const btn = document.getElementById(&#39;pix-copy-btn&#39;);
        if (navigator.clipboard &amp;&amp; navigator.clipboard.writeText) {
            navigator.clipboard.writeText(text).then(() =&gt; pixShowCopied(btn));
        } else {
            const inp = document.getElementById(&#39;pix-copy-paste&#39;); inp.select(); inp.setSelectionRange(0, 99999);
            document.execCommand(&#39;copy&#39;); pixShowCopied(btn);
        }
    }

    function pixShowCopied(btn) {
        btn.classList.add(&#39;copied&#39;); btn.textContent = &#39;✅ Copiado!&#39;;
        setTimeout(() =&gt; { btn.classList.remove(&#39;copied&#39;); btn.textContent = &#39;📋 Copiar&#39;; }, 2000);
    }

    document.getElementById(&#39;pix-custom-value&#39;).addEventListener(&#39;keydown&#39;, e =&gt; { if (e.key === &#39;Enter&#39;) pixApplyCustom(); });

    renderTable();
    pixRender(0);
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</content><link rel='replies' type='application/atom+xml' href='https://lauroanimal.blogspot.com/feeds/9102405720880740012/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/calculadora-quimica.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/9102405720880740012'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3760018249813190743/posts/default/9102405720880740012'/><link rel='alternate' type='text/html' href='https://lauroanimal.blogspot.com/2026/05/calculadora-quimica.html' title='CALCULADORA QUÍMICA'/><author><name>plataovag.blogspot.com</name><uri>http://www.blogger.com/profile/15929345909017921942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>