https://wiki.aureumro.com/api.php?action=feedcontributions&feedformat=atom&user=Admin AureumRO - Contribuições do usuário [pt-br] 2026-09-15T17:35:01Z Contribuições do usuário MediaWiki 1.43.8 https://wiki.aureumro.com/index.php?title=Visuais&diff=4759 Visuais 2026-08-05T00:12:13Z <p>Admin: [ROT2] Sprite de Maldicao -&gt; caixa Meio; Inuyasha Kagone pet -&gt; caixa Manto</p> <hr /> <div>{{DISPLAYTITLE:Visuais}}<br /> __NOTOC__<br /> &lt;html&gt;<br /> &lt;div class=&quot;vis-wrap&quot;&gt;<br /> <br /> &lt;div class=&quot;vis-hero&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/2/28/Visuais.png&quot; alt=&quot;Visuais&quot;&gt;<br /> &lt;div class=&quot;vis-badge&quot;&gt;✦ Cosméticos AureumRO&lt;/div&gt;<br /> &lt;h1&gt;Visuais&lt;/h1&gt;<br /> &lt;p&gt;No AureumRO, expressar seu estilo é para todos. São &lt;b&gt;4 Caixas de Visuais&lt;/b&gt; com mais de &lt;b&gt;100 cosméticos&lt;/b&gt; — e aqui &lt;b&gt;não existe visual ruim&lt;/b&gt;.&lt;/p&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-stats&quot;&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;4&lt;/b&gt;&lt;span&gt;Caixas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;100&lt;/b&gt;&lt;span&gt;Visuais&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;5.000&lt;/b&gt;&lt;span&gt;Cash por caixa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;Garantido&lt;/b&gt;&lt;span&gt;Lendário no pity&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Feitas para todos se divertirem&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Acreditamos que personalizar o visual do seu personagem não pode ser privilégio de poucos. Por isso cada caixa custa um &lt;b&gt;preço justo de 5.000 cash&lt;/b&gt; — acessível para qualquer aventureiro.&lt;/p&gt;<br /> &lt;div class=&quot;vis-msg&quot;&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Não existe visual ruim&lt;/h4&gt;<br /> &lt;p&gt;Cada visual de cada caixa foi escolhido a dedo. Não importa o que sair, você vai abrir algo bonito de usar.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Só visuais. Nada de enrolação&lt;/h4&gt;<br /> &lt;p&gt;As Caixas de Visuais contêm &lt;b&gt;apenas cosméticos&lt;/b&gt; — sem consumíveis sem graça que ninguém liga ocupando espaço. Você paga por visual e recebe visual.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Lendário garantido&lt;/h4&gt;<br /> &lt;p&gt;Cada caixa tem um sistema de &lt;b&gt;pity&lt;/b&gt;: passou do limite de aberturas sem o lendário? A próxima vem com ele, garantido.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-tabs&quot;&gt;<br /> &lt;input type=&quot;radio&quot; name=&quot;visrot&quot; id=&quot;visrot2&quot; checked&gt;<br /> &lt;input type=&quot;radio&quot; name=&quot;visrot&quot; id=&quot;visrot1&quot;&gt;<br /> &lt;div class=&quot;vis-tabbar&quot;&gt;<br /> &lt;label for=&quot;visrot2&quot;&gt;2ª rotação &lt;b&gt;&amp;middot; atual&lt;/b&gt;&lt;/label&gt;<br /> &lt;label for=&quot;visrot1&quot;&gt;1ª rotação&lt;/label&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-pane vis-pane2&quot;&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixas em rotação&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Esta é a &lt;b&gt;2ª rotação&lt;/b&gt; de Caixas de Visuais. Os visuais abaixo são os que estão disponíveis agora &amp;mdash; e, como sempre, &lt;b&gt;não voltarão&lt;/b&gt; em rotações futuras.&lt;/p&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Topo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de topo da cabeça &amp;mdash; &lt;b&gt;21 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/0/04/Visual2_37533.webp&quot; alt=&quot;Pequeno Aprendiz&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Pequeno Aprendiz&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 40 caixas (garantido). O item mais cobiçado desta caixa &amp;mdash; e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/04/Visual2_37533.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Pequeno Aprendiz&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/23/Visual2_36356.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Winghead Blue&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/94/Visual2_32062.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aureum Auréola&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ca/Visual2_37514.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cartola Fantasma&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d1/Visual2_31005.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Grifinho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual2_31330.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fairy Poison Apple&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_32146.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tiara de Grand Peco&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1f/Visual2_36863.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Heroica&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual2_37004.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Hat de bode&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual2_37224.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Argolas Divinas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/51/Visual2_37273.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cabeça de Cavalo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/29/Visual2_37345.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Máscara de Bafomé&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0f/Visual2_37448.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amizade Felina&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual2_37464.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Divina&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b3/Visual2_37467.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Duque Gatistico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b3/Visual2_38008.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Friendly white fox&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/77/Visual2_38038.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sakura Witch Hat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual2_38045.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa de Leão&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/13/Visual2_38117.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Angel Berry Wig&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a4/Visual2_38138.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cat Whisper Cloth&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/aa/Visual2_38166.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Guide of Dead Cap&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Meio&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de meio da cabeça &amp;mdash; &lt;b&gt;25 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual2_31205.webp&quot; alt=&quot;Twin Dragons&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Twin Dragons&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 80 caixas (garantido). O item mais cobiçado desta caixa &amp;mdash; e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual2_31205.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Twin Dragons&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/08/Visual2_31195.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Skulls&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f8/Visual2_31214.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Crows&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_34286.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Snack Party&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5d/Visual2_31110.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Immortal Power&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/26/Visual2_31156.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Goo Ghost&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/80/Visual2_31181.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Minireaper&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual2_31216.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Music Ring&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/da/Visual2_31263.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Thin Eyes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/32/Visual2_31279.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Blink Eyes Dragon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/28/Visual2_31407.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Midnight Candle&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ca/Visual2_33853.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Black Lotus Flower Coat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2b/Visual2_33854.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Black Navy Coat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a0/Visual2_35103.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Evileye of Falsegods&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e9/Visual2_36279.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Kitsune Kimono&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual2_36301.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Kanzashi Februry&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6b/Visual2_37440.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Caveiras Flutuantes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/12/Visual2_37446.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sprite de Maldição&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1d/Visual2_37524.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gelo de Loomin&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9f/Visual2_37612.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manystars&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/95/Visual2_37621.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Elephangel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e5/Visual2_37723.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Rabbit Winged Robe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b1/Visual2_37961.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Yesterday Once More&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b5/Visual2_37962.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Magic Celestial Globe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual2_38103.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Consecrate Aureola&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Baixo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de baixo da cabeça &amp;mdash; &lt;b&gt;19 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_36357.webp&quot; alt=&quot;Maia Aura&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Maia Aura&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 80 caixas (garantido). O item mais cobiçado desta caixa &amp;mdash; e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_36357.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Maia Aura&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c4/Visual2_31081.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Colorful Spark&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/76/Visual2_36355.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Inlove&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/14/Visual2_31075.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Bubbles&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1c/Visual2_31165.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Lightning Power Black&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b9/Visual2_31051.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Berserk Black&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c2/Visual2_31072.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amaterasu Aura Blue&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3d/Visual2_31073.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Athena Blue&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/da/Visual2_31095.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Walking Enjoy A-Ji&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a3/Visual2_31143.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dim Thunder&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual2_31163.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Feathers&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/51/Visual2_31211.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Void Energy&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/69/Visual2_31227.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Zombie Hands&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/74/Visual2_34214.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cons of Light Dark&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/57/Visual2_36349.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Hologram&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/fb/Visual2_37564.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;White Rabbit&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual2_37629.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Protect Cloth&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a5/Visual2_37638.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Stall of demonios&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual2_38208.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chained bear&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Manto&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de manto &amp;mdash; &lt;b&gt;24 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend gg&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_36358.webp&quot; alt=&quot;Dark Lord Manteau&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Dark Lord Manteau&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 200 caixas (garantido). O item mais cobiçado desta caixa &amp;mdash; e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg gg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_36358.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dark Lord Manteau&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg gg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8b/Visual2_32633.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manto do Dragão Guerreiro&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-break&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/bc/Visual2_32692.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Labrys&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a7/Visual2_32695.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Leticia Wings&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/81/Visual2_32780.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Twin Edge&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/73/Visual2_32489.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Samurai Sword&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/91/Visual2_32515.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Valkyrie Spear&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/96/Visual2_32523.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Relicalitea&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/48/Visual2_32580.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Wings Girm&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ad/Visual2_32616.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Big Ribbon Cloa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9e/Visual2_32643.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Diabolic&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f5/Visual2_32645.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Divine Phoenix&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1c/Visual2_32652.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Filir Bag&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual2_32657.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Galapago Aquarium&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cf/Visual2_32693.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Lapine Wings&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/7f/Visual2_32694.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Leaf Umbrella&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/89/Visual2_32696.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Libra Wing&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/30/Visual2_32697.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Loli Ruri Moon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/19/Visual2_32705.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Moonlight Bell&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/50/Visual2_32722.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Plant Outing&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f8/Visual2_32728.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Poring Syringe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/22/Visual2_32775.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sweet Flower Garden&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6f/Visual2_32928.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;HoleWings&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual2_32933.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Inuyasha Kagone pet&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-pane vis-pane1&quot;&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;&lt;b&gt;Rotação encerrada.&lt;/b&gt; Os visuais abaixo saíram das Caixas de Visuais e &lt;b&gt;não voltarão&lt;/b&gt;. Ficam aqui como registro &amp;mdash; quem conquistou, tem para sempre.&lt;/p&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixas em rotação&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;As Caixas de Visuais funcionam em &lt;b&gt;rotação&lt;/b&gt;: de tempos em tempos, as caixas atuais saem de cena e dão lugar a &lt;b&gt;caixas novas, com visuais novos&lt;/b&gt;. E o mais importante — &lt;b&gt;os visuais da caixa atual nunca mais voltarão&lt;/b&gt; em outras caixas. Quem garante agora, garante para sempre o que é exclusivo daquela rotação.&lt;/p&gt;<br /> <br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Topo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de topo da cabeça — &lt;b&gt;25 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/1/1a/Visual_30031.webp&quot; alt=&quot;Flaming Goats Yellow&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Flaming Goats Yellow&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 100 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1a/Visual_30031.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Flaming Goats Yellow&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30091.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chama Imortal Vermelho&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3a/Visual_30062.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Bola de Praia&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual_30063.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu de Bruxa Orelhuda&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d5/Visual_30064.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Café de Gato&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual_30065.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Chocolat Rabbit&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e1/Visual_30066.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Poring Campeão&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2f/Visual_30067.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Peixe Raivoso&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/62/Visual_30068.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu do Astrólogo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8e/Visual_30069.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu de Buquê&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual_30070.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Ex Twin&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/32/Visual_30071.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu Choco Banana&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/60/Visual_30072.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tigresa Mascote&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b5/Visual_30073.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Deusa Freya&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30074.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Véu Divino&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a6/Visual_30075.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Orelhas Floridas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual_30076.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Guia da Floresta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9f/Visual_30077.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Capuz de Sapo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/18/Visual_30078.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Violeta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/68/Visual_30079.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Gata Halloween&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/31/Visual_30080.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gato Feliz&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0b/Visual_30081.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Boina Olhuda&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/45/Visual_30082.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sombreiro Muka&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0b/Visual_30083.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Quebra Nozes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/66/Visual_30095.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Instinto Vigilante Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Meio&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de meio da cabeça — &lt;b&gt;27 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30116.webp&quot; alt=&quot;Livros da Magia&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Livros da Magia&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 20 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30116.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Livros da Magia&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c0/Visual_30118_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fitas com Biscoitos&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/7f/Visual_30120.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Balões de Aniversário&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/01/Visual_30127.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Experimento Mental&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual_30141.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Céu Estrelado&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/58/Visual_30112.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Óculos Alien Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/30/Visual_30115.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sky Lantern&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3f/Visual_30117.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fitas de Orelha de Gato&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/47/Visual_30119.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mapa do Aventureiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d0/Visual_30121_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Olhos Piscantes Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/80/Visual_30124.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sombrinha Florida&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual_30125.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cinnamon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/67/Visual_30126_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Brilho Divino&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual_30128.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Banquinha Marinha&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c4/Visual_30129_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Abafadores de Orelha de Coração&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30130.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tilby Voadora&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c9/Visual_30131.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amigos da Floresta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8b/Visual_30132.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Morcegos Fantasmagóricos&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/72/Visual_30133.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Anjinho do Amor&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/40/Visual_30134.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Elmo de Rá&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d1/Visual_30135_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Espíritos de Papel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30136.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Balança do Julgamento&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ae/Visual_30137.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aparato Flutuante&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/db/Visual_30138.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Rochosa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/26/Visual_30139.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Caveiras Místicas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/46/Visual_30140.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Drones Vigilantes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ac/Visual_30180.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Byalan&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Baixo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de baixo da cabeça e auras — &lt;b&gt;20 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/5/5e/Visual_30182.webp&quot; alt=&quot;Dobra de Terra&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Dobra de Terra&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 33 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5e/Visual_30182.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Terra&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/12/Visual_30183.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Fogo&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8e/Visual_30186.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Vento&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/85/Visual_30188.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Água&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a1/Visual_30192.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Fantasmagórica Laranja&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f1/Visual_30200_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Cibernética Verde&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2b/Visual_30246_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Elétrica Vermelho&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual_30190.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura do Amor&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/63/Visual_30189_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Antique Pipe Poring&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30191.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Visual de Chiclete&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/bb/Visual_30187_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Brilho das Estrelas Violeta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a7/Visual_30184.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Set de Velas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ee/Visual_30218_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Sheen Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30229_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Atômica Dourada&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/4e/Visual_30214_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura da Natureza Verde&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0d/Visual_30211_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura da Ascensão Branco&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c2/Visual_30042.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Apaixonada&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/33/Visual_30252.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Pétalas Vermelho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/45/Visual_30261.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Outono&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5d/Visual_30267_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Borboletas Colorido&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Manto&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Asas, mantos e mochilas — &lt;b&gt;28 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30049_b.webp&quot; alt=&quot;Aureum Wings Dourada&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Aureum Wings Dourada&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 200 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30049_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aureum Wings Dourada&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/91/Visual_30293_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cruz do Druida Maligno&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/68/Visual_30295_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Foice da Princesa Mestiça&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9e/Visual_30285_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Shuriken Ornamental&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/02/Visual_30280_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Baldir&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e2/Visual_30269_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila da Aventura&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ee/Visual_30270_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Fada Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a6/Visual_30271_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Uriel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8c/Visual_30272_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila de Amstir&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/84/Visual_30273_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Aniversário 20 Anos&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual_30274_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Serafim&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/85/Visual_30275_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Arco nas Costas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d7/Visual_30277_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila do Explorador&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a3/Visual_30278_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Vassoura da Alice&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f0/Visual_30279_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manto Aquático&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual_30281_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila do Cervejeiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual_30282_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila de Coelho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e7/Visual_30283_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cauda de Arbusto&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/18/Visual_30284_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Grimório Mágico Antigo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30286_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Baú do Mímico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b7/Visual_30287_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Véu Abençoado&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9c/Visual_30288_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cutelo do Açougueiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/59/Visual_30289_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gatosquinha&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d2/Visual_30290_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cajado do Relógio&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/41/Visual_30291_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Espada Cibernética&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/59/Visual_30294_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Macabro Gigante&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ab/Visual_30296_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Rabo de Esquilo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30297_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Sakura&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-note&quot;&gt;Todos os visuais acima são cosméticos puros (Costume), aplicados sobre o seu equipamento sem alterar atributos. Personalize sem abrir mão da build.&lt;/div&gt;<br /> <br /> &lt;a href=&quot;/wiki/Item_Recolor&quot; style=&quot;display:flex;align-items:center;gap:18px;margin:34px auto 6px;max-width:760px;padding:20px 26px;text-decoration:none;border:1px solid rgba(198,160,74,.45);border-radius:16px;background:linear-gradient(135deg,rgba(40,30,12,.55),rgba(20,16,8,.35));box-shadow:0 6px 22px rgba(0,0,0,.28)&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/8/88/ItemRecolor.png&quot; alt=&quot;Item Recolor&quot; style=&quot;width:74px;height:74px;flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))&quot;&gt;<br /> &lt;div style=&quot;line-height:1.5&quot;&gt;<br /> &lt;div style=&quot;font-size:1.18em;font-weight:800;color:#e9c876;letter-spacing:.3px&quot;&gt;✦ Ah, e ainda temos o sistema de Recolor&lt;/div&gt;<br /> &lt;div style=&quot;color:#d8cdb4;margin-top:4px&quot;&gt;Boa parte desses visuais ganha &lt;b style=&quot;color:#e9c876&quot;&gt;versões recoloridas exclusivas do AureumRO&lt;/b&gt; — o mesmo visual que você ama, em dezenas de cores novas. &lt;b style=&quot;color:#f0d898&quot;&gt;Conheça o Item Recolor →&lt;/b&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/a&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> <br /> [[Categoria:Sobre o servidor]]</div> Admin https://wiki.aureumro.com/index.php?title=Visuais&diff=4758 Visuais 2026-08-04T23:37:35Z <p>Admin: [ROT2] destaque so com o pity, no mesmo texto da 1a rotacao</p> <hr /> <div>{{DISPLAYTITLE:Visuais}}<br /> __NOTOC__<br /> &lt;html&gt;<br /> &lt;div class=&quot;vis-wrap&quot;&gt;<br /> <br /> &lt;div class=&quot;vis-hero&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/2/28/Visuais.png&quot; alt=&quot;Visuais&quot;&gt;<br /> &lt;div class=&quot;vis-badge&quot;&gt;✦ Cosméticos AureumRO&lt;/div&gt;<br /> &lt;h1&gt;Visuais&lt;/h1&gt;<br /> &lt;p&gt;No AureumRO, expressar seu estilo é para todos. São &lt;b&gt;4 Caixas de Visuais&lt;/b&gt; com mais de &lt;b&gt;100 cosméticos&lt;/b&gt; — e aqui &lt;b&gt;não existe visual ruim&lt;/b&gt;.&lt;/p&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-stats&quot;&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;4&lt;/b&gt;&lt;span&gt;Caixas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;100&lt;/b&gt;&lt;span&gt;Visuais&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;5.000&lt;/b&gt;&lt;span&gt;Cash por caixa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;Garantido&lt;/b&gt;&lt;span&gt;Lendário no pity&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Feitas para todos se divertirem&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Acreditamos que personalizar o visual do seu personagem não pode ser privilégio de poucos. Por isso cada caixa custa um &lt;b&gt;preço justo de 5.000 cash&lt;/b&gt; — acessível para qualquer aventureiro.&lt;/p&gt;<br /> &lt;div class=&quot;vis-msg&quot;&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Não existe visual ruim&lt;/h4&gt;<br /> &lt;p&gt;Cada visual de cada caixa foi escolhido a dedo. Não importa o que sair, você vai abrir algo bonito de usar.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Só visuais. Nada de enrolação&lt;/h4&gt;<br /> &lt;p&gt;As Caixas de Visuais contêm &lt;b&gt;apenas cosméticos&lt;/b&gt; — sem consumíveis sem graça que ninguém liga ocupando espaço. Você paga por visual e recebe visual.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Lendário garantido&lt;/h4&gt;<br /> &lt;p&gt;Cada caixa tem um sistema de &lt;b&gt;pity&lt;/b&gt;: passou do limite de aberturas sem o lendário? A próxima vem com ele, garantido.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-tabs&quot;&gt;<br /> &lt;input type=&quot;radio&quot; name=&quot;visrot&quot; id=&quot;visrot2&quot; checked&gt;<br /> &lt;input type=&quot;radio&quot; name=&quot;visrot&quot; id=&quot;visrot1&quot;&gt;<br /> &lt;div class=&quot;vis-tabbar&quot;&gt;<br /> &lt;label for=&quot;visrot2&quot;&gt;2ª rotação &lt;b&gt;&amp;middot; atual&lt;/b&gt;&lt;/label&gt;<br /> &lt;label for=&quot;visrot1&quot;&gt;1ª rotação&lt;/label&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-pane vis-pane2&quot;&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixas em rotação&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Esta é a &lt;b&gt;2ª rotação&lt;/b&gt; de Caixas de Visuais. Os visuais abaixo são os que estão disponíveis agora &amp;mdash; e, como sempre, &lt;b&gt;não voltarão&lt;/b&gt; em rotações futuras.&lt;/p&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Topo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de topo da cabeça &amp;mdash; &lt;b&gt;21 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/0/04/Visual2_37533.webp&quot; alt=&quot;Pequeno Aprendiz&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Pequeno Aprendiz&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 40 caixas (garantido). O item mais cobiçado desta caixa &amp;mdash; e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/04/Visual2_37533.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Pequeno Aprendiz&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/23/Visual2_36356.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Winghead Blue&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/94/Visual2_32062.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aureum Auréola&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ca/Visual2_37514.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cartola Fantasma&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d1/Visual2_31005.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Grifinho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual2_31330.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fairy Poison Apple&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_32146.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tiara de Grand Peco&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1f/Visual2_36863.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Heroica&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual2_37004.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Hat de bode&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual2_37224.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Argolas Divinas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/51/Visual2_37273.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cabeça de Cavalo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/29/Visual2_37345.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Máscara de Bafomé&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0f/Visual2_37448.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amizade Felina&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual2_37464.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Divina&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b3/Visual2_37467.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Duque Gatistico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b3/Visual2_38008.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Friendly white fox&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/77/Visual2_38038.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sakura Witch Hat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual2_38045.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa de Leão&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/13/Visual2_38117.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Angel Berry Wig&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a4/Visual2_38138.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cat Whisper Cloth&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/aa/Visual2_38166.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Guide of Dead Cap&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Meio&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de meio da cabeça &amp;mdash; &lt;b&gt;24 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual2_31205.webp&quot; alt=&quot;Twin Dragons&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Twin Dragons&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 80 caixas (garantido). O item mais cobiçado desta caixa &amp;mdash; e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual2_31205.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Twin Dragons&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/08/Visual2_31195.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Skulls&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f8/Visual2_31214.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Crows&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_34286.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Snack Party&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5d/Visual2_31110.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Immortal Power&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/26/Visual2_31156.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Goo Ghost&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/80/Visual2_31181.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Minireaper&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual2_31216.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Music Ring&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/da/Visual2_31263.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Thin Eyes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/32/Visual2_31279.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Blink Eyes Dragon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/28/Visual2_31407.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Midnight Candle&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ca/Visual2_33853.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Black Lotus Flower Coat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2b/Visual2_33854.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Black Navy Coat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a0/Visual2_35103.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Evileye of Falsegods&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e9/Visual2_36279.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Kitsune Kimono&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual2_36301.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Kanzashi Februry&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6b/Visual2_37440.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Caveiras Flutuantes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1d/Visual2_37524.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gelo de Loomin&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9f/Visual2_37612.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manystars&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/95/Visual2_37621.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Elephangel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e5/Visual2_37723.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Rabbit Winged Robe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b1/Visual2_37961.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Yesterday Once More&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b5/Visual2_37962.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Magic Celestial Globe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual2_38103.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Consecrate Aureola&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Baixo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de baixo da cabeça &amp;mdash; &lt;b&gt;20 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_36357.webp&quot; alt=&quot;Maia Aura&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Maia Aura&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 80 caixas (garantido). O item mais cobiçado desta caixa &amp;mdash; e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_36357.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Maia Aura&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c4/Visual2_31081.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Colorful Spark&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/76/Visual2_36355.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Inlove&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/14/Visual2_31075.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Bubbles&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1c/Visual2_31165.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Lightning Power Black&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b9/Visual2_31051.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Berserk Black&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c2/Visual2_31072.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amaterasu Aura Blue&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3d/Visual2_31073.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Athena Blue&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/da/Visual2_31095.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Walking Enjoy A-Ji&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a3/Visual2_31143.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dim Thunder&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual2_31163.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Feathers&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/51/Visual2_31211.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Void Energy&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/69/Visual2_31227.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Zombie Hands&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual2_32933.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Inuyasha Kagone pet&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/74/Visual2_34214.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cons of Light Dark&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/57/Visual2_36349.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Hologram&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/fb/Visual2_37564.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;White Rabbit&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual2_37629.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Protect Cloth&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a5/Visual2_37638.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Stall of demonios&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual2_38208.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chained bear&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Manto&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de manto &amp;mdash; &lt;b&gt;24 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend gg&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_36358.webp&quot; alt=&quot;Dark Lord Manteau&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Dark Lord Manteau&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 200 caixas (garantido). O item mais cobiçado desta caixa &amp;mdash; e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg gg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_36358.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dark Lord Manteau&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg gg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8b/Visual2_32633.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manto do Dragão Guerreiro&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-break&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/bc/Visual2_32692.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Labrys&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a7/Visual2_32695.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Leticia Wings&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/81/Visual2_32780.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Twin Edge&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/73/Visual2_32489.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Samurai Sword&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/91/Visual2_32515.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Valkyrie Spear&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/96/Visual2_32523.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Relicalitea&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/48/Visual2_32580.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Wings Girm&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ad/Visual2_32616.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Big Ribbon Cloa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9e/Visual2_32643.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Diabolic&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f5/Visual2_32645.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Divine Phoenix&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1c/Visual2_32652.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Filir Bag&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual2_32657.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Galapago Aquarium&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cf/Visual2_32693.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Lapine Wings&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/7f/Visual2_32694.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Leaf Umbrella&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/89/Visual2_32696.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Libra Wing&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/30/Visual2_32697.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Loli Ruri Moon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/19/Visual2_32705.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Moonlight Bell&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/50/Visual2_32722.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Plant Outing&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f8/Visual2_32728.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Poring Syringe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/22/Visual2_32775.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sweet Flower Garden&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6f/Visual2_32928.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;HoleWings&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/12/Visual2_37446.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sprite de Maldição&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-pane vis-pane1&quot;&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;&lt;b&gt;Rotação encerrada.&lt;/b&gt; Os visuais abaixo saíram das Caixas de Visuais e &lt;b&gt;não voltarão&lt;/b&gt;. Ficam aqui como registro &amp;mdash; quem conquistou, tem para sempre.&lt;/p&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixas em rotação&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;As Caixas de Visuais funcionam em &lt;b&gt;rotação&lt;/b&gt;: de tempos em tempos, as caixas atuais saem de cena e dão lugar a &lt;b&gt;caixas novas, com visuais novos&lt;/b&gt;. E o mais importante — &lt;b&gt;os visuais da caixa atual nunca mais voltarão&lt;/b&gt; em outras caixas. Quem garante agora, garante para sempre o que é exclusivo daquela rotação.&lt;/p&gt;<br /> <br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Topo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de topo da cabeça — &lt;b&gt;25 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/1/1a/Visual_30031.webp&quot; alt=&quot;Flaming Goats Yellow&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Flaming Goats Yellow&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 100 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1a/Visual_30031.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Flaming Goats Yellow&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30091.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chama Imortal Vermelho&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3a/Visual_30062.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Bola de Praia&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual_30063.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu de Bruxa Orelhuda&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d5/Visual_30064.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Café de Gato&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual_30065.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Chocolat Rabbit&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e1/Visual_30066.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Poring Campeão&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2f/Visual_30067.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Peixe Raivoso&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/62/Visual_30068.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu do Astrólogo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8e/Visual_30069.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu de Buquê&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual_30070.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Ex Twin&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/32/Visual_30071.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu Choco Banana&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/60/Visual_30072.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tigresa Mascote&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b5/Visual_30073.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Deusa Freya&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30074.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Véu Divino&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a6/Visual_30075.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Orelhas Floridas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual_30076.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Guia da Floresta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9f/Visual_30077.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Capuz de Sapo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/18/Visual_30078.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Violeta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/68/Visual_30079.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Gata Halloween&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/31/Visual_30080.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gato Feliz&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0b/Visual_30081.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Boina Olhuda&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/45/Visual_30082.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sombreiro Muka&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0b/Visual_30083.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Quebra Nozes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/66/Visual_30095.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Instinto Vigilante Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Meio&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de meio da cabeça — &lt;b&gt;27 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30116.webp&quot; alt=&quot;Livros da Magia&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Livros da Magia&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 20 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30116.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Livros da Magia&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c0/Visual_30118_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fitas com Biscoitos&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/7f/Visual_30120.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Balões de Aniversário&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/01/Visual_30127.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Experimento Mental&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual_30141.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Céu Estrelado&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/58/Visual_30112.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Óculos Alien Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/30/Visual_30115.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sky Lantern&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3f/Visual_30117.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fitas de Orelha de Gato&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/47/Visual_30119.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mapa do Aventureiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d0/Visual_30121_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Olhos Piscantes Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/80/Visual_30124.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sombrinha Florida&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual_30125.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cinnamon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/67/Visual_30126_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Brilho Divino&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual_30128.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Banquinha Marinha&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c4/Visual_30129_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Abafadores de Orelha de Coração&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30130.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tilby Voadora&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c9/Visual_30131.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amigos da Floresta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8b/Visual_30132.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Morcegos Fantasmagóricos&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/72/Visual_30133.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Anjinho do Amor&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/40/Visual_30134.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Elmo de Rá&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d1/Visual_30135_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Espíritos de Papel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30136.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Balança do Julgamento&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ae/Visual_30137.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aparato Flutuante&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/db/Visual_30138.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Rochosa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/26/Visual_30139.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Caveiras Místicas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/46/Visual_30140.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Drones Vigilantes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ac/Visual_30180.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Byalan&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Baixo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de baixo da cabeça e auras — &lt;b&gt;20 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/5/5e/Visual_30182.webp&quot; alt=&quot;Dobra de Terra&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Dobra de Terra&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 33 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5e/Visual_30182.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Terra&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/12/Visual_30183.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Fogo&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8e/Visual_30186.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Vento&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/85/Visual_30188.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Água&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a1/Visual_30192.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Fantasmagórica Laranja&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f1/Visual_30200_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Cibernética Verde&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2b/Visual_30246_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Elétrica Vermelho&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual_30190.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura do Amor&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/63/Visual_30189_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Antique Pipe Poring&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30191.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Visual de Chiclete&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/bb/Visual_30187_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Brilho das Estrelas Violeta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a7/Visual_30184.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Set de Velas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ee/Visual_30218_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Sheen Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30229_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Atômica Dourada&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/4e/Visual_30214_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura da Natureza Verde&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0d/Visual_30211_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura da Ascensão Branco&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c2/Visual_30042.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Apaixonada&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/33/Visual_30252.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Pétalas Vermelho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/45/Visual_30261.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Outono&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5d/Visual_30267_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Borboletas Colorido&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Manto&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Asas, mantos e mochilas — &lt;b&gt;28 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30049_b.webp&quot; alt=&quot;Aureum Wings Dourada&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Aureum Wings Dourada&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 200 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30049_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aureum Wings Dourada&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/91/Visual_30293_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cruz do Druida Maligno&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/68/Visual_30295_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Foice da Princesa Mestiça&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9e/Visual_30285_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Shuriken Ornamental&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/02/Visual_30280_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Baldir&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e2/Visual_30269_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila da Aventura&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ee/Visual_30270_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Fada Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a6/Visual_30271_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Uriel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8c/Visual_30272_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila de Amstir&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/84/Visual_30273_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Aniversário 20 Anos&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual_30274_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Serafim&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/85/Visual_30275_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Arco nas Costas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d7/Visual_30277_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila do Explorador&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a3/Visual_30278_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Vassoura da Alice&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f0/Visual_30279_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manto Aquático&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual_30281_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila do Cervejeiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual_30282_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila de Coelho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e7/Visual_30283_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cauda de Arbusto&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/18/Visual_30284_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Grimório Mágico Antigo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30286_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Baú do Mímico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b7/Visual_30287_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Véu Abençoado&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9c/Visual_30288_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cutelo do Açougueiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/59/Visual_30289_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gatosquinha&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d2/Visual_30290_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cajado do Relógio&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/41/Visual_30291_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Espada Cibernética&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/59/Visual_30294_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Macabro Gigante&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ab/Visual_30296_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Rabo de Esquilo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30297_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Sakura&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-note&quot;&gt;Todos os visuais acima são cosméticos puros (Costume), aplicados sobre o seu equipamento sem alterar atributos. Personalize sem abrir mão da build.&lt;/div&gt;<br /> <br /> &lt;a href=&quot;/wiki/Item_Recolor&quot; style=&quot;display:flex;align-items:center;gap:18px;margin:34px auto 6px;max-width:760px;padding:20px 26px;text-decoration:none;border:1px solid rgba(198,160,74,.45);border-radius:16px;background:linear-gradient(135deg,rgba(40,30,12,.55),rgba(20,16,8,.35));box-shadow:0 6px 22px rgba(0,0,0,.28)&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/8/88/ItemRecolor.png&quot; alt=&quot;Item Recolor&quot; style=&quot;width:74px;height:74px;flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))&quot;&gt;<br /> &lt;div style=&quot;line-height:1.5&quot;&gt;<br /> &lt;div style=&quot;font-size:1.18em;font-weight:800;color:#e9c876;letter-spacing:.3px&quot;&gt;✦ Ah, e ainda temos o sistema de Recolor&lt;/div&gt;<br /> &lt;div style=&quot;color:#d8cdb4;margin-top:4px&quot;&gt;Boa parte desses visuais ganha &lt;b style=&quot;color:#e9c876&quot;&gt;versões recoloridas exclusivas do AureumRO&lt;/b&gt; — o mesmo visual que você ama, em dezenas de cores novas. &lt;b style=&quot;color:#f0d898&quot;&gt;Conheça o Item Recolor →&lt;/b&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/a&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> <br /> [[Categoria:Sobre o servidor]]</div> Admin https://wiki.aureumro.com/index.php?title=MediaWiki:Common.css&diff=4757 MediaWiki:Common.css 2026-08-04T23:36:14Z <p>Admin: [ROT2] vis-break: quebra de linha apos os cards duplos</p> <hr /> <div><br /> <br /> /* ============================================================<br /> AureumRO Wiki — Identidade própria (Vector legacy)<br /> Paleta dourada + fontes Cinzel/Cormorant + decoração medieval<br /> ============================================================ */<br /> <br /> /* === FONTES ============================================== */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;display=swap');<br /> <br /> /* === VARIÁVEIS ============================================ */<br /> :root {<br /> --aur-primary: #d4af37;<br /> --aur-primary2: #a8861f;<br /> --aur-dark: #1b1304;<br /> --aur-darker: #0e0a02;<br /> --aur-accent: #f4d97a;<br /> --aur-bronze: #8a6c1e;<br /> --aur-border: rgba(212, 175, 55, 0.22);<br /> --aur-text: #3a2614;<br /> --aur-muted: #8a7a5a;<br /> --aur-surface: #fdf8e8;<br /> --aur-cream: #faf4e0;<br /> }<br /> <br /> /* === FUNDO GERAL ========================================== */<br /> body {<br /> background: #faf4e0 !important;<br /> font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;<br /> font-size: 16px !important;<br /> color: #3a2614 !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> /* === LOGO ================================================= */<br /> a.mw-wiki-logo {<br /> width: 200px !important;<br /> height: 200px !important;<br /> background-size: 190px 190px !important;<br /> background-repeat: no-repeat !important;<br /> background-position: center center !important;<br /> display: block !important;<br /> filter: drop-shadow(0 4px 12px rgba(212,175,55,0.25));<br /> }<br /> <br /> #p-logo {<br /> width: 220px !important;<br /> height: 210px !important;<br /> padding: 5px 0 0 0 !important;<br /> margin: 0 !important;<br /> overflow: visible !important;<br /> background: linear-gradient(180deg, transparent, rgba(212,175,55,0.05)) !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.2) !important;<br /> }<br /> <br /> /* === TOPBAR =============================================== */<br /> #mw-head,<br /> .vector-header,<br /> div#mw-head {<br /> background: linear-gradient(180deg, #1b1304 0%, #0e0a02 100%) !important;<br /> border-bottom: 2px solid #d4af37 !important;<br /> box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> #p-namespaces li a,<br /> #p-views li a,<br /> li.selected a,<br /> .vector-tab-noaction a {<br /> background: transparent !important;<br /> color: rgba(255,255,255,0.55) !important;<br /> border-color: transparent !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 11px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 1.5px !important;<br /> text-transform: uppercase !important;<br /> }<br /> #p-namespaces li.selected a,<br /> #p-views li.selected a {<br /> color: #f4d97a !important;<br /> border-bottom: 2px solid #d4af37 !important;<br /> background: rgba(212,175,55,0.12) !important;<br /> }<br /> #p-namespaces li a:hover,<br /> #p-views li a:hover {<br /> color: #fff !important;<br /> background: rgba(255,255,255,0.06) !important;<br /> }<br /> <br /> #searchInput,<br /> input[name=&quot;search&quot;],<br /> .cdx-text-input__input {<br /> border-radius: 0 !important;<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.6) !important;<br /> background: rgba(0,0,0,0.25) !important;<br /> color: rgba(255,255,255,0.95) !important;<br /> padding: 6px 14px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 14px !important;<br /> font-style: italic !important;<br /> }<br /> #searchInput::placeholder { color: rgba(255,255,255,0.4) !important; font-style: italic; }<br /> #searchButton, .searchButton {<br /> background: #d4af37 !important;<br /> border-radius: 0 !important;<br /> border: none !important;<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1px !important;<br /> text-transform: uppercase !important;<br /> font-size: 10px !important;<br /> }<br /> <br /> /* === SIDEBAR ============================================== */<br /> #mw-panel {<br /> position: absolute !important;<br /> width: 220px !important;<br /> left: 0 !important;<br /> top: 0 !important;<br /> padding-top: 0 !important;<br /> background: #faf4e0 !important;<br /> border-right: 1px solid rgba(212,175,55,0.18) !important;<br /> }<br /> <br /> .portal h3,<br /> #p-tb h3,<br /> #p-navigation h3 {<br /> color: #a8861f !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 10px !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 2px !important;<br /> text-transform: uppercase !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.25) !important;<br /> padding-bottom: 6px !important;<br /> margin-bottom: 8px !important;<br /> position: relative;<br /> }<br /> .portal h3::after,<br /> #p-tb h3::after,<br /> #p-navigation h3::after {<br /> content: &quot;✦&quot;;<br /> position: absolute;<br /> right: 0;<br /> color: #d4af37;<br /> font-size: 9px;<br /> opacity: 0.7;<br /> }<br /> <br /> .portal li a,<br /> #p-tb li a,<br /> #p-navigation li a {<br /> color: #2a1a08 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 600 !important;<br /> text-decoration: none !important;<br /> line-height: 1.95 !important;<br /> transition: all 0.2s !important;<br /> }<br /> .portal li a:hover,<br /> #p-tb li a:hover,<br /> #p-navigation li a:hover {<br /> color: #a8861f !important;<br /> padding-left: 6px !important;<br /> }<br /> <br /> .portal {<br /> margin: 12px 0 !important;<br /> padding: 0 12px !important;<br /> }<br /> <br /> /* === CONTEÚDO PRINCIPAL =================================== */<br /> #content, div#content {<br /> margin-left: 260px !important;<br /> margin-right: 12px !important;<br /> margin-top: 12px !important;<br /> margin-bottom: 12px !important;<br /> background: #fff !important;<br /> border: 1px solid rgba(212,175,55,0.25) !important;<br /> border-radius: 4px !important;<br /> box-shadow: 0 2px 10px rgba(212,175,55,0.08), inset 0 0 0 1px rgba(212,175,55,0.04) !important;<br /> padding: 32px 36px !important;<br /> position: relative;<br /> }<br /> /* Decoração de cantos no content (4 cantos com pequeno detalhe dourado) */<br /> #content::before,<br /> #content::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 14px;<br /> height: 14px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.5;<br /> }<br /> #content::before {<br /> top: 6px; left: 6px;<br /> border-right: none; border-bottom: none;<br /> }<br /> #content::after {<br /> bottom: 6px; right: 6px;<br /> border-left: none; border-top: none;<br /> }<br /> #column-content {<br /> margin-left: 250px !important;<br /> }<br /> #mw-head-base {<br /> margin-left: 230px !important;<br /> }<br /> <br /> /* === TIPOGRAFIA =========================================== */<br /> h1.firstHeading,<br /> #firstHeading {<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 32px !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1.5px !important;<br /> border-bottom: none !important;<br /> padding-bottom: 12px !important;<br /> margin-bottom: 24px !important;<br /> position: relative;<br /> }<br /> h1.firstHeading::after,<br /> #firstHeading::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0; left: 0;<br /> width: 100px; height: 2px;<br /> background: linear-gradient(90deg, #d4af37, transparent);<br /> }<br /> h2 {<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 20px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 1px !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.25) !important;<br /> padding-bottom: 8px !important;<br /> margin: 28px 0 14px !important;<br /> }<br /> h3 {<br /> color: #a8861f !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 0.5px !important;<br /> margin: 20px 0 10px !important;<br /> }<br /> <br /> p { font-size: 16px !important; }<br /> <br /> a, a:visited { color: #a8861f !important; text-decoration: none !important; transition: all 0.15s !important; }<br /> a:hover { color: #d4af37 !important; text-decoration: underline !important; text-decoration-color: rgba(212,175,55,0.5) !important; text-underline-offset: 3px !important; }<br /> a.new { color: #c25450 !important; }<br /> <br /> /* === TABELAS ============================================== */<br /> table.wikitable {<br /> border-collapse: collapse !important;<br /> width: 100% !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 15px !important;<br /> margin: 16px 0 !important;<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-radius: 4px !important;<br /> overflow: hidden !important;<br /> }<br /> table.wikitable th {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02) !important;<br /> color: #f4d97a !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 11px !important;<br /> font-weight: 700 !important;<br /> text-transform: uppercase !important;<br /> letter-spacing: 1.5px !important;<br /> padding: 12px 16px !important;<br /> border: 1px solid rgba(212,175,55,0.4) !important;<br /> }<br /> table.wikitable td {<br /> padding: 10px 16px !important;<br /> border: 1px solid rgba(212,175,55,0.15) !important;<br /> background: #fff !important;<br /> color: #3a2614 !important;<br /> }<br /> table.wikitable tr:nth-child(even) td { background: #fdf8e8 !important; }<br /> table.wikitable tr:hover td { background: #fef3d5 !important; }<br /> <br /> /* === TOC, CATEGORIAS, FOOTER (mantém base) ================ */<br /> #toc, .toc {<br /> background: #fdf8e8 !important;<br /> border: 1px solid rgba(212,175,55,0.25) !important;<br /> border-radius: 4px !important;<br /> padding: 14px 18px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> }<br /> #toc h2, .toc h2 { font-family: 'Inter', system-ui, sans-serif !important; color: #a8861f !important; font-size: 12px !important; letter-spacing: 1.5px !important; }<br /> <br /> #catlinks {<br /> background: #fdf8e8 !important;<br /> border: 1px solid rgba(212,175,55,0.2) !important;<br /> border-radius: 4px !important;<br /> padding: 10px 16px !important;<br /> font-size: 13px !important;<br /> margin-top: 28px !important;<br /> }<br /> <br /> #footer-info-lastmod, li#footer-info-lastmod { display: none !important; }<br /> .page-Página_principal #footer-places,<br /> .page-Página_principal #footer-info { display: none !important; }<br /> <br /> #footer, .mw-footer {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02) !important;<br /> border-top: 2px solid #d4af37 !important;<br /> padding: 14px 24px !important;<br /> }<br /> #footer-places li, #footer-info li, #footer li {<br /> display: inline !important;<br /> color: rgba(255,255,255,0.5) !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 13px !important;<br /> }<br /> #footer-places li::after { content: &quot; · &quot;; color: rgba(212,175,55,0.4); }<br /> #footer-places li:last-child::after { content: &quot;&quot;; }<br /> #footer a { color: rgba(255,255,255,0.55) !important; }<br /> #footer a:hover { color: #d4af37 !important; }<br /> #footer-icons { display: none !important; }<br /> <br /> /* === EDIT BOX, BOTÕES, SCROLLBAR ========================== */<br /> #wpTextbox1 {<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-radius: 4px !important;<br /> padding: 12px !important;<br /> font-size: 14px !important;<br /> font-family: &quot;Courier New&quot;, monospace !important;<br /> }<br /> .mw-ui-progressive,<br /> .oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background: linear-gradient(180deg, #d4af37, #a8861f) !important;<br /> border: 1px solid #8a6c1e !important;<br /> color: #1b1304 !important;<br /> border-radius: 2px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1px !important;<br /> text-transform: uppercase !important;<br /> font-size: 11px !important;<br /> }<br /> ::-webkit-scrollbar { width: 6px; height: 6px; }<br /> ::-webkit-scrollbar-track { background: rgba(212,175,55,0.05); }<br /> ::-webkit-scrollbar-thumb { background: rgba(212,175,55,0.4); border-radius: 0; }<br /> ::-webkit-scrollbar-thumb:hover { background: #d4af37; }<br /> <br /> /* ============================================================<br /> COMPONENTES AureumRO (.aur-*)<br /> ============================================================ */<br /> <br /> /* === HERO com decoração própria ============================ */<br /> .aur-hero {<br /> position: relative;<br /> background:<br /> radial-gradient(circle at 20% 30%, rgba(212,175,55,0.08) 0%, transparent 50%),<br /> radial-gradient(circle at 80% 70%, rgba(212,175,55,0.06) 0%, transparent 50%),<br /> linear-gradient(135deg, #1b1304 0%, #2a1f0c 50%, #0e0a02 100%);<br /> border: 1px solid rgba(212,175,55,0.4);<br /> border-radius: 4px;<br /> padding: 44px 36px;<br /> text-align: center;<br /> margin-bottom: 24px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 24px rgba(212,175,55,0.12), inset 0 1px 0 rgba(255,255,255,0.05);<br /> }<br /> /* Cantos decorativos do hero (4 cantos) */<br /> .aur-hero::before,<br /> .aur-hero::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 32px;<br /> height: 32px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.6;<br /> }<br /> .aur-hero::before {<br /> top: 10px; left: 10px;<br /> border-right: none; border-bottom: none;<br /> }<br /> .aur-hero::after {<br /> bottom: 10px; right: 10px;<br /> border-left: none; border-top: none;<br /> }<br /> .aur-hero-title {<br /> color: #fff;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 36px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> margin-bottom: 10px;<br /> text-shadow: 0 2px 8px rgba(212,175,55,0.3);<br /> line-height: 1.15;<br /> }<br /> .aur-hero-title .accent {<br /> background: linear-gradient(120deg, #f4d97a 0%, #d4af37 60%, #a8861f 100%);<br /> -webkit-background-clip: text;<br /> -webkit-text-fill-color: transparent;<br /> background-clip: text;<br /> }<br /> .aur-hero-sub {<br /> color: rgba(255,255,255,0.65);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-style: italic;<br /> font-size: 16px;<br /> line-height: 1.6;<br /> margin-bottom: 22px;<br /> max-width: 640px;<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> .aur-hero-badge {<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.5);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> letter-spacing: 3px;<br /> text-transform: uppercase;<br /> padding: 5px 14px;<br /> border-radius: 0;<br /> margin-bottom: 18px;<br /> }<br /> .aur-pills {<br /> display: flex;<br /> gap: 10px;<br /> justify-content: center;<br /> flex-wrap: wrap;<br /> }<br /> .aur-pill {<br /> background: rgba(212,175,55,0.08);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> color: rgba(255,255,255,0.8);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> padding: 6px 14px;<br /> border-radius: 0;<br /> font-size: 13px;<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> transition: all 0.2s;<br /> }<br /> .aur-pill:hover {<br /> border-color: #d4af37;<br /> background: rgba(212,175,55,0.18);<br /> color: #fff;<br /> }<br /> <br /> /* === STATS GRANDES (4 cards substituem a infobar 6-células) === */<br /> .aur-stats {<br /> display: grid;<br /> grid-template-columns: repeat(4, 1fr);<br /> gap: 12px;<br /> margin-bottom: 22px;<br /> }<br /> .aur-stat {<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> border-top: 3px solid #d4af37;<br /> padding: 18px 16px;<br /> text-align: center;<br /> position: relative;<br /> transition: all 0.2s;<br /> }<br /> .aur-stat:hover {<br /> border-top-color: #f4d97a;<br /> box-shadow: 0 6px 18px rgba(212,175,55,0.15);<br /> transform: translateY(-2px);<br /> }<br /> .aur-stat-icon {<br /> font-size: 22px;<br /> color: #d4af37;<br /> margin-bottom: 4px;<br /> }<br /> .aur-stat-label {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 600;<br /> text-transform: uppercase;<br /> letter-spacing: 2px;<br /> color: #8a6c1e;<br /> margin-bottom: 6px;<br /> }<br /> .aur-stat-value {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> letter-spacing: 0.5px;<br /> }<br /> <br /> /* === WIDGETS: Status do servidor + Notícias ============== */<br /> .aur-widgets {<br /> display: grid;<br /> grid-template-columns: 1fr 1.4fr;<br /> gap: 12px;<br /> margin-bottom: 22px;<br /> }<br /> .aur-widget {<br /> background: #fff;<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-radius: 4px;<br /> overflow: hidden;<br /> position: relative;<br /> }<br /> .aur-widget-header {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02);<br /> padding: 12px 18px;<br /> border-bottom: 2px solid #d4af37;<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> }<br /> .aur-widget-title {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 12px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> text-transform: uppercase;<br /> }<br /> .aur-widget-body { padding: 16px 18px; }<br /> .aur-widget-body p { margin: 4px 0; font-size: 14px; color: #3a2614; }<br /> <br /> /* Status indicator */<br /> .aur-status-dot {<br /> display: inline-block;<br /> width: 10px; height: 10px;<br /> border-radius: 50%;<br /> background: #2eb86b;<br /> box-shadow: 0 0 8px #2eb86b;<br /> animation: aur-pulse 2s infinite;<br /> }<br /> @keyframes aur-pulse {<br /> 0%, 100% { opacity: 1; }<br /> 50% { opacity: 0.6; }<br /> }<br /> .aur-status-line {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> padding: 6px 0;<br /> border-bottom: 1px dashed rgba(212,175,55,0.18);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> }<br /> .aur-status-line:last-child { border-bottom: none; }<br /> .aur-status-label { color: #6b5a3a; font-size: 14px; }<br /> .aur-status-value { color: #1b1304; font-weight: 600; font-size: 14px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.5px; }<br /> <br /> /* Notícias */<br /> .aur-news-item {<br /> padding: 10px 0;<br /> border-bottom: 1px dashed rgba(212,175,55,0.18);<br /> }<br /> .aur-news-item:last-child { border-bottom: none; }<br /> .aur-news-date {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> color: #a8861f;<br /> text-transform: uppercase;<br /> letter-spacing: 1.5px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-news-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 14px;<br /> color: #1b1304;<br /> font-weight: 600;<br /> }<br /> .aur-news-title a { color: #1b1304 !important; }<br /> .aur-news-title a:hover { color: #d4af37 !important; text-decoration: none !important; }<br /> <br /> /* === BLOCOS DE NAVEGAÇÃO ================================== */<br /> .wiki-blocks {<br /> display: grid;<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 12px;<br /> margin-bottom: 16px;<br /> }<br /> .wiki-block {<br /> background: #fff;<br /> border: 1px solid rgba(212,175,55,0.22);<br /> border-radius: 4px;<br /> overflow: hidden;<br /> transition: all 0.2s;<br /> }<br /> .wiki-block:hover {<br /> border-color: rgba(212,175,55,0.5);<br /> box-shadow: 0 4px 16px rgba(212,175,55,0.1);<br /> }<br /> .wiki-block-title {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02);<br /> padding: 11px 18px;<br /> border-bottom: 2px solid #d4af37;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 10px;<br /> }<br /> .wiki-block-title::before,<br /> .wiki-block-title::after {<br /> content: &quot;✦&quot;;<br /> color: #d4af37;<br /> font-size: 10px;<br /> }<br /> .wiki-block-title-text {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 2px;<br /> }<br /> .wiki-link {<br /> display: flex;<br /> align-items: center;<br /> gap: 12px;<br /> padding: 12px 18px;<br /> border-bottom: 1px solid rgba(212,175,55,0.08);<br /> text-decoration: none !important;<br /> color: #3a2614 !important;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> transition: all 0.18s;<br /> position: relative;<br /> }<br /> .wiki-link::after {<br /> content: &quot;›&quot;;<br /> position: absolute;<br /> right: 14px;<br /> color: rgba(212,175,55,0);<br /> font-size: 18px;<br /> transition: all 0.18s;<br /> }<br /> .wiki-link:last-child { border-bottom: none; }<br /> .wiki-link:hover {<br /> color: #a8861f !important;<br /> background: linear-gradient(90deg, rgba(212,175,55,0.08), transparent);<br /> padding-left: 22px;<br /> }<br /> .wiki-link:hover::after {<br /> color: #d4af37;<br /> right: 10px;<br /> }<br /> .wiki-link img,<br /> .wiki-link .mw-file-element {<br /> width: 40px !important;<br /> height: 40px !important;<br /> max-width: 40px !important;<br /> max-height: 40px !important;<br /> object-fit: contain !important;<br /> flex-shrink: 0 !important;<br /> filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15));<br /> }<br /> /* Ícones do divine-pride são pixel art — manter pixelated */<br /> .wiki-link img[src*=&quot;divine-pride&quot;] {<br /> image-rendering: pixelated;<br /> }<br /> /* Wrapper que MediaWiki coloca em [[File:]] */<br /> .wiki-link span[typeof=&quot;mw:File&quot;] {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> flex-shrink: 0 !important;<br /> }<br /> .wiki-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); }<br /> .wiki-grid-2 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-2 .wiki-link:nth-child(2n) { border-right: none; }<br /> .wiki-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); }<br /> .wiki-grid-4 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-4 .wiki-link:nth-child(4n) { border-right: none; }<br /> .wiki-grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); }<br /> .wiki-grid-5 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-5 .wiki-link:nth-child(5n) { border-right: none; }<br /> .wiki-full { grid-column: span 2; }<br /> <br /> @media (max-width: 850px) {<br /> .wiki-blocks { grid-template-columns: 1fr; }<br /> .wiki-full { grid-column: span 1; }<br /> .wiki-grid-4 { grid-template-columns: repeat(2, 1fr); }<br /> .wiki-grid-5 { grid-template-columns: repeat(2, 1fr); }<br /> .aur-stats { grid-template-columns: repeat(2, 1fr); }<br /> .aur-widgets { grid-template-columns: 1fr; }<br /> }<br /> <br /> /* === BANNER FINAL ========================================= */<br /> .aur-banner {<br /> background:<br /> radial-gradient(circle at 30% 50%, rgba(212,175,55,0.1) 0%, transparent 70%),<br /> linear-gradient(135deg, #1b1304, #0e0a02);<br /> border: 1px solid rgba(212,175,55,0.35);<br /> border-radius: 4px;<br /> padding: 18px 22px;<br /> display: flex;<br /> align-items: center;<br /> gap: 16px;<br /> margin: 18px 0;<br /> position: relative;<br /> overflow: hidden;<br /> }<br /> .aur-banner::before,<br /> .aur-banner::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 20px; height: 20px;<br /> border: 1px solid rgba(212,175,55,0.5);<br /> }<br /> .aur-banner::before {<br /> top: 6px; left: 6px;<br /> border-right: none; border-bottom: none;<br /> }<br /> .aur-banner::after {<br /> bottom: 6px; right: 6px;<br /> border-left: none; border-top: none;<br /> }<br /> .aur-banner-title {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-weight: 700;<br /> font-size: 14px;<br /> letter-spacing: 1px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-banner-sub {<br /> color: rgba(255,255,255,0.55);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-style: italic;<br /> font-size: 13px;<br /> line-height: 1.4;<br /> }<br /> .aur-banner-tags {<br /> display: flex;<br /> gap: 8px;<br /> margin-left: auto;<br /> flex-shrink: 0;<br /> }<br /> .aur-banner-tag {<br /> background: rgba(212,175,55,0.18);<br /> border: 1px solid rgba(212,175,55,0.5);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> padding: 4px 10px;<br /> letter-spacing: 1.5px;<br /> text-transform: uppercase;<br /> }<br /> <br /> /* === HERO DE PÁGINA INTERNA ============================== */<br /> .aur-page-hero {<br /> background:<br /> radial-gradient(circle at 30% 20%, rgba(212,175,55,0.1) 0%, transparent 60%),<br /> linear-gradient(135deg, #1b1304 0%, #2a1f0c 50%, #0e0a02 100%);<br /> border: 1px solid rgba(212,175,55,0.4);<br /> border-radius: 4px;<br /> padding: 28px 32px;<br /> margin: 0 auto 32px;<br /> max-width: 720px;<br /> position: relative;<br /> text-align: center;<br /> }<br /> .aur-page-hero::before,<br /> .aur-page-hero::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 22px; height: 22px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.6;<br /> }<br /> .aur-page-hero::before { top: 8px; left: 8px; border-right: none; border-bottom: none; }<br /> .aur-page-hero::after { bottom: 8px; right: 8px; border-left: none; border-top: none; }<br /> .aur-page-hero-badge {<br /> display: inline-block;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.45);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> letter-spacing: 1.6px;<br /> text-transform: uppercase;<br /> padding: 5px 14px;<br /> margin-bottom: 12px;<br /> }<br /> .aur-page-hero-sub {<br /> color: rgba(255,255,255,0.7);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> line-height: 1.55;<br /> }<br /> <br /> /* === TÍTULOS DE SEÇÃO — banner suave ===================== */<br /> .aur-section-banner {<br /> display: inline-block;<br /> position: relative;<br /> margin: 32px auto 20px;<br /> padding: 14px 56px;<br /> background: linear-gradient(180deg, #fdf8e8 0%, #faf0d4 100%);<br /> border: 1px solid rgba(212,175,55,0.35);<br /> border-radius: 4px;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.08), inset 0 1px 0 rgba(255,255,255,0.6);<br /> }<br /> .aur-section-banner::before,<br /> .aur-section-banner::after {<br /> content: &quot;✦&quot;;<br /> position: absolute;<br /> top: 50%;<br /> transform: translateY(-50%);<br /> color: #d4af37;<br /> font-size: 11px;<br /> opacity: 0.7;<br /> }<br /> .aur-section-banner::before { left: 22px; }<br /> .aur-section-banner::after { right: 22px; }<br /> .aur-section-banner-text {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> letter-spacing: 0.5px;<br /> }<br /> /* Compat: manter .aur-section-title antigo funcional sem ícone */<br /> .aur-section-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 20px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> margin: 28px 0 18px;<br /> text-align: center;<br /> }<br /> .aur-section-icon { display: none; }<br /> <br /> /* === GRID DE INFOS (substitui tabela) ===================== */<br /> .aur-info-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 10px;<br /> margin: 0 auto 16px;<br /> max-width: 880px;<br /> }<br /> .aur-info-grid-2 {<br /> grid-template-columns: repeat(2, 1fr);<br /> max-width: 640px;<br /> }<br /> .aur-info-cell {<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-top: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 14px 16px;<br /> text-align: center;<br /> transition: all 0.18s;<br /> }<br /> .aur-info-cell:hover {<br /> border-top-color: #f4d97a;<br /> transform: translateY(-2px);<br /> box-shadow: 0 4px 12px rgba(212,175,55,0.15);<br /> }<br /> .aur-info-label {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 1.4px;<br /> color: #8a6c1e;<br /> margin-bottom: 6px;<br /> }<br /> .aur-info-value {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 16px;<br /> font-weight: 600;<br /> color: #1b1304;<br /> line-height: 1.3;<br /> }<br /> .aur-info-value small {<br /> display: block;<br /> font-size: 11px;<br /> font-weight: 400;<br /> color: #a09075;<br /> margin-top: 2px;<br /> letter-spacing: 0.3px;<br /> }<br /> <br /> /* === DICA / TIP CARD ===================================== */<br /> .aur-tip-card {<br /> display: flex;<br /> align-items: flex-start;<br /> gap: 16px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 18px 20px;<br /> margin: 0 auto 16px;<br /> max-width: 720px;<br /> text-align: left;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.1);<br /> }<br /> .aur-tip-icon {<br /> flex-shrink: 0;<br /> width: 48px; height: 48px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.12);<br /> border-radius: 4px;<br /> image-rendering: pixelated;<br /> }<br /> .aur-tip-icon .mw-file-element {<br /> width: 36px !important;<br /> height: 36px !important;<br /> max-width: 36px !important;<br /> max-height: 36px !important;<br /> image-rendering: pixelated;<br /> }<br /> .aur-tip-body { flex: 1; }<br /> .aur-tip-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 1.6px;<br /> color: #a8861f;<br /> margin-bottom: 6px;<br /> }<br /> .aur-tip-text {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> color: #3a2614;<br /> line-height: 1.6;<br /> }<br /> <br /> /* === DIVIDER decorativo ✦ ================================ */<br /> .aur-divider {<br /> display: flex;<br /> align-items: center;<br /> gap: 14px;<br /> margin: 32px auto 24px;<br /> max-width: 880px;<br /> }<br /> .aur-divider::before,<br /> .aur-divider::after {<br /> content: &quot;&quot;;<br /> flex: 1;<br /> height: 1px;<br /> background: linear-gradient(90deg, transparent, rgba(212,175,55,0.4), transparent);<br /> }<br /> .aur-divider span {<br /> color: #d4af37;<br /> font-size: 14px;<br /> }<br /> <br /> @media (max-width: 800px) {<br /> .aur-info-grid { grid-template-columns: repeat(2, 1fr); }<br /> .aur-info-grid-2 { grid-template-columns: 1fr; }<br /> }<br /> <br /> /* === CONTEÚDO CENTRALIZADO (.aur-centered wrapper) ====== */<br /> .aur-centered { text-align: center; }<br /> .aur-centered h1, .aur-centered h2, .aur-centered h3 {<br /> text-align: center !important;<br /> border-bottom: none !important;<br /> position: relative;<br /> }<br /> .aur-centered h1::after,<br /> .aur-centered h2::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: -4px; left: 50%;<br /> transform: translateX(-50%);<br /> width: 80px; height: 2px;<br /> background: linear-gradient(90deg, transparent, #d4af37, transparent) !important;<br /> }<br /> .aur-centered p { text-align: center; }<br /> .aur-centered ul, .aur-centered ol {<br /> display: inline-block;<br /> text-align: left;<br /> }<br /> .aur-centered table {<br /> margin-left: auto !important;<br /> margin-right: auto !important;<br /> }<br /> .aur-centered .mw-editsection,<br /> .aur-centered .mw-editsection-bracket { display: none !important; }<br /> <br /> /* === SEPARADOR DECORATIVO (flor de lis estilizada) ======= */<br /> .aur-separator {<br /> display: flex;<br /> align-items: center;<br /> gap: 16px;<br /> margin: 28px 0;<br /> color: rgba(212,175,55,0.4);<br /> }<br /> .aur-separator::before,<br /> .aur-separator::after {<br /> content: &quot;&quot;;<br /> flex: 1;<br /> height: 1px;<br /> background: linear-gradient(90deg, transparent, rgba(212,175,55,0.4), transparent);<br /> }<br /> .aur-separator-icon { font-size: 14px; color: #d4af37; }<br /> <br /> /* === FIX ABAS DO HEADER (mantém base do Edda) ============= */<br /> #p-namespaces li,<br /> #p-namespaces li a,<br /> #p-namespaces li.selected,<br /> #p-namespaces li.selected a,<br /> #p-views li,<br /> #p-views li a,<br /> #p-views li.selected,<br /> #p-views li.selected a,<br /> .vector-tab-noaction,<br /> .vector-tab-noaction a,<br /> div#p-namespaces ul li,<br /> div#p-views ul li {<br /> background: transparent !important;<br /> background-color: transparent !important;<br /> background-image: none !important;<br /> border: none !important;<br /> border-color: transparent !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> #left-navigation {<br /> margin-left: 230px !important;<br /> }<br /> <br /> /* === ALIASES .edda-* para compatibilidade transitória ===== */<br /> .edda-hero { /* alias deprecado */ }<br /> .edda-pill, .edda-pills,<br /> .edda-infobar, .edda-infobar-cell, .edda-infobar-label, .edda-infobar-value,<br /> .edda-banner, .edda-banner-title, .edda-banner-sub, .edda-banner-tags, .edda-banner-tag {<br /> /* nada — abandonado, use .aur-* */<br /> }<br /> <br /> /* === TIP CARD sem ícone (modifier) ====================== */<br /> .aur-tip-card-noicon { padding-left: 22px; }<br /> .aur-tip-card-noicon .aur-tip-body { width: 100%; }<br /> <br /> /* === ALINHAMENTO: último item ímpar centralizado ========= */<br /> /* Regra global pra TODOS os grids: quando o último item fica<br /> sozinho na última linha, centraliza horizontalmente. */<br /> .aur-info-grid &gt; .aur-info-cell:last-child:nth-child(3n - 2),<br /> .aur-info-grid:not(.aur-info-grid-2) &gt; .aur-info-cell:last-child:nth-child(3n + 1) {<br /> grid-column: 2 / span 1;<br /> }<br /> .aur-info-grid-2 &gt; .aur-info-cell:last-child:nth-child(odd) {<br /> grid-column: 1 / -1;<br /> max-width: calc((100% - 10px) / 2);<br /> justify-self: center;<br /> }<br /> <br /> /* === COMPACTAÇÃO (.aur-compact wrapper) ================== */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 18px 24px;<br /> margin-bottom: 16px;<br /> max-width: 600px;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 6px;<br /> font-size: 10px;<br /> padding: 3px 11px;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 13px;<br /> line-height: 1.4;<br /> }<br /> .aur-compact .aur-section-banner {<br /> margin: 14px auto 10px;<br /> padding: 10px 48px;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 16px; }<br /> .aur-compact .aur-info-grid { gap: 6px; margin-bottom: 10px; }<br /> .aur-compact .aur-info-cell {<br /> padding: 9px 12px;<br /> border-top-width: 2px;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 9.5px;<br /> letter-spacing: 1.2px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-compact .aur-info-value { font-size: 13.5px; line-height: 1.25; }<br /> .aur-compact .aur-info-value small {<br /> font-size: 10px;<br /> margin-top: 1px;<br /> }<br /> .aur-compact .aur-tip-card {<br /> padding: 10px 16px;<br /> margin-bottom: 10px;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 10px;<br /> margin-bottom: 4px;<br /> letter-spacing: 1.4px;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 13px; line-height: 1.45; }<br /> .aur-tip-compact .aur-tip-title { margin-bottom: 2px; }<br /> .aur-tip-compact .aur-tip-text { font-size: 13px; }<br /> <br /> /* === VIP — destaque visual marcante ===================== */<br /> .aur-section-banner-vip {<br /> background: linear-gradient(180deg, #1b1304 0%, #2a1f0c 100%) !important;<br /> border: 1px solid #d4af37 !important;<br /> box-shadow: 0 4px 14px rgba(212,175,55,0.25), inset 0 1px 0 rgba(255,255,255,0.08) !important;<br /> padding-right: 110px !important;<br /> position: relative;<br /> }<br /> .aur-section-banner-vip::before,<br /> .aur-section-banner-vip::after {<br /> color: #f4d97a !important;<br /> opacity: 1 !important;<br /> font-size: 12px !important;<br /> }<br /> .aur-section-banner-vip .aur-section-banner-text {<br /> color: #f4d97a !important;<br /> letter-spacing: 2px !important;<br /> text-shadow: 0 0 12px rgba(244,217,122,0.4);<br /> }<br /> .aur-vip-tag {<br /> position: absolute;<br /> right: 14px;<br /> top: 50%;<br /> transform: translateY(-50%);<br /> background: linear-gradient(180deg, #d4af37, #a8861f);<br /> color: #1b1304;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 9px;<br /> font-weight: 800;<br /> letter-spacing: 1.4px;<br /> text-transform: uppercase;<br /> padding: 4px 9px;<br /> border-radius: 12px;<br /> box-shadow: 0 2px 6px rgba(212,175,55,0.4);<br /> }<br /> .aur-tip-vip {<br /> background: linear-gradient(180deg, #fff8e0, #fdf0c8) !important;<br /> border-color: rgba(212,175,55,0.5) !important;<br /> border-left-color: #d4af37 !important;<br /> border-left-width: 5px !important;<br /> }<br /> .aur-info-grid-vip .aur-info-cell {<br /> background: linear-gradient(180deg, #fffbe8, #fdf0c8);<br /> border-top-color: #f4d97a !important;<br /> border-top-width: 3px !important;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.12);<br /> }<br /> .aur-info-grid-vip .aur-info-cell:hover {<br /> border-top-color: #ffe999 !important;<br /> box-shadow: 0 5px 14px rgba(212,175,55,0.22);<br /> }<br /> .aur-info-grid-vip .aur-info-label { color: #a8861f !important; }<br /> <br /> /* === VIP fix: esconder ✦ direito (a tag EXCLUSIVO ocupa o espaço) === */<br /> .aur-section-banner-vip::after { display: none !important; }<br /> .aur-section-banner-vip { padding-left: 28px !important; padding-right: 28px !important; }<br /> <br /> /* === VIP: esconder ✦ esquerdo também ==================== */<br /> .aur-section-banner-vip::before { display: none !important; }<br /> .aur-section-banner-vip { padding-left: 28px !important; }<br /> <br /> /* === COMPACTAÇÃO AGRESSIVA (.aur-compact override + extra) === */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 10px 18px !important;<br /> margin-bottom: 8px !important;<br /> max-width: 560px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 3px !important;<br /> font-size: 9px !important;<br /> padding: 2px 10px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 11.5px !important;<br /> line-height: 1.3 !important;<br /> }<br /> .aur-compact .aur-page-hero-sm::before,<br /> .aur-compact .aur-page-hero-sm::after {<br /> width: 14px !important;<br /> height: 14px !important;<br /> }<br /> .aur-compact .aur-section-banner {<br /> margin: 8px auto 6px !important;<br /> padding: 6px 36px !important;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 13px !important; }<br /> .aur-compact .aur-info-grid { gap: 5px !important; margin-bottom: 6px !important; }<br /> .aur-compact .aur-info-cell {<br /> padding: 6px 10px !important;<br /> border-top-width: 2px !important;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 9px !important;<br /> letter-spacing: 1px !important;<br /> margin-bottom: 2px !important;<br /> }<br /> .aur-compact .aur-info-value { font-size: 12.5px !important; line-height: 1.2 !important; }<br /> .aur-compact .aur-info-value small {<br /> font-size: 9.5px !important;<br /> margin-top: 0 !important;<br /> }<br /> .aur-compact .aur-tip-card {<br /> padding: 8px 14px !important;<br /> margin-bottom: 6px !important;<br /> gap: 12px !important;<br /> }<br /> .aur-compact .aur-tip-icon {<br /> width: 38px !important;<br /> height: 38px !important;<br /> }<br /> .aur-compact .aur-tip-icon .mw-file-element {<br /> width: 28px !important;<br /> height: 28px !important;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 9.5px !important;<br /> margin-bottom: 2px !important;<br /> letter-spacing: 1.2px !important;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 12px !important; line-height: 1.4 !important; }<br /> .aur-compact .aur-divider { margin: 8px auto !important; }<br /> .aur-compact .aur-vip-tag {<br /> font-size: 8.5px !important;<br /> padding: 3px 7px !important;<br /> letter-spacing: 1.1px !important;<br /> }<br /> .aur-compact .aur-section-banner-vip { padding-right: 28px !important; }<br /> <br /> /* === ONEPAGE: páginas .aur-compact cabem 100% em 1 tela === */<br /> /* Reduz drasticamente H1 + remove margem grande do firstHeading */<br /> .aur-compact + .aur-compact, /* fallback */<br /> body:has(.aur-compact) h1.firstHeading,<br /> body:has(.aur-compact) #firstHeading {<br /> font-size: 18px !important;<br /> padding-bottom: 4px !important;<br /> margin-bottom: 6px !important;<br /> letter-spacing: 0.5px !important;<br /> }<br /> body:has(.aur-compact) h1.firstHeading::after,<br /> body:has(.aur-compact) #firstHeading::after {<br /> width: 50px !important;<br /> bottom: -2px !important;<br /> }<br /> body:has(.aur-compact) #content,<br /> body:has(.aur-compact) div#content {<br /> padding: 14px 22px !important;<br /> margin-top: 6px !important;<br /> }<br /> body:has(.aur-compact) #content::before,<br /> body:has(.aur-compact) #content::after {<br /> width: 10px !important;<br /> height: 10px !important;<br /> }<br /> <br /> /* Hero ainda menor */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 7px 18px 8px !important;<br /> margin-bottom: 6px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 2px !important;<br /> font-size: 8.5px !important;<br /> padding: 1px 8px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 10.5px !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> /* Banners e dividers ainda mais discretos */<br /> .aur-compact .aur-section-banner {<br /> margin: 6px auto 4px !important;<br /> padding: 5px 32px !important;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 12px !important; }<br /> .aur-compact .aur-divider { margin: 5px auto !important; }<br /> .aur-compact .aur-divider::before,<br /> .aur-compact .aur-divider::after { height: 1px !important; }<br /> .aur-compact .aur-divider span { font-size: 10px !important; }<br /> <br /> /* Grids e cells mais densos */<br /> .aur-compact .aur-info-grid { gap: 4px !important; margin-bottom: 5px !important; }<br /> .aur-compact .aur-info-cell {<br /> padding: 5px 8px !important;<br /> border-top-width: 2px !important;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 8.5px !important;<br /> letter-spacing: 0.9px !important;<br /> margin-bottom: 1px !important;<br /> }<br /> .aur-compact .aur-info-value { font-size: 11.5px !important; line-height: 1.2 !important; }<br /> .aur-compact .aur-info-value small { font-size: 9px !important; }<br /> <br /> /* Tip cards super compactos */<br /> .aur-compact .aur-tip-card {<br /> padding: 6px 12px !important;<br /> margin-bottom: 5px !important;<br /> gap: 10px !important;<br /> }<br /> .aur-compact .aur-tip-icon {<br /> width: 32px !important;<br /> height: 32px !important;<br /> }<br /> .aur-compact .aur-tip-icon .mw-file-element {<br /> width: 24px !important;<br /> height: 24px !important;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 8.5px !important;<br /> margin-bottom: 1px !important;<br /> letter-spacing: 1px !important;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 11px !important; line-height: 1.35 !important; }<br /> <br /> /* VIP banner tag menor */<br /> .aur-compact .aur-vip-tag {<br /> font-size: 8px !important;<br /> padding: 2px 6px !important;<br /> }<br /> .aur-compact .aur-section-banner-vip { padding-right: 28px !important; }<br /> <br /> /* === MESTRA DAS CLASSES — sprite + info row ============== */<br /> .aur-mestra-row {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 28px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-top: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 14px 22px;<br /> margin: 0 auto 10px;<br /> max-width: 560px;<br /> }<br /> .aur-mestra-sprite {<br /> flex-shrink: 0;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.06);<br /> border: 1px solid rgba(212,175,55,0.18);<br /> border-radius: 3px;<br /> padding: 6px;<br /> min-width: 140px;<br /> min-height: 140px;<br /> }<br /> .aur-mestra-sprite img,<br /> .aur-mestra-sprite .mw-file-element {<br /> image-rendering: pixelated !important;<br /> max-width: 160px !important;<br /> max-height: 160px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> }<br /> .aur-mestra-info {<br /> text-align: left;<br /> flex: 1;<br /> max-width: 280px;<br /> }<br /> .aur-mestra-info .aur-info-label {<br /> font-size: 9px !important;<br /> letter-spacing: 1.1px;<br /> color: #8a6c1e;<br /> text-transform: uppercase;<br /> margin-bottom: 2px;<br /> }<br /> .aur-mestra-info .aur-info-value {<br /> font-size: 14px !important;<br /> font-weight: 600;<br /> color: #1b1304;<br /> }<br /> .aur-mestra-info .aur-info-value small {<br /> font-size: 10.5px !important;<br /> font-weight: 400;<br /> color: #a09075;<br /> }<br /> <br /> /* yes / no badges nos valores */<br /> .aur-info-value.aur-yes { color: #1f8f4f !important; }<br /> .aur-info-value.aur-no { color: #b85050 !important; opacity: 0.7; }<br /> <br /> /* === Banner VIP sem tag (padding simétrico) ============== */<br /> .aur-section-banner-vip.aur-banner-no-tag {<br /> padding-left: 28px !important;<br /> padding-right: 28px !important;<br /> }<br /> <br /> /* === MESTRA — sprite SEM moldura ========================== */<br /> .aur-mestra-sprite-bare {<br /> flex-shrink: 0;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> min-width: 180px;<br /> }<br /> .aur-mestra-sprite-bare img,<br /> .aur-mestra-sprite-bare .mw-file-element {<br /> image-rendering: pixelated !important;<br /> max-width: 220px !important;<br /> max-height: 220px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> background: none !important;<br /> border: none !important;<br /> }<br /> <br /> /* === Botão Copiar /navi ================================== */<br /> .aur-navi-btn {<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> margin-top: 10px;<br /> padding: 7px 14px;<br /> background: linear-gradient(180deg, #d4af37 0%, #a8861f 100%);<br /> color: #1b1304;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> letter-spacing: 0.6px;<br /> text-transform: uppercase;<br /> border: 1px solid #8a6c1e;<br /> border-radius: 4px;<br /> cursor: pointer;<br /> box-shadow: 0 2px 6px rgba(212,175,55,0.3), inset 0 1px 0 rgba(255,255,255,0.25);<br /> transition: all 0.18s;<br /> }<br /> .aur-navi-btn:hover {<br /> background: linear-gradient(180deg, #f4d97a 0%, #d4af37 100%);<br /> transform: translateY(-1px);<br /> box-shadow: 0 4px 10px rgba(212,175,55,0.4);<br /> }<br /> .aur-navi-btn:active { transform: translateY(0); }<br /> .aur-navi-btn-icon { font-size: 13px; }<br /> <br /> /* === Descrição abaixo do bloco da Mestra ================== */<br /> .aur-mestra-desc {<br /> max-width: 620px;<br /> margin: 6px auto 12px;<br /> padding: 0 10px;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.55;<br /> color: #3a2614;<br /> text-align: center;<br /> }<br /> .aur-mestra-desc strong, .aur-mestra-desc b {<br /> color: #1b1304;<br /> font-weight: 700;<br /> }<br /> <br /> /* === Toast notification (copiou!) ======================== */<br /> .aur-toast {<br /> position: fixed;<br /> bottom: 32px;<br /> right: 32px;<br /> z-index: 100000;<br /> display: flex;<br /> align-items: center;<br /> gap: 14px;<br /> background: linear-gradient(180deg, #1b1304 0%, #0e0a02 100%);<br /> color: #fff;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> padding: 14px 18px 14px 16px;<br /> border: 1px solid rgba(212,175,55,0.5);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 4px;<br /> box-shadow: 0 10px 36px rgba(0,0,0,0.45), 0 0 20px rgba(212,175,55,0.18);<br /> min-width: 240px;<br /> max-width: 360px;<br /> opacity: 0;<br /> transform: translateX(20px);<br /> transition: all 0.32s cubic-bezier(0.16, 1, 0.3, 1);<br /> }<br /> .aur-toast-show {<br /> opacity: 1;<br /> transform: translateX(0);<br /> }<br /> .aur-toast-out {<br /> opacity: 0;<br /> transform: translateX(20px);<br /> }<br /> .aur-toast-icon {<br /> width: 28px;<br /> height: 28px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: linear-gradient(180deg, #d4af37, #a8861f);<br /> color: #1b1304;<br /> border-radius: 50%;<br /> font-size: 14px;<br /> font-weight: 800;<br /> flex-shrink: 0;<br /> box-shadow: 0 0 8px rgba(212,175,55,0.5);<br /> }<br /> .aur-toast strong { color: #f4d97a; font-weight: 700; }<br /> .aur-toast small {<br /> color: rgba(255,255,255,0.55);<br /> font-size: 11px;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> }<br /> <br /> /* === GIF Mestra menor (30% menos) ======================== */<br /> .aur-mestra-sprite-bare img,<br /> .aur-mestra-sprite-bare .mw-file-element {<br /> max-width: 150px !important;<br /> max-height: 150px !important;<br /> }<br /> .aur-mestra-sprite-bare { min-width: 150px !important; }<br /> <br /> /* === Botão /navi — versão sóbria/elegante ================ */<br /> .aur-navi-btn {<br /> display: inline-flex !important;<br /> align-items: center;<br /> gap: 7px;<br /> margin-top: 10px;<br /> padding: 7px 14px !important;<br /> background: rgba(27,19,4,0.95) !important;<br /> color: #f4d97a !important;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 0.5px !important;<br /> text-transform: none !important;<br /> border: 1px solid rgba(212,175,55,0.45) !important;<br /> border-radius: 3px !important;<br /> cursor: pointer;<br /> box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;<br /> transition: all 0.18s !important;<br /> }<br /> .aur-navi-btn:hover {<br /> background: #1b1304 !important;<br /> color: #fff !important;<br /> border-color: #d4af37 !important;<br /> box-shadow: 0 3px 10px rgba(212,175,55,0.25) !important;<br /> transform: none !important;<br /> }<br /> .aur-navi-btn:active { background: #0e0a02 !important; }<br /> .aur-navi-btn-icon {<br /> font-size: 12px !important;<br /> opacity: 0.85;<br /> }<br /> <br /> /* === Texto explicativo como card destacado ============== */<br /> .aur-mestra-desc-card {<br /> max-width: 600px;<br /> margin: 12px auto;<br /> padding: 14px 20px 14px 22px;<br /> background: linear-gradient(180deg, #fff 0%, #fdf8e8 100%);<br /> border: 1px solid rgba(212,175,55,0.28);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 3px;<br /> text-align: left;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.55;<br /> color: #3a2614;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.08);<br /> }<br /> .aur-mestra-desc-card strong,<br /> .aur-mestra-desc-card b { color: #1b1304; font-weight: 700; }<br /> .aur-mestra-desc-title {<br /> font-size: 9.5px;<br /> font-weight: 700;<br /> letter-spacing: 1.4px;<br /> text-transform: uppercase;<br /> color: #a8861f;<br /> margin-bottom: 6px;<br /> }<br /> <br /> /* === Botão /navi — sem ícone emoji, alinhado à info ===== */<br /> .aur-navi-btn {<br /> margin-top: 6px !important;<br /> padding: 6px 14px !important;<br /> }<br /> .aur-navi-btn-icon { display: none !important; }<br /> <br /> /* === Toast: barra dourada vertical no lugar do checkmark === */<br /> .aur-toast-bar {<br /> width: 3px;<br /> height: 28px;<br /> background: linear-gradient(180deg, #f4d97a, #d4af37);<br /> border-radius: 2px;<br /> box-shadow: 0 0 8px rgba(212,175,55,0.5);<br /> flex-shrink: 0;<br /> }<br /> .aur-toast-icon { display: none !important; }<br /> /* === Mestra: agrupar valor + botão /navi numa linha coesa === */<br /> .aur-mestra-loc-line {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> flex-wrap: wrap;<br /> }<br /> .aur-mestra-loc-line .aur-info-value { margin: 0 !important; }<br /> .aur-mestra-loc-line .aur-navi-btn { margin-top: 0 !important; }<br /> /* === Mestra: botao /navi grudado abaixo do valor (sem &quot;meio do nada&quot;) === */<br /> .aur-mestra-loc-line {<br /> display: flex !important;<br /> flex-direction: column !important;<br /> align-items: flex-start !important;<br /> gap: 6px !important;<br /> flex-wrap: nowrap !important;<br /> }<br /> .aur-mestra-loc-line .aur-info-value { margin: 0 !important; }<br /> .aur-mestra-loc-line .aur-navi-btn { margin-top: 0 !important; }<br /> <br /> /* === GRID DE ITENS (Caixa do Iniciante e afins) ========== */<br /> .aur-item-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 10px;<br /> margin: 0 auto 16px;<br /> max-width: 880px;<br /> }<br /> .aur-item-card {<br /> display: flex;<br /> align-items: center;<br /> gap: 12px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-left: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 10px 12px;<br /> text-align: left;<br /> transition: all 0.18s;<br /> }<br /> .aur-item-card:hover {<br /> border-left-color: #f4d97a;<br /> transform: translateY(-2px);<br /> box-shadow: 0 4px 12px rgba(212,175,55,0.15);<br /> }<br /> .aur-item-icon {<br /> flex-shrink: 0;<br /> width: 46px; height: 46px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.2);<br /> border-radius: 4px;<br /> }<br /> .aur-item-icon .mw-file-element {<br /> max-width: 40px !important;<br /> max-height: 40px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> image-rendering: pixelated;<br /> }<br /> .aur-item-info { flex: 1; min-width: 0; }<br /> .aur-item-name {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13.5px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> line-height: 1.25;<br /> }<br /> .aur-item-name small {<br /> font-weight: 600;<br /> color: #a8861f;<br /> font-size: 11px;<br /> }<br /> .aur-item-qty {<br /> display: inline-block;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> color: #8a6c1e;<br /> background: rgba(212,175,55,0.15);<br /> border-radius: 3px;<br /> padding: 1px 6px;<br /> margin-left: 4px;<br /> vertical-align: middle;<br /> }<br /> .aur-item-desc {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11.5px;<br /> color: #6a5536;<br /> line-height: 1.4;<br /> margin-top: 3px;<br /> }<br /> /* último item ímpar centraliza na coluna do meio (3-col) */<br /> .aur-item-grid &gt; .aur-item-card:last-child:nth-child(3n - 2) { grid-column: 2 / span 1; }<br /> @media (max-width: 800px) {<br /> .aur-item-grid { grid-template-columns: repeat(2, 1fr); }<br /> }<br /> /* compactação */<br /> .aur-compact .aur-item-grid { gap: 6px !important; margin-bottom: 8px !important; }<br /> .aur-compact .aur-item-card { padding: 7px 9px !important; gap: 9px !important; }<br /> .aur-compact .aur-item-icon { width: 40px !important; height: 40px !important; }<br /> .aur-compact .aur-item-icon .mw-file-element { max-width: 34px !important; max-height: 34px !important; }<br /> .aur-compact .aur-item-name { font-size: 12px !important; }<br /> .aur-compact .aur-item-name small { font-size: 10px !important; }<br /> .aur-compact .aur-item-desc { font-size: 10.5px !important; line-height: 1.35 !important; margin-top: 2px !important; }<br /> <br /> /* ===================================================================<br /> ÉDEN AUREUMRO — página dedicada (layout próprio)<br /> =================================================================== */<br /> .eden-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #1b1304; }<br /> .eden-wrap *, .eden-wrap *::before, .eden-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .eden-hero {<br /> position: relative; text-align: center; padding: 42px 24px 56px; border-radius: 10px;<br /> background:<br /> radial-gradient(circle at 50% -10%, rgba(244,217,122,0.28) 0%, transparent 55%),<br /> linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> border: 1px solid rgba(212,175,55,0.45);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18);<br /> overflow: hidden;<br /> }<br /> .eden-hero::after {<br /> content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;<br /> background: linear-gradient(90deg, transparent, #d4af37, transparent);<br /> }<br /> .eden-hero img { width: 92px; height: 92px; display: block; margin: 0 auto 14px; filter: drop-shadow(0 6px 14px rgba(212,175,55,0.45)); }<br /> .eden-hero .eden-badge {<br /> display: inline-block; font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase;<br /> color: #f4d97a; border: 1px solid rgba(244,217,122,0.45); border-radius: 999px; padding: 5px 16px; margin-bottom: 16px;<br /> }<br /> .eden-hero h1 {<br /> font-size: 40px; font-weight: 800; margin: 0 0 12px; color: #f7e9b8; letter-spacing: 0.5px;<br /> border: none; padding: 0; text-shadow: 0 2px 16px rgba(0,0,0,0.55);<br /> }<br /> .eden-hero p { font-size: 15.5px; color: #ecdcab; max-width: 620px; margin: 0 auto; line-height: 1.65; }<br /> <br /> /* STAT STRIP (sobrepõe a base do hero) */<br /> .eden-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: -34px auto 6px; max-width: 780px; position: relative; z-index: 3; padding: 0 10px; }<br /> .eden-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 7px; padding: 15px 8px; text-align: center; box-shadow: 0 8px 20px rgba(0,0,0,0.1); }<br /> .eden-stat b { display: block; font-size: 27px; font-weight: 800; color: #a8861f; line-height: 1; }<br /> .eden-stat span { display: block; font-size: 10.5px; text-transform: uppercase; letter-spacing: 1px; color: #8a6c1e; margin-top: 7px; font-weight: 600; }<br /> <br /> /* SECTION HEADING */<br /> .eden-h { text-align: center; margin: 40px 0 18px; }<br /> .eden-h span { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #a8861f; position: relative; padding: 0 22px; }<br /> .eden-h span::before, .eden-h span::after { content: &quot;&quot;; position: absolute; top: 50%; width: 46px; height: 1px; background: linear-gradient(90deg, transparent, #d4af37); }<br /> .eden-h span::before { right: 100%; transform: scaleX(-1); }<br /> .eden-h span::after { left: 100%; }<br /> <br /> /* LEAD */<br /> .eden-wrap .eden-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 760px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .eden-lead b { color: #a8861f; }<br /> <br /> /* STEPS / TIMELINE */<br /> .eden-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .eden-step { background: #fff; border: 1px solid rgba(212,175,55,0.25); border-radius: 8px; padding: 20px 15px 17px; text-align: center; transition: transform .18s, box-shadow .18s, border-color .18s; }<br /> .eden-step:hover { transform: translateY(-4px); box-shadow: 0 10px 22px rgba(212,175,55,0.2); border-color: #f4d97a; }<br /> .eden-step .n { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #1b1304; font-weight: 800; font-size: 16px; line-height: 36px; margin: 0 auto 12px; box-shadow: 0 4px 10px rgba(212,175,55,0.4); }<br /> .eden-step h4 { margin: 0 0 7px; font-size: 14.5px; color: #1b1304; font-weight: 700; border: none; padding: 0; }<br /> .eden-step p { margin: 0; font-size: 12.5px; line-height: 1.5; color: #6b5a2e; }<br /> <br /> /* TIER TABLE */<br /> .eden-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .eden-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .eden-tiers td { padding: 14px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; vertical-align: middle; }<br /> .eden-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .eden-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .eden-tiers .coin { color: #a8861f; font-weight: 800; white-space: nowrap; text-align: right; }<br /> .eden-tiers .coin img { width: 30px; height: 30px; vertical-align: -9px; margin-right: 7px; }<br /> .eden-tiers .mis { color: #5a4a22; }<br /> .eden-tiers .book { width: 72px; padding: 8px 0 8px 14px; }<br /> .eden-tiers .book img { width: 52px; height: auto; display: block; background: #fff; border-radius: 8px; padding: 4px; box-shadow: 0 1px 4px rgba(36,25,6,0.16); border: 1px solid rgba(212,175,55,0.35); }<br /> <br /> /* ECONOMY LOOP */<br /> .eden-loop { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: 8px; }<br /> .eden-node { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 8px; padding: 20px 16px; text-align: center; }<br /> .eden-node img { width: 58px; height: 58px; margin: 0 auto 10px; display: block; image-rendering: pixelated; image-rendering: crisp-edges; }<br /> .eden-node .dot { width: 38px; height: 38px; border-radius: 50%; margin: 0 auto 10px; background: linear-gradient(135deg, #f4d97a, #d4af37); }<br /> .eden-node h4 { margin: 0 0 7px; font-size: 13.5px; color: #a8861f; font-weight: 800; border: none; padding: 0; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .eden-node p { margin: 0; font-size: 12.5px; color: #6b5a2e; line-height: 1.5; }<br /> .eden-arrow { display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 26px; font-weight: 700; }<br /> .eden-loop-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 12px; font-style: italic; }<br /> <br /> /* ARMEIRO FEATURE CARDS */<br /> .eden-feats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }<br /> .eden-feat { background: #fff; border: 1px solid rgba(212,175,55,0.25); border-left: 4px solid #d4af37; border-radius: 7px; padding: 20px; transition: box-shadow .18s; }<br /> .eden-feat:hover { box-shadow: 0 8px 20px rgba(212,175,55,0.15); }<br /> .eden-feat h4 { margin: 0 0 9px; font-size: 15.5px; color: #1b1304; font-weight: 700; border: none; padding: 0; }<br /> .eden-feat p { margin: 0; font-size: 13px; line-height: 1.6; color: #5a4a22; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width: 850px) {<br /> .eden-stats { grid-template-columns: repeat(2, 1fr); }<br /> .eden-steps { grid-template-columns: repeat(2, 1fr); }<br /> .eden-loop { grid-template-columns: 1fr; }<br /> .eden-arrow { transform: rotate(90deg); padding: 2px 0; }<br /> .eden-feats { grid-template-columns: 1fr; }<br /> .eden-hero h1 { font-size: 31px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> CURANDEIRA — página bespoke (escopo .cura-wrap)<br /> ========================================================= */<br /> .cura-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> <br /> /* HERO */<br /> .cura-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35);<br /> background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .cura-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cura-hero img { width: auto; height: 171px; image-rendering: pixelated; filter: drop-shadow(0 8px 24px rgba(0,0,0,0.55)); }<br /> .cura-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .cura-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .cura-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> /* STATS STRIP (sobreposta à base do hero) */<br /> .cura-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .cura-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .cura-stat b { display: block; font-size: 24px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .cura-stat span { display: block; margin-top: 4px; font-size: 11.5px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.6px; }<br /> <br /> /* HEADINGS com linha dourada dos dois lados */<br /> .cura-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .cura-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .cura-h::before, .cura-h::after { content: &quot;&quot;; height: 1px; width: 90px; background: linear-gradient(90deg, transparent, #d4af37); }<br /> .cura-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> /* LEAD (especificidade alta p/ vencer .mw-parser-output p) */<br /> .cura-wrap .cura-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 760px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .cura-wrap .cura-lead b { color: #a8861f; }<br /> <br /> /* STEPS — timeline horizontal */<br /> .cura-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .cura-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; position: relative; }<br /> .cura-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .cura-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .cura-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> <br /> /* PRICE TABLE */<br /> .cura-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .cura-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .cura-tiers td { padding: 13px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; vertical-align: middle; }<br /> .cura-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .cura-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .cura-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .cura-tiers .price { text-align: right; font-weight: 800; color: #a8861f; white-space: nowrap; }<br /> .cura-tiers .free { color: #2e7d32; }<br /> <br /> /* PLANOS (Jogador x VIP) */<br /> .cura-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }<br /> .cura-plan { border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 22px 22px 20px; background: linear-gradient(180deg, #fff, #fdf8e8); }<br /> .cura-plan.vip { border: 1px solid #d4af37; box-shadow: 0 8px 22px rgba(212,175,55,0.2); background: linear-gradient(180deg, #fffaef, #fdf3d4); }<br /> .cura-plan-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }<br /> .cura-plan h4 { margin: 0; font-size: 18px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .cura-plan.vip h4 { color: #9a7a17; }<br /> .cura-plan .tag { font-size: 10.5px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; }<br /> .cura-plan .tag.t-free { background: #ece3c8; color: #6b5a2e; }<br /> .cura-plan .tag.t-vip { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .cura-plan ul { list-style: none; margin: 8px 0 0; padding: 0; }<br /> .cura-plan li { padding: 8px 0 8px 26px; position: relative; font-size: 13.8px; color: #3a2e12; border-top: 1px solid rgba(212,175,55,0.14); line-height: 1.45; }<br /> .cura-plan li:first-child { border-top: none; }<br /> .cura-plan li::before { content: &quot;✦&quot;; position: absolute; left: 2px; top: 8px; color: #d4af37; font-size: 12px; }<br /> .cura-plan .dur { margin-top: 14px; text-align: center; font-size: 12.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: #8a6c1e; background: rgba(212,175,55,0.12); border-radius: 8px; padding: 9px; }<br /> <br /> /* CIDADES — chips */<br /> .cura-cities { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; max-width: 880px; margin: 0 auto; }<br /> .cura-city { padding: 6px 13px; border-radius: 999px; background: #fdf8e8; border: 1px solid rgba(212,175,55,0.3); font-size: 13px; color: #5a4a22; font-weight: 600; }<br /> .cura-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 14px; font-style: italic; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width: 850px) {<br /> .cura-stats { grid-template-columns: repeat(2, 1fr); }<br /> .cura-steps { grid-template-columns: repeat(2, 1fr); }<br /> .cura-plans { grid-template-columns: 1fr; }<br /> .cura-hero h1 { font-size: 31px; }<br /> }<br /> /* CURANDEIRA — bloco &quot;sem desvalorizar o suporte&quot; (Sacerdote) */<br /> .cura-priest { border: 1px solid #d4af37; border-radius: 12px; padding: 26px 28px 24px; background: linear-gradient(180deg, #fffaef, #fdf3d4); box-shadow: 0 8px 22px rgba(212,175,55,0.18); max-width: 860px; margin: 0 auto; text-align: center; }<br /> .cura-priest h3 { margin: 0 0 10px; font-size: 19px; color: #9a7a17; font-weight: 800; border: none; padding: 0; letter-spacing: 0.3px; }<br /> .cura-priest p { margin: 0 auto; max-width: 700px; font-size: 14.5px; line-height: 1.7; color: #3a2e12; }<br /> .cura-priest p + p { margin-top: 10px; }<br /> .cura-priest b { color: #a8861f; }<br /> .cura-ladder-label { margin: 22px 0 10px; font-size: 11.5px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: #8a6c1e; }<br /> .cura-ladder { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 580px; margin: 0 auto; }<br /> .cura-rung { background: #fff; border: 1px solid rgba(212,175,55,0.32); border-radius: 10px; padding: 14px 8px; text-align: center; }<br /> .cura-rung.max { background: linear-gradient(135deg, #f4d97a, #d4af37); border-color: #d4af37; box-shadow: 0 5px 14px rgba(212,175,55,0.45); transform: translateY(-4px); }<br /> .cura-rung .lv { display: block; font-size: 21px; font-weight: 800; color: #a8861f; line-height: 1.1; }<br /> .cura-rung.max .lv { color: #3a2a06; }<br /> .cura-rung .who { display: block; margin-top: 4px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: #6b5a2e; line-height: 1.3; }<br /> .cura-rung.max .who { color: #4a3a0a; font-weight: 800; }<br /> @media (max-width: 850px) { .cura-priest { padding: 22px 18px; } }<br /> /* =========================================================<br /> ECONOMIA — página bespoke (escopo .econ-wrap)<br /> ========================================================= */<br /> .econ-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .econ-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .econ-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .econ-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .econ-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .econ-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .econ-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .econ-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .econ-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .econ-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .econ-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .econ-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .econ-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .econ-h::before, .econ-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .econ-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .econ-wrap .econ-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 780px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .econ-wrap .econ-lead b { color: #a8861f; }<br /> .econ-highlights { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .econ-card { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 18px 12px 16px; text-align: center; }<br /> .econ-card img { width: 44px; height: 44px; image-rendering: pixelated; margin-bottom: 8px; }<br /> .econ-card .nm { display: block; font-size: 12.5px; font-weight: 700; color: #1b1304; line-height: 1.3; min-height: 33px; }<br /> .econ-card .ba { margin-top: 8px; font-size: 12.5px; color: #9a8a5e; text-decoration: line-through; }<br /> .econ-card .af { font-size: 21px; font-weight: 800; color: #a8861f; line-height: 1.2; }<br /> .econ-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .econ-table th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase; padding: 12px 14px; text-align: left; font-weight: 700; }<br /> .econ-table th.r { text-align: right; }<br /> .econ-table td { padding: 8px 14px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13.5px; vertical-align: middle; }<br /> .econ-table tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .econ-table tbody tr:hover td { background: #f6ecc6; }<br /> .econ-table .ic { width: 30px; padding: 5px 0 5px 12px; }<br /> .econ-table .ic img { width: 26px; height: 26px; image-rendering: pixelated; vertical-align: middle; display: block; }<br /> .econ-table .nm { font-weight: 600; color: #2a2008; }<br /> .econ-table .be { text-align: right; color: #9a8a5e; text-decoration: line-through; white-space: nowrap; }<br /> .econ-table .arw { text-align: center; color: #d4af37; width: 22px; font-weight: 700; }<br /> .econ-table .af { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .econ-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 14px; font-style: italic; max-width: 760px; margin-left: auto; margin-right: auto; }<br /> @media (max-width: 850px) {<br /> .econ-stats { grid-template-columns: repeat(2, 1fr); }<br /> .econ-highlights { grid-template-columns: repeat(2, 1fr); }<br /> .econ-hero h1 { font-size: 31px; }<br /> .econ-h::before, .econ-h::after { width: 40px; }<br /> }<br /> /* ARMEIRO DO ÉDEN — loja de troca + encantamentos */<br /> .eden-armeiro-loc { text-align: center; font-size: 13px; color: #8a6c1e; margin: 0 0 8px; }<br /> .eden-armeiro-loc b { color: #a8861f; }<br /> .eden-shop { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }<br /> .eden-shopbox { border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }<br /> .eden-shopbox h4 { margin: 0; background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 12px; letter-spacing: 1.2px; text-transform: uppercase; padding: 12px 16px; border: none; font-weight: 700; }<br /> .eden-shopbox table { width: 100%; border-collapse: separate; border-spacing: 0; }<br /> .eden-shopbox td { padding: 8px 16px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13.5px; vertical-align: middle; }<br /> .eden-shopbox tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-shopbox tr:hover td { background: #f6ecc6; }<br /> .eden-shopbox .it { color: #2a2008; font-weight: 600; }<br /> .eden-shopbox .pr { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .eden-shopbox .pr img { width: 16px; height: 16px; vertical-align: -3px; margin-right: 4px; }<br /> .eden-feat ul { margin: 6px 0 0; padding-left: 0; list-style: none; }<br /> .eden-feat li { padding: 5px 0 5px 20px; position: relative; font-size: 13px; color: #3a2e12; line-height: 1.5; }<br /> .eden-feat li::before { content: &quot;\2726&quot;; position: absolute; left: 0; top: 6px; color: #d4af37; font-size: 11px; }<br /> @media (max-width: 850px) { .eden-shop { grid-template-columns: 1fr; } }<br /> /* ARMEIRO DO ÉDEN — portrait NPC, conjunto, /navi, tabela detalhada */<br /> .eden-armeiro { display: flex; gap: 24px; align-items: center; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 20px 26px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }<br /> .eden-armeiro img { width: 120px; height: auto; image-rendering: pixelated; flex-shrink: 0; filter: drop-shadow(0 7px 11px rgba(0,0,0,0.28)); }<br /> .eden-armeiro-txt { font-size: 14px; line-height: 1.6; color: #3a2e12; }<br /> .eden-armeiro-txt p { margin: 0 0 9px; }<br /> .eden-armeiro-txt p:last-child { margin-bottom: 0; }<br /> .eden-armeiro-txt b { color: #a8861f; }<br /> .navi-copy { color: #9a7a17; font-weight: 700; border-bottom: 1px dotted #d4af37; cursor: pointer; white-space: nowrap; transition: background 0.15s, color 0.15s; padding: 0 2px; border-radius: 3px; }<br /> .navi-copy:hover { color: #6e5410; background: rgba(212,175,55,0.16); }<br /> .eden-set { border: 1px dashed #d4af37; border-radius: 10px; padding: 14px 20px; background: rgba(212,175,55,0.08); font-size: 13.5px; line-height: 1.6; color: #3a2e12; text-align: center; max-width: 860px; margin: 0 auto; }<br /> .eden-set b { color: #a8861f; }<br /> .eden-wtable { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .eden-wtable th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 10.5px; letter-spacing: 1px; text-transform: uppercase; padding: 11px 12px; text-align: left; font-weight: 700; }<br /> .eden-wtable th.c, .eden-wtable td.c { text-align: center; }<br /> .eden-wtable th.r, .eden-wtable td.r { text-align: right; }<br /> .eden-wtable td { padding: 9px 12px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13px; vertical-align: middle; }<br /> .eden-wtable tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-wtable tbody tr:hover td { background: #f6ecc6; }<br /> .eden-wtable .ic { width: 30px; padding-left: 12px; }<br /> .eden-wtable .ic img { width: 26px; height: 26px; image-rendering: pixelated; vertical-align: middle; display: block; }<br /> .eden-wtable .nm { font-weight: 700; color: #1b1304; }<br /> .eden-wtable .lv, .eden-wtable .atk { text-align: center; color: #5a4a22; font-weight: 600; white-space: nowrap; }<br /> .eden-wtable .bn { font-size: 12px; color: #4a3e1e; line-height: 1.45; }<br /> .eden-wtable .bn b { color: #9a7a17; }<br /> .eden-wtable .pr { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .eden-wtable .pr img { width: 15px; height: 15px; vertical-align: -3px; margin-right: 3px; }<br /> @media (max-width: 850px) { .eden-armeiro { flex-direction: column; text-align: center; } .eden-wtable .bn { font-size: 11.5px; } }<br /> /* =========================================================<br /> VISUAIS — página bespoke (escopo .vis-wrap)<br /> ========================================================= */<br /> .vis-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .vis-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .vis-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vis-hero img { width: 110px; height: 110px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .vis-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .vis-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .vis-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .vis-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .vis-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .vis-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .vis-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .vis-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 40px 0 16px; }<br /> .vis-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .vis-h::before, .vis-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .vis-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .vis-wrap .vis-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .vis-wrap .vis-lead b { color: #a8861f; }<br /> .vis-msg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 8px; }<br /> .vis-msg-card { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 18px 18px 16px; }<br /> .vis-msg-card h4 { margin: 0 0 7px; font-size: 15px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .vis-msg-card p { margin: 0; font-size: 13px; color: #5a4a22; line-height: 1.55; }<br /> .vis-msg-card b { color: #a8861f; }<br /> /* legendary showcase */<br /> .vis-legend { display: flex; align-items: center; gap: 24px; background: linear-gradient(180deg, #fffaef, #fdf3d4); border: 1px solid #d4af37; border-radius: 12px; padding: 18px 26px; box-shadow: 0 8px 22px rgba(212,175,55,0.2); margin-bottom: 14px; }<br /> .vis-legend img { width: 130px; height: auto; image-rendering: pixelated; flex-shrink: 0; filter: drop-shadow(0 6px 10px rgba(0,0,0,0.25)); }<br /> .vis-legend-txt h4 { margin: 8px 0 6px; font-size: 20px; color: #9a7a17; font-weight: 800; border: none; padding: 0; }<br /> .vis-legend-txt p { margin: 0; font-size: 13.5px; color: #3a2e12; line-height: 1.6; }<br /> .vis-legend-txt b { color: #a8861f; }<br /> /* gallery */<br /> .vis-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }<br /> .vis-card { width: 132px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 8px 6px 10px; text-align: center; transition: transform 0.12s, box-shadow 0.12s; }<br /> .vis-card:hover { transform: translateY(-3px); box-shadow: 0 8px 18px rgba(0,0,0,0.12); }<br /> .vis-card.leg { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .vis-card.rare { border-color: #9b6bd4; }<br /> .vis-card img { display: block; height: 132px; width: auto; max-width: 100%; margin: 0 auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .vis-noimg { height: 132px; display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 30px; }<br /> .vis-nm { display: block; margin-top: 6px; font-size: 11.5px; font-weight: 600; color: #2a2008; line-height: 1.25; min-height: 28px; }<br /> .vis-rb { display: inline-block; margin-top: 4px; font-size: 9px; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; }<br /> .vis-rb.leg { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .vis-rb.rare { background: #ece0f7; color: #6b3fa0; }<br /> .vis-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 24px auto 0; font-style: italic; max-width: 780px; }<br /> @media (max-width: 850px) {<br /> .vis-stats { grid-template-columns: repeat(2, 1fr); }<br /> .vis-msg { grid-template-columns: 1fr; }<br /> .vis-legend { flex-direction: column; text-align: center; }<br /> .vis-hero h1 { font-size: 31px; }<br /> .vis-card { width: 108px; }<br /> .vis-card img { height: 108px; }<br /> }<br /> /* [ROT2] abas de rotacao e cards grandes */<br /> /* abas em CSS puro: os radios ficam antes da barra e dos paineis, e o<br /> combinador de irmaos liga o radio marcado ao painel correspondente.<br /> Sem JS, que nao roda dentro do bloco de HTML cru da wiki. */<br /> .vis-tabs input[name=&quot;visrot&quot;] { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }<br /> .vis-tabbar { display: flex; justify-content: center; gap: 10px; margin: 34px 0 8px; flex-wrap: wrap; }<br /> .vis-tabbar label { cursor: pointer; font-size: 13px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 10px 24px; border-radius: 999px; border: 1px solid rgba(212,175,55,0.45); color: #8a6c1e; background: linear-gradient(180deg, #fff, #fdf8e8); transition: background 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s; }<br /> .vis-tabbar label:hover { border-color: #d4af37; color: #5a4a12; }<br /> .vis-tabbar label b { font-weight: 800; opacity: 0.75; }<br /> .vis-pane { display: none; }<br /> #visrot2:checked ~ .vis-pane.vis-pane2, #visrot1:checked ~ .vis-pane.vis-pane1 { display: block; }<br /> #visrot2:checked ~ .vis-tabbar label[for=&quot;visrot2&quot;], #visrot1:checked ~ .vis-tabbar label[for=&quot;visrot1&quot;] { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; border-color: #d4af37; box-shadow: 0 4px 14px rgba(212,175,55,0.35); }<br /> /* raridade nova da 2a rotacao (a 1a so tinha leg e rare) */<br /> .vis-card.epic { border-color: #9b6bd4; }<br /> .vis-rb.epic { background: #ece0f7; color: #6b3fa0; }<br /> /* card duplo: nos visuais que vem com efeito do cliente o efeito ocupa boa<br /> parte do quadro, e num card normal o personagem fica pequeno demais. A<br /> imagem tem 456 px de altura = 1,73x os 264 px do card, a mesma reducao do<br /> resto da pagina — ou seja sem perda de nitidez. */<br /> .vis-card.gg { width: 216px; }<br /> .vis-card.gg img { height: 264px; }<br /> /* no destaque a regra da 1a rotacao fixa a LARGURA, entao um visual estreito e<br /> alto (o Pequeno Aprendiz e 102x242) vira um bloco de 308 px de altura, o<br /> dobro dos outros. Aqui vale a ALTURA, e todos ficam do mesmo tamanho. */<br /> /* a galeria e flex e o padrao (align-items: stretch) estica todo card da linha<br /> ate a altura do maior. Com o card duplo na mesma linha, os cards normais<br /> viravam blocos de 264 px com a imagem de 132 px encostada no topo. */<br /> .vis-pane2 .vis-gallery { align-items: flex-start; }<br /> /* os cards duplos ficam sozinhos na primeira linha: sem isso os cards normais<br /> se encaixam ao lado deles e sobra um vao embaixo ate a linha seguinte. */<br /> .vis-pane2 .vis-break { flex-basis: 100%; height: 0; margin: 0; padding: 0; }<br /> .vis-pane2 .vis-legend img { width: auto; height: 140px; }<br /> .vis-pane2 .vis-legend.gg img { height: 250px; }<br /> @media (max-width: 850px) {<br /> .vis-card.gg { width: 176px; }<br /> .vis-card.gg img { height: 216px; }<br /> .vis-pane2 .vis-legend img { height: 120px; }<br /> .vis-pane2 .vis-legend.gg img { height: 200px; }<br /> .vis-tabbar label { padding: 9px 16px; font-size: 12px; }<br /> }<br /> <br /> /* =========================================================<br /> TELEPORTADORA — página bespoke (escopo .tele-wrap)<br /> ========================================================= */<br /> .tele-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .tele-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .tele-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .tele-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .tele-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .tele-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .tele-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .tele-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .tele-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tele-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .tele-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .tele-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .tele-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .tele-h::before, .tele-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .tele-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .tele-wrap .tele-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 780px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .tele-wrap .tele-lead b { color: #a8861f; }<br /> .tele-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .tele-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; }<br /> .tele-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .tele-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .tele-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> .tele-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .tele-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .tele-tiers td { padding: 13px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; }<br /> .tele-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .tele-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .tele-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .tele-tiers .price { text-align: right; font-weight: 800; color: #a8861f; white-space: nowrap; }<br /> .tele-tiers .free { color: #2e7d32; }<br /> .tele-dest { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }<br /> .tele-destbox { border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 18px 18px 16px; background: linear-gradient(180deg, #fff, #fdf8e8); }<br /> .tele-destbox.vip { border-color: #d4af37; box-shadow: 0 6px 18px rgba(212,175,55,0.14); background: linear-gradient(180deg, #fffaef, #fdf3d4); }<br /> .tele-desthead { display: flex; align-items: center; justify-content: space-between; }<br /> .tele-desthead h4 { margin: 0; font-size: 17px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .tele-tag { font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; }<br /> .tele-tag.t-free { background: #d7f0d8; color: #2e7d32; }<br /> .tele-tag.t-vip { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .tele-destn { margin: 6px 0 12px; font-size: 12px; color: #6b5a2e; }<br /> .tele-chips { display: flex; flex-wrap: wrap; gap: 6px; }<br /> .tele-chips-center { justify-content: center; max-width: 880px; margin: 0 auto; }<br /> .tele-chip { padding: 4px 10px; border-radius: 999px; background: #fdf8e8; border: 1px solid rgba(212,175,55,0.3); font-size: 12px; color: #5a4a22; font-weight: 600; }<br /> .tele-destbox.vip .tele-chip { background: #fff; }<br /> .tele-chip.city { font-size: 13px; padding: 6px 13px; }<br /> .tele-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 22px auto; font-style: italic; max-width: 820px; background: rgba(212,175,55,0.08); border: 1px dashed #d4af37; border-radius: 10px; padding: 14px 20px; }<br /> .tele-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .tele-stats { grid-template-columns: repeat(2, 1fr); }<br /> .tele-steps { grid-template-columns: repeat(2, 1fr); }<br /> .tele-dest { grid-template-columns: 1fr; }<br /> .tele-hero h1 { font-size: 31px; }<br /> }<br /> /* =========================================================<br /> ESTILISTA — página bespoke (escopo .est-wrap)<br /> ========================================================= */<br /> .est-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .est-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .est-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .est-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .est-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .est-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .est-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .est-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .est-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .est-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .est-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .est-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .est-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .est-h::before, .est-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .est-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .est-wrap .est-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .est-wrap .est-lead b { color: #a8861f; }<br /> .est-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .est-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; }<br /> .est-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .est-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .est-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> .est-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }<br /> .est-card { width: 150px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 10px 8px 12px; text-align: center; display: flex; flex-direction: column; }<br /> .est-card.mounted { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .est-card img { height: 150px; width: auto; max-width: 100%; margin: 0 auto auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .est-mount { position: absolute; top: 8px; right: 8px; font-size: 9px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .est-cap { display: block; margin-top: 8px; font-size: 11px; font-weight: 600; color: #5a4a22; line-height: 1.3; }<br /> .est-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 24px auto 0; font-style: italic; max-width: 800px; }<br /> .est-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .est-stats { grid-template-columns: repeat(2, 1fr); }<br /> .est-steps { grid-template-columns: repeat(2, 1fr); }<br /> .est-hero h1 { font-size: 31px; }<br /> }<br /> /* =========================================================<br /> ITEM RECOLOR — página bespoke (escopo .ir-wrap)<br /> ========================================================= */<br /> .ir-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .ir-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .ir-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .ir-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .ir-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .ir-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .ir-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .ir-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .ir-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .ir-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .ir-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .ir-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 36px 0 4px; }<br /> .ir-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .ir-h::before, .ir-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .ir-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .ir-wrap .ir-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .ir-wrap .ir-lead b { color: #a8861f; }<br /> .ir-fam { text-align: center; font-size: 11.5px; color: #8a6c1e; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 12px; }<br /> .ir-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .ir-card { width: 116px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 8px 6px 9px; text-align: center; display: flex; flex-direction: column; }<br /> .ir-card.orig { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .ir-card img { height: 116px; width: auto; max-width: 100%; margin: 0 auto auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .ir-noimg { height: 116px; display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 26px; }<br /> .ir-orig { position: absolute; top: 7px; left: 50%; transform: translateX(-50%); font-size: 8.5px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .ir-cap { display: block; margin-top: 6px; font-size: 11px; font-weight: 600; color: #5a4a22; line-height: 1.25; }<br /> .ir-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 26px auto 0; font-style: italic; max-width: 800px; }<br /> .ir-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .ir-stats { grid-template-columns: repeat(2, 1fr); }<br /> .ir-hero h1 { font-size: 31px; }<br /> .ir-card { width: 96px; }<br /> .ir-card img { height: 96px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> AURAS — página bespoke (escopo .aurp-wrap)<br /> ========================================================= */<br /> .aurp-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .aurp-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .aurp-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .aurp-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .aurp-badge2 { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .aurp-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .aurp-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .aurp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .aurp-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .aurp-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .aurp-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .aurp-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 4px; }<br /> .aurp-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .aurp-h::before, .aurp-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .aurp-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .aurp-wrap .aurp-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 820px; margin-left: auto; margin-right: auto; margin-bottom: 10px; color: #2a2008; }<br /> .aurp-wrap .aurp-lead b { color: #a8861f; }<br /> .aurp-types { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; max-width: 880px; margin: 12px auto 4px; }<br /> .aurp-type { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 18px 14px; text-align: center; }<br /> .aurp-type .n { font-size: 26px; font-weight: 800; color: #a8861f; line-height: 1; }<br /> .aurp-type .t { font-weight: 800; margin-top: 6px; color: #3a2c0a; font-size: 15px; }<br /> .aurp-type .d { font-size: 12.5px; color: #6b5a2e; margin-top: 4px; line-height: 1.45; }<br /> .aurp-flex { max-width: 860px; margin: 24px auto 6px; border-radius: 14px; padding: 24px 28px; text-align: center; border: 1px solid rgba(212,175,55,0.45); background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.22), transparent 60%), linear-gradient(180deg, #241906, #0d0901); }<br /> .aurp-flex .ft { font-size: 19px; font-weight: 800; color: #f4d97a; margin-bottom: 8px; }<br /> .aurp-wrap .aurp-flex p { color: #e9dcc0; font-size: 14.5px; line-height: 1.65; margin: 0 auto; max-width: 720px; }<br /> .aurp-flex p b { color: #f4d97a; }<br /> .aurp-packs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 900px; margin: 12px auto 4px; }<br /> .aurp-pack { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 20px 18px; text-align: center; border-top: 4px solid #d4af37; }<br /> .aurp-pack .pn { font-size: 19px; font-weight: 800; margin-bottom: 6px; }<br /> .aurp-pack .pd { font-size: 13px; color: #5a4a22; line-height: 1.5; }<br /> .aurp-pack .pd b { color: #a8861f; }<br /> .aurp-prata { border-top-color: #9fb1c4; } .aurp-prata .pn { color: #6f7d8c; }<br /> .aurp-gold { border-top-color: #d4af37; } .aurp-gold .pn { color: #a8861f; }<br /> .aurp-diam { border-top-color: #5fc8d4; } .aurp-diam .pn { color: #2f9aa6; }<br /> .aurp-sub { text-align: center; font-size: 12px; color: #8a6c1e; text-transform: uppercase; letter-spacing: 1px; margin: 2px 0 14px; }<br /> .aurp-gal { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .aurp-card { position: relative; width: 152px; height: 170px; border-radius: 10px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 4px 14px rgba(0,0,0,0.12); background: #0d0901; }<br /> .aurp-card img { width: 100%; height: 100%; object-fit: cover; display: block; }<br /> .aurp-bdg { position: absolute; top: 7px; right: 7px; font-size: 9px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 8px; border-radius: 999px; color: #241906; }<br /> .aurp-tier-Prata .aurp-bdg { background: linear-gradient(135deg, #eef2f7, #9fb1c4); }<br /> .aurp-tier-Gold .aurp-bdg { background: linear-gradient(135deg, #f4d97a, #d4af37); }<br /> .aurp-tier-Diamante .aurp-bdg { background: linear-gradient(135deg, #c4f1f6, #5fc8d4); }<br /> .aurp-tier-Prata { border-color: rgba(159,177,196,0.6); }<br /> .aurp-tier-Diamante { border-color: rgba(95,200,212,0.55); }<br /> .aurp-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 26px auto 0; font-style: italic; max-width: 800px; }<br /> @media (max-width: 850px) {<br /> .aurp-stats { grid-template-columns: repeat(2, 1fr); }<br /> .aurp-types, .aurp-packs { grid-template-columns: 1fr; }<br /> .aurp-hero h1 { font-size: 31px; }<br /> .aurp-card { width: 120px; height: 138px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> PÁGINA PRINCIPAL — redesign bespoke (escopo .hm-wrap)<br /> ========================================================= */<br /> .hm-wrap { max-width: 1080px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .hm-hero { position: relative; text-align: center; padding: 56px 24px 48px; border-radius: 18px; overflow: hidden; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 50% -25%, rgba(244,217,122,0.30), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.14), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .hm-hero::before { content: &quot;✦&quot;; position: absolute; top: 18px; right: 26px; color: rgba(212,175,55,0.28); font-size: 30px; }<br /> .hm-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .hm-selo { display: inline-block; padding: 5px 17px; border: 1px solid rgba(212,175,55,0.55); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 2.4px; text-transform: uppercase; font-weight: 700; }<br /> .hm-wrap h1.hm-title { margin: 16px 0 8px; font-size: 62px; line-height: 1; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 1px; text-shadow: 0 3px 26px rgba(212,175,55,0.35); }<br /> .hm-tag { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 16px; line-height: 1.62; }<br /> .hm-tag i { color: #f4d97a; font-style: italic; }<br /> .hm-cta { display: flex; gap: 14px; justify-content: center; margin-top: 26px; flex-wrap: wrap; }<br /> .hm-wrap a.hm-btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 28px; border-radius: 11px; font-weight: 700; font-size: 15px; text-decoration: none; transition: transform .15s, box-shadow .15s; }<br /> .hm-wrap a.hm-btn-primary { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07; box-shadow: 0 8px 22px rgba(212,175,55,0.38); }<br /> .hm-wrap a.hm-btn-ghost { border: 1px solid rgba(212,175,55,0.6); color: #f4d97a; }<br /> .hm-wrap a.hm-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.45); }<br /> /* ---- Aviso de BETA (em evidência) ---- */<br /> .hm-beta { position: relative; overflow: hidden; margin: 22px auto 4px; max-width: 1000px; display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; padding: 24px 30px; border-radius: 16px; border: 1.5px solid rgba(244,217,122,0.65); background: radial-gradient(ellipse at 0% 0%, rgba(244,217,122,0.22), transparent 55%), linear-gradient(135deg, #3a2a08, #160f04); box-shadow: 0 0 0 1px rgba(244,217,122,0.12), 0 12px 34px rgba(0,0,0,0.35); }<br /> .hm-beta-l { display: flex; flex-direction: column; gap: 6px; min-width: 280px; flex: 1; }<br /> .hm-beta-badge { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; padding: 4px 13px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07; font-weight: 800; font-size: 12px; letter-spacing: 1.5px; }<br /> .hm-beta-dot { width: 9px; height: 9px; border-radius: 50%; background: #2a1d07; box-shadow: 0 0 0 0 rgba(42,29,7,0.6); animation: hmpulse 1.6s infinite; }<br /> @keyframes hmpulse { 0% { box-shadow: 0 0 0 0 rgba(42,29,7,0.55); } 70% { box-shadow: 0 0 0 7px rgba(42,29,7,0); } 100% { box-shadow: 0 0 0 0 rgba(42,29,7,0); } }<br /> .hm-beta-t { font-size: 21px; font-weight: 800; color: #f4d97a; line-height: 1.2; }<br /> .hm-wrap .hm-beta-s { color: #e9dcc0; font-size: 14px; line-height: 1.55; margin: 2px 0 0; max-width: 620px; }<br /> .hm-beta-s b { color: #f4d97a; }<br /> .hm-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 900px; margin: -30px auto 8px; position: relative; }<br /> .hm-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 11px; padding: 15px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .hm-stat b { display: block; font-size: 17px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .hm-stat span { display: block; margin-top: 3px; font-size: 10.5px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.6px; }<br /> .hm-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 42px 0 6px; }<br /> .hm-h span { font-size: 14px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .hm-h::before, .hm-h::after { content: &quot;&quot;; height: 1px; width: 90px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .hm-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .hm-sub { text-align: center; color: #8a6c1e; font-size: 13px; margin: 0 auto 16px; max-width: 640px; }<br /> /* Fix centralizacao: .mw-parser-output p (0,1,1) zera margin-left/right; 2 classes (0,2,0) vencem */<br /> .hm-wrap .hm-tag, .hm-wrap .hm-sub { margin-left: auto; margin-right: auto; }<br /> .hm-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin: 12px 0; }<br /> .hm-wrap a.hm-card { width: 152px; box-sizing: border-box; padding: 18px 12px 16px; border-radius: 14px; text-align: center; text-decoration: none; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); transition: transform .16s, box-shadow .16s, border-color .16s; display: flex; flex-direction: column; align-items: center; gap: 11px; color: #3a2c0a; }<br /> .hm-wrap a.hm-card:hover { transform: translateY(-5px); box-shadow: 0 12px 26px rgba(0,0,0,0.15); border-color: #d4af37; }<br /> .hm-card img { width: 74px; height: 74px; object-fit: contain; filter: drop-shadow(0 2px 5px rgba(0,0,0,0.22)); }<br /> .hm-card span { font-weight: 700; font-size: 14px; line-height: 1.25; }<br /> .hm-sys a.hm-card { width: 168px; }<br /> .hm-soon { max-width: 900px; margin: 16px auto 6px; padding: 24px 28px; border-radius: 14px; text-align: center; border: 1px dashed rgba(212,175,55,0.55); background: linear-gradient(180deg, rgba(244,217,122,0.07), rgba(244,217,122,0.02)); }<br /> .hm-soon-t { font-weight: 800; color: #a8861f; font-size: 15px; letter-spacing: 0.5px; }<br /> .hm-soon p { margin: 6px auto 0; color: #6b5a2e; font-size: 13.5px; line-height: 1.55; max-width: 600px; }<br /> .hm-soon p b { color: #a8861f; }<br /> .hm-banner { margin: 40px auto 8px; max-width: 1000px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding: 26px 32px; border-radius: 16px; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 0% 0%, rgba(244,217,122,0.18), transparent 55%), linear-gradient(135deg, #2a1d07, #0d0901); }<br /> .hm-banner-t { font-size: 21px; font-weight: 800; color: #f4d97a; }<br /> .hm-banner-s { color: #e9dcc0; font-size: 14px; margin-top: 4px; max-width: 560px; line-height: 1.5; }<br /> .hm-banner-tags { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }<br /> .hm-tag-pill { padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(212,175,55,0.5); color: #f4d97a; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; }<br /> @media (max-width: 860px) {<br /> .hm-wrap h1.hm-title { font-size: 42px; }<br /> .hm-stats { grid-template-columns: repeat(2, 1fr); }<br /> .hm-wrap a.hm-card, .hm-sys a.hm-card { width: 44%; }<br /> .hm-banner { flex-direction: column; text-align: center; }<br /> }<br /> <br /> /* =========================================================<br /> LOJA DE CASH — página bespoke (escopo .cash-wrap)<br /> ========================================================= */<br /> .cash-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .cash-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .cash-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cash-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .cash-badge { display: inline-block; margin: 14px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .cash-wrap h1 { margin: 6px 0 10px; font-size: 38px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .cash-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.6; }<br /> .cash-hero p b { color: #f4d97a; }<br /> .cash-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 34px 0 12px; }<br /> .cash-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .cash-h::before, .cash-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .cash-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .cash-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .cash-card { width: 136px; box-sizing: border-box; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 12px 8px 10px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 7px; transition: transform .14s, box-shadow .14s, border-color .14s; }<br /> .cash-card:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(0,0,0,0.13); border-color: #d4af37; }<br /> .cash-ic { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; }<br /> .cash-ic img { max-width: 56px; max-height: 56px; object-fit: contain; image-rendering: -webkit-optimize-contrast; }<br /> .cash-nm { font-size: 12px; font-weight: 600; color: #3a2c0a; line-height: 1.22; min-height: 29px; display: flex; align-items: center; }<br /> .cash-pr { font-size: 12.5px; font-weight: 800; color: #a8861f; background: rgba(212,175,55,0.12); border-radius: 6px; padding: 2px 8px; }<br /> .cash-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 28px auto 0; font-style: italic; max-width: 760px; }<br /> .cash-note b { color: #a8861f; }<br /> @media (max-width: 850px) { .cash-card { width: 30%; } .cash-hero h1 { font-size: 30px; } }<br /> /* ============================================================<br /> VIP — página bespoke (escopo .vip-wrap) — v3 (1 bloco escuro = hero)<br /> ============================================================ */<br /> .vip-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .vip-wrap *, .vip-wrap *::before, .vip-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .vip-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .vip-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vip-hero img.vip-ico { width: 104px; height: 104px; display:block; margin: 0 auto 8px; border-radius: 18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.40)); }<br /> .vip-badge { display:inline-block; margin: 4px 0; padding: 5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .vip-wrap h1 { margin: 8px 0 12px; font-size: 40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow: 0 2px 16px rgba(0,0,0,0.55); }<br /> .vip-hero p { max-width: 660px; margin: 0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .vip-hero p b { color:#f4d97a; }<br /> <br /> /* STAT STRIP (sobrepoe a base do hero) */<br /> .vip-stats { display:grid; grid-template-columns: repeat(4, 1fr); gap:12px; margin:-34px auto 6px; max-width:840px; position:relative; z-index:3; padding:0 10px; }<br /> .vip-stat { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .vip-stat b { display:block; font-size:26px; font-weight:800; color:#a8861f; line-height:1; }<br /> .vip-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .vip-h { display:flex; align-items:center; justify-content:center; gap:14px; margin: 44px 0 14px; }<br /> .vip-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .vip-h::before, .vip-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .vip-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .vip-wrap .vip-lead { text-align:center; font-size:15px; line-height:1.7; max-width:770px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .vip-lead b { color:#a8861f; }<br /> .vip-wrap .vip-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:720px; }<br /> <br /> /* STEPS — cards claros com círculo dourado (igual Curandeira) */<br /> .vip-steps { display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; }<br /> .vip-step { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:22px 16px 18px; text-align:center; transition:transform .16s, box-shadow .16s, border-color .16s; }<br /> .vip-step:hover { transform:translateY(-4px); box-shadow:0 10px 22px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vip-step .n { width:34px; height:34px; border-radius:50%; margin:0 auto 12px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(212,175,55,0.4); }<br /> .vip-step h4 { margin:0 0 7px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .vip-step p { margin:0; font-size:13px; color:#6b5a2e; line-height:1.5; }<br /> .vip-step a { color:#9a7a17; font-weight:700; border-bottom:1px dotted #d4af37; text-decoration:none; }<br /> .vip-step a:hover { color:#6e5410; }<br /> <br /> /* FEATURE — NPC em card claro (estilo Armeiro do Éden) */<br /> .vip-feature { display:flex; gap:24px; align-items:center; background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 26px; box-shadow:0 6px 18px rgba(0,0,0,0.06); margin-top:14px; }<br /> .vip-feature img { height:118px; image-rendering:pixelated; flex-shrink:0; filter: drop-shadow(0 7px 11px rgba(0,0,0,0.28)); }<br /> .vip-feature-txt { font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .vip-feature-txt h4 { margin:0 0 6px; font-size:16px; color:#9a7a17; font-weight:800; border:none; padding:0; }<br /> .vip-feature-txt p { margin:0; }<br /> .vip-feature-txt b { color:#a8861f; }<br /> <br /> /* COMPARISON TABLE */<br /> .vip-cmp { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .vip-cmp th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; padding:13px 16px; text-align:left; font-weight:700; }<br /> .vip-cmp th.c { text-align:center; }<br /> .vip-cmp td { padding:12px 16px; border-top:1px solid rgba(212,175,55,0.15); font-size:14px; vertical-align:middle; }<br /> .vip-cmp tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .vip-cmp tbody tr:hover td { background:#f6ecc6; }<br /> .vip-cmp .feat { font-weight:700; color:#1b1304; }<br /> .vip-cmp .base { color:#8a7340; text-align:center; }<br /> .vip-cmp th.vipc { background:linear-gradient(180deg,#4a360f,#2a1d07); color:#f7e9b8; text-align:center; border-left:1px solid rgba(212,175,55,0.35); }<br /> .vip-cmp td.vipc { text-align:center; font-weight:800; color:#7a5a10; background:rgba(212,175,55,0.16); border-left:1px solid rgba(212,175,55,0.3); }<br /> .vip-cmp tbody tr:nth-child(even) td.vipc { background:rgba(212,175,55,0.22); }<br /> .vip-cmp tbody tr:hover td.vipc { background:rgba(212,175,55,0.30); }<br /> <br /> /* COMMAND CARDS */<br /> .vip-cmds { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }<br /> .vip-cmd { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:9px; padding:14px 16px; transition:box-shadow .14s; }<br /> .vip-cmd:hover { box-shadow:0 8px 18px rgba(212,175,55,0.16); }<br /> .vip-cmd b { display:block; font-family:'Consolas','Courier New',monospace; font-size:15px; color:#a8861f; font-weight:800; }<br /> .vip-cmd small { display:block; color:#8a6c1e; font-size:11px; margin:2px 0 6px; }<br /> .vip-cmd span { display:block; font-size:12.5px; color:#4a3a14; line-height:1.45; }<br /> <br /> /* SHOP CATALOG */<br /> .vip-shop { border:1px solid rgba(212,175,55,0.3); border-radius:10px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .vip-shop-cat { padding:14px 18px; border-top:1px solid rgba(212,175,55,0.18); }<br /> .vip-shop-cat:first-child { border-top:none; }<br /> .vip-shop-cat:nth-child(even) { background:#fdf8e8; }<br /> .vip-shop-label { font-size:11px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin-bottom:10px; text-align:center; }<br /> .vip-shop-items { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }<br /> .vip-item { display:flex; align-items:center; gap:8px; background:#fff; border:1px solid rgba(212,175,55,0.28); border-radius:8px; padding:5px 12px 5px 7px; transition:transform .12s, box-shadow .12s, border-color .12s; }<br /> .vip-item:hover { transform:translateY(-2px); box-shadow:0 6px 14px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vip-item img { width:28px; height:28px; object-fit:contain; image-rendering:pixelated; }<br /> .vip-item span { font-size:12.5px; color:#3a2c0a; font-weight:600; white-space:nowrap; }<br /> <br /> /* NPCS */<br /> .vip-npcs { display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; }<br /> .vip-npc { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:14px 14px 16px; text-align:center; display:flex; flex-direction:column; align-items:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vip-npc:hover { transform:translateY(-3px); box-shadow:0 10px 22px rgba(0,0,0,0.12); border-color:#f4d97a; }<br /> .vip-npc-spr { height:118px; display:flex; align-items:flex-end; justify-content:center; margin-bottom:8px; }<br /> .vip-npc-spr img { max-height:118px; image-rendering:pixelated; }<br /> .vip-npc h3 { font-size:15px; color:#a8861f; margin:0 0 3px; border:none; padding:0; font-weight:800; }<br /> .vip-npc .vip-loc { font-size:12px; margin-bottom:8px; }<br /> .vip-npc p { font-size:12.5px; color:#4a3a14; line-height:1.45; margin:0; }<br /> <br /> /* SERVIÇOS COM VANTAGEM VIP (cards claros com ícone da página) */<br /> .vip-svc { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .vip-svc-card { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:20px 18px; text-align:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vip-svc-card:hover { transform:translateY(-3px); box-shadow:0 10px 22px rgba(0,0,0,0.1); border-color:#f4d97a; }<br /> .vip-svc-card img { width:64px; height:64px; object-fit:contain; border-radius:12px; margin:0 auto 10px; display:block; box-shadow:0 4px 10px rgba(0,0,0,0.14); }<br /> .vip-svc-card h3 { font-size:15px; margin:0 0 8px; border:none; padding:0; font-weight:800; }<br /> .vip-svc-card h3 a { color:#a8861f; text-decoration:none; }<br /> .vip-svc-card h3 a:hover { color:#6e5410; text-decoration:underline; }<br /> .vip-svc-card p { font-size:12.8px; color:#4a3a14; line-height:1.5; margin:0; }<br /> .vip-svc-card b { color:#a8861f; }<br /> <br /> /* NOTE */<br /> .vip-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:780px; }<br /> .vip-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .vip-stats { grid-template-columns: repeat(2, 1fr); }<br /> .vip-steps { grid-template-columns:1fr; }<br /> .vip-cmds { grid-template-columns:1fr; }<br /> .vip-npcs { grid-template-columns: repeat(2, 1fr); }<br /> .vip-svc { grid-template-columns:1fr; }<br /> .vip-feature { flex-direction:column; text-align:center; }<br /> .vip-cmp th, .vip-cmp td { padding:10px 9px; font-size:13px; }<br /> }<br /> <br /> /* ============================================================<br /> MVP REFORMULADO — página bespoke (escopo .mvp-wrap)<br /> ============================================================ */<br /> .mvp-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .mvp-wrap *, .mvp-wrap *::before, .mvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .mvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.24) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .mvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .mvp-hero img.mvp-ico { width:108px; height:108px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.40)); }<br /> .mvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .mvp-wrap h1 { margin:8px 0 12px; font-size:38px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .mvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .mvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .mvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:860px; position:relative; z-index:3; padding:0 10px; }<br /> .mvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .mvp-stat b { display:block; font-size:24px; font-weight:800; color:#a8861f; line-height:1; }<br /> .mvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .mvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .mvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .mvp-h::before,.mvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .mvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .mvp-wrap .mvp-lead { text-align:center; font-size:15px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .mvp-lead b { color:#a8861f; }<br /> .mvp-wrap .mvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> <br /> /* FEATURE CARDS (mecânicas) */<br /> .mvp-feats { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }<br /> .mvp-feat { flex:0 0 calc((100% - 14px)/2); max-width:calc((100% - 14px)/2); background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:18px 20px; transition:box-shadow .16s, transform .16s; }<br /> .mvp-feat:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .mvp-feat h4 { margin:0 0 7px; font-size:15.5px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .mvp-feat p { margin:0; font-size:13px; line-height:1.6; color:#5a4a22; }<br /> .mvp-feat b { color:#a8861f; }<br /> <br /> /* TABLE antes/depois */<br /> .mvp-table { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .mvp-table th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase; padding:11px 10px; text-align:left; font-weight:700; }<br /> .mvp-table th.c { text-align:center; }<br /> .mvp-table td { padding:9px 10px; border-top:1px solid rgba(212,175,55,0.14); font-size:13px; vertical-align:middle; }<br /> .mvp-table tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .mvp-table tbody tr:hover td { background:#f6ecc6; }<br /> .mvp-table .spr { width:64px; text-align:center; padding:4px 4px; }<br /> .mvp-table .spr img { max-width:56px; max-height:50px; object-fit:contain; image-rendering:pixelated; vertical-align:middle; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.22)); }<br /> .mvp-table .nm { font-weight:700; color:#1b1304; white-space:nowrap; }<br /> .mvp-table td.c { text-align:center; }<br /> .mvp-ba { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }<br /> .mvp-ba .b { color:#9b8a5e; text-decoration:line-through; text-decoration-color:rgba(155,138,94,0.55); font-size:11.5px; }<br /> .mvp-ba .ar { color:#d4af37; font-weight:800; font-size:12px; }<br /> .mvp-ba .a { color:#7a5a10; font-weight:800; }<br /> .mvp-eq { color:#7a5a10; font-weight:700; } /* valor inalterado */<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .mvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .mvp-feat { flex-basis:100%; max-width:100%; }<br /> .mvp-table .mvp-ba .b, .mvp-table .mvp-ba .ar { display:none; }<br /> .mvp-table th, .mvp-table td { padding:8px 6px; font-size:12px; }<br /> .mvp-wrap h1 { font-size:30px; }<br /> }<br /> <br /> /* ============================================================<br /> DROP MVP — página bespoke (escopo .dmvp-wrap)<br /> ============================================================ */<br /> .dmvp-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .dmvp-wrap *, .dmvp-wrap *::before, .dmvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .dmvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .dmvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .dmvp-hero img.dmvp-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .dmvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .dmvp-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .dmvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .dmvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .dmvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .dmvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .dmvp-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .dmvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .dmvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .dmvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .dmvp-h::before,.dmvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .dmvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .dmvp-wrap .dmvp-lead { text-align:center; font-size:15px; line-height:1.75; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .dmvp-lead b { color:#a8861f; }<br /> .dmvp-wrap .dmvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .dmvp-sub b { color:#a8861f; }<br /> <br /> /* 3 PILARES (cards claros, border-left dourado) */<br /> .dmvp-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .dmvp-pillar { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:18px 20px; transition:box-shadow .16s, transform .16s; }<br /> .dmvp-pillar:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .dmvp-pillar h4 { margin:0 0 8px; font-size:17px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .dmvp-pillar p { margin:0; font-size:12.8px; line-height:1.6; color:#5a4a22; }<br /> .dmvp-pillar b { color:#a8861f; }<br /> <br /> /* FÓRMULA DE PONTOS */<br /> .dmvp-formula { display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; gap:12px; }<br /> .dmvp-cat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:10px; padding:15px 16px 13px; text-align:center; min-width:160px; display:flex; flex-direction:column; justify-content:center; }<br /> .dmvp-cat b { display:block; font-size:15.5px; color:#1b1304; font-weight:800; }<br /> .dmvp-cat .d { display:block; font-size:11.5px; color:#6b5a2e; margin-top:2px; }<br /> .dmvp-cat .pt { display:inline-block; margin:9px auto 0; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:11.5px; padding:3px 12px; border-radius:999px; }<br /> .dmvp-arrow { display:flex; align-items:center; justify-content:center; font-size:26px; color:#d4af37; font-weight:800; }<br /> .dmvp-win { background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; box-shadow:0 8px 20px rgba(212,175,55,0.25); border-radius:10px; padding:15px 24px; text-align:center; display:flex; flex-direction:column; justify-content:center; min-width:180px; }<br /> .dmvp-win b { display:block; font-size:16px; color:#9a7a17; font-weight:800; }<br /> .dmvp-win span { display:block; font-size:11.5px; color:#6b5a2e; margin-top:3px; }<br /> <br /> /* TABELA EXEMPLO (lápide) — header escuro */<br /> .dmvp-tomb { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .dmvp-tomb caption { caption-side:top; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:#8a6c1e; padding:0 0 8px; font-weight:700; }<br /> .dmvp-tomb th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase; padding:11px 12px; text-align:left; font-weight:700; }<br /> .dmvp-tomb th.c { text-align:center; }<br /> .dmvp-tomb td { padding:11px 12px; border-top:1px solid rgba(212,175,55,0.14); font-size:13.5px; vertical-align:middle; }<br /> .dmvp-tomb td.c { text-align:center; }<br /> .dmvp-tomb tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .dmvp-tomb .grp { font-weight:700; color:#1b1304; }<br /> .dmvp-tomb .num { color:#5a4a22; text-align:right; white-space:nowrap; }<br /> .dmvp-tomb tr.win td { background:rgba(212,175,55,0.18) !important; }<br /> .dmvp-tomb tr.win .grp { color:#8a6310; }<br /> .dmvp-tomb .tag { display:inline-block; margin-left:8px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-size:10px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; padding:2px 9px; border-radius:999px; vertical-align:middle; }<br /> .dmvp-tomb .pts { text-align:center; font-weight:800; color:#a8861f; }<br /> <br /> /* NOTE */<br /> .dmvp-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .dmvp-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .dmvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .dmvp-pillars { grid-template-columns:1fr; }<br /> .dmvp-arrow { transform:rotate(90deg); }<br /> .dmvp-cat, .dmvp-win { width:100%; }<br /> .dmvp-tomb th, .dmvp-tomb td { padding:9px 7px; font-size:12px; }<br /> .dmvp-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> CAÇA MVP — página bespoke (escopo .cmvp-wrap)<br /> ============================================================ */<br /> .cmvp-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cmvp-wrap *, .cmvp-wrap *::before, .cmvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .cmvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cmvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cmvp-hero img.cmvp-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cmvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cmvp-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cmvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cmvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cmvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cmvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cmvp-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cmvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cmvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cmvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cmvp-h::before,.cmvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cmvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cmvp-wrap .cmvp-lead { text-align:center; font-size:15px; line-height:1.75; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cmvp-lead b { color:#a8861f; }<br /> .cmvp-wrap .cmvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .cmvp-sub b { color:#a8861f; }<br /> <br /> /* AVISOS (2 cards com selo + msg exemplo) */<br /> .cmvp-warns { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .cmvp-warn { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:18px 20px; }<br /> .cmvp-warn .selo { display:inline-block; font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:3px 11px; border-radius:999px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; }<br /> .cmvp-warn h4 { margin:11px 0 6px; font-size:16px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cmvp-warn p { margin:0 0 11px; font-size:13px; line-height:1.55; color:#5a4a22; }<br /> .cmvp-warn b { color:#a8861f; }<br /> .cmvp-msg { background:#fbf3df; border:1px dashed rgba(212,175,55,0.55); border-radius:8px; padding:9px 12px; font-size:11px; line-height:1.45; color:#c0392b; font-style:italic; white-space:nowrap; overflow-x:auto; }<br /> <br /> /* FERRAMENTAS (3 feature cards) */<br /> .cmvp-tools { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .cmvp-tool { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:20px; transition:box-shadow .16s, transform .16s; }<br /> .cmvp-tool:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .cmvp-tool h4 { margin:0 0 9px; font-size:16px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cmvp-tool .dot { display:inline-block; width:12px; height:12px; border-radius:50%; background:#ff3333; box-shadow:0 0 0 3px rgba(255,51,51,0.25); vertical-align:middle; margin-right:7px; }<br /> .cmvp-tool p { margin:0; font-size:12.8px; line-height:1.6; color:#5a4a22; }<br /> .cmvp-tool b { color:#a8861f; }<br /> <br /> /* NOTE */<br /> .cmvp-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .cmvp-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .cmvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .cmvp-warns { grid-template-columns:1fr; }<br /> .cmvp-tools { grid-template-columns:1fr; }<br /> .cmvp-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> VISUAIS OUTFIT — página bespoke (escopo .vo-wrap)<br /> ============================================================ */<br /> .vo-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .vo-wrap *, .vo-wrap *::before, .vo-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .vo-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .vo-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vo-hero img.vo-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .vo-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .vo-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .vo-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .vo-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .vo-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .vo-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .vo-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .vo-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .vo-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:46px 0 6px; }<br /> .vo-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .vo-h::before,.vo-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .vo-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .vo-wrap .vo-lead { text-align:center; font-size:14.5px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:14px; color:#2a2008; }<br /> .vo-lead b { color:#a8861f; }<br /> .vo-price { display:inline-block; margin:0 0 16px; padding:4px 14px; border-radius:999px; background:rgba(212,175,55,0.14); border:1px solid rgba(212,175,55,0.4); color:#8a6310; font-size:12px; font-weight:700; }<br /> <br /> /* GRID DE CLASSES (homem + mulher por classe) */<br /> .vo-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }<br /> .vo-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:9px 9px 11px; text-align:center; display:flex; flex-direction:column; align-items:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vo-card:hover { transform:translateY(-3px); box-shadow:0 9px 20px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vo-figs { display:flex; gap:4px; align-items:flex-end; justify-content:center; }<br /> .vo-fig { display:flex; flex-direction:column; align-items:center; }<br /> .vo-fig .spr { height:148px; width:98px; display:flex; align-items:flex-end; justify-content:center; }<br /> .vo-fig .spr img { max-height:148px; max-width:98px; image-rendering:auto; filter:drop-shadow(0 3px 5px rgba(0,0,0,0.22)); }<br /> .vo-fig i { font-style:normal; font-size:9px; text-transform:uppercase; letter-spacing:0.7px; color:#9a7a2a; margin-top:4px; font-weight:700; }<br /> .vo-card&gt;span { font-size:12px; font-weight:800; color:#3a2c0a; margin-top:8px; line-height:1.25; max-width:208px; }<br /> <br /> /* NOTE */<br /> .vo-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .vo-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px){<br /> .vo-stats { grid-template-columns:repeat(2,1fr); }<br /> .vo-wrap h1 { font-size:31px; }<br /> .vo-fig .spr { height:120px; width:80px; }<br /> .vo-fig .spr img { max-height:120px; max-width:80px; }<br /> }<br /> <br /> /* ============================================================<br /> CONVIDE E GANHE — página bespoke (escopo .cg-wrap)<br /> ============================================================ */<br /> .cg-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cg-wrap *, .cg-wrap *::before, .cg-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cg-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cg-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cg-hero img.cg-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cg-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cg-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cg-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cg-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cg-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:860px; position:relative; z-index:3; padding:0 10px; }<br /> .cg-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cg-stat b { display:block; font-size:23px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cg-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cg-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cg-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cg-h::before,.cg-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cg-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cg-wrap .cg-lead { text-align:center; font-size:15px; line-height:1.7; max-width:800px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cg-lead b { color:#a8861f; }<br /> .cg-wrap .cg-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .cg-sub b { color:#a8861f; }<br /> <br /> /* PIRÂMIDE (3 níveis, alarga pra baixo) */<br /> .cg-pyramid { display:flex; flex-direction:column; align-items:center; gap:8px; }<br /> .cg-tier { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 24px; border-radius:12px; color:#3a2a06; background:linear-gradient(135deg,#f7e6a6,#d4af37); border:1px solid #c9a430; box-shadow:0 6px 16px rgba(212,175,55,0.28); }<br /> .cg-tier.t1 { width:56%; } .cg-tier.t2 { width:76%; } .cg-tier.t3 { width:96%; }<br /> .cg-tier .lv { text-align:left; }<br /> .cg-tier .lv b { display:block; font-size:15px; font-weight:800; }<br /> .cg-tier .lv span { font-size:12px; color:#5a430a; }<br /> .cg-tier .pts { font-size:26px; font-weight:800; white-space:nowrap; }<br /> .cg-tier .pts small { font-size:12px; font-weight:700; }<br /> .cg-pynote { text-align:center; font-size:12.5px; color:#8a6c1e; margin-top:10px; font-style:italic; }<br /> <br /> /* STEPS */<br /> .cg-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }<br /> .cg-step { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:20px 15px 16px; text-align:center; transition:transform .16s, box-shadow .16s; }<br /> .cg-step:hover { transform:translateY(-4px); box-shadow:0 10px 22px rgba(212,175,55,0.18); }<br /> .cg-step .n { width:34px; height:34px; border-radius:50%; margin:0 auto 12px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(212,175,55,0.4); }<br /> .cg-step h4 { margin:0 0 7px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cg-step p { margin:0; font-size:12.5px; color:#6b5a2e; line-height:1.5; }<br /> .cg-step b { color:#a8861f; }<br /> <br /> /* PÓDIO de prêmios */<br /> .cg-podium { display:flex; align-items:flex-end; justify-content:center; gap:14px; }<br /> .cg-pod { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:10px 10px 0 0; padding:16px 18px; text-align:center; width:170px; }<br /> .cg-pod.first { border-top:3px solid #d4af37; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; box-shadow:0 10px 24px rgba(212,175,55,0.3); padding-bottom:34px; }<br /> .cg-pod.first { transform:translateY(-6px); }<br /> .cg-pod .place { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; }<br /> .cg-pod .prize { font-size:30px; font-weight:800; color:#a8861f; line-height:1.1; margin-top:4px; }<br /> .cg-pod.first .prize { font-size:38px; }<br /> .cg-pod .sub { font-size:11px; color:#7a6320; margin-top:3px; }<br /> <br /> /* COMANDOS */<br /> .cg-cmds { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }<br /> .cg-cmd { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:9px; padding:14px 16px; }<br /> .cg-cmd b { display:block; font-family:'Consolas','Courier New',monospace; font-size:14.5px; color:#a8861f; font-weight:800; }<br /> .cg-cmd span { display:block; font-size:12.5px; color:#4a3a14; line-height:1.45; margin-top:5px; }<br /> <br /> /* NOTE */<br /> .cg-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .cg-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px){<br /> .cg-stats { grid-template-columns:repeat(2,1fr); }<br /> .cg-steps { grid-template-columns:repeat(2,1fr); }<br /> .cg-cmds { grid-template-columns:1fr; }<br /> .cg-tier.t1,.cg-tier.t2,.cg-tier.t3 { width:100%; }<br /> .cg-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> PACOTE FUNDADOR — página bespoke (escopo .cf-wrap)<br /> ============================================================ */<br /> .cf-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cf-wrap *, .cf-wrap *::before, .cf-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cf-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cf-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cf-hero img.cf-ico { width:118px; height:118px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cf-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cf-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cf-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cf-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cf-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cf-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cf-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cf-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* EXCLUSIVIDADE callout */<br /> .cf-excl { max-width:880px; margin:26px auto 0; border:1px solid #c98b2e; border-left:5px solid #c0392b; border-radius:12px; background:linear-gradient(180deg,#fffaef,#fdf3d4); padding:16px 22px; box-shadow:0 6px 18px rgba(192,57,43,0.12); }<br /> .cf-excl .tag { display:inline-block; background:#c0392b; color:#fff; font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:3px 11px; border-radius:999px; margin-bottom:8px; }<br /> .cf-excl p { margin:0; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .cf-excl b { color:#a8330f; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cf-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:46px 0 16px; }<br /> .cf-h span { font-size:15px; font-weight:800; letter-spacing:2px; text-transform:uppercase; white-space:nowrap; }<br /> .cf-h::before,.cf-h::after { content:&quot;&quot;; height:1px; width:90px; flex-shrink:0; }<br /> .cf-wrap .cf-lead { text-align:center; font-size:15px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cf-lead b { color:#a8861f; }<br /> <br /> /* TIER section accents */<br /> .cf-tier { margin-top:12px; padding-bottom:6px; }<br /> .cf-tier.prata .cf-h span { color:#7d828a; } .cf-tier.prata .cf-h::before,.cf-tier.prata .cf-h::after { background:linear-gradient(90deg,transparent,#9aa0a6); }<br /> .cf-tier.ouro .cf-h span { color:#a8861f; } .cf-tier.ouro .cf-h::before,.cf-tier.ouro .cf-h::after { background:linear-gradient(90deg,transparent,#d4af37); }<br /> .cf-tier.diamante .cf-h span { color:#1f8fc7; } .cf-tier.diamante .cf-h::before,.cf-tier.diamante .cf-h::after { background:linear-gradient(90deg,transparent,#2aa6e0); }<br /> .cf-tier .cf-h::after { transform:scaleX(-1); }<br /> <br /> /* SHOWCASE row: pet | visual | set */<br /> .cf-show { display:grid; grid-template-columns: 215px 235px 1fr; gap:14px; align-items:stretch; }<br /> .cf-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:14px; }<br /> .cf-pet, .cf-visual { text-align:center; display:flex; flex-direction:column; }<br /> .cf-pet .spr, .cf-visual .spr { flex:1; min-height:210px; display:flex; align-items:flex-end; justify-content:center;<br /> background:radial-gradient(ellipse at 50% 88%, rgba(212,175,55,0.16), transparent 62%); border-radius:9px; padding:6px; }<br /> .cf-pet .spr img, .cf-visual .spr img { max-height:215px; max-width:100%; image-rendering:auto; filter:drop-shadow(0 5px 9px rgba(0,0,0,0.28)); }<br /> .cf-pet .pname, .cf-visual .vname { font-size:14px; font-weight:800; color:#1b1304; margin-top:9px; }<br /> .cf-pet .plabel, .cf-visual .vlabel { font-size:10.5px; color:#8a6c1e; text-transform:uppercase; letter-spacing:0.6px; margin-top:1px; }<br /> .cf-pet .exp { margin:9px auto 0; background:linear-gradient(135deg,#7bd88f,#2e9b46); color:#fff; font-weight:800; font-size:15px; padding:5px 16px; border-radius:999px; box-shadow:0 4px 10px rgba(46,155,70,0.3); }<br /> .cf-visual .vsub { font-size:11px; color:#8a6c1e; margin-top:6px; line-height:1.4; }<br /> .cf-set { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 18px; }<br /> .cf-set h4 { margin:0 0 4px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cf-set .note { font-size:11.5px; color:#8a6c1e; margin-bottom:11px; }<br /> .cf-set ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }<br /> .cf-set li { display:flex; align-items:center; gap:9px; padding:7px 10px; background:rgba(212,175,55,0.08); border:1px solid rgba(212,175,55,0.25); border-radius:8px; }<br /> .cf-set li img { width:34px; height:34px; object-fit:contain; image-rendering:pixelated; flex:0 0 auto; }<br /> .cf-set li .txt b { display:block; font-size:12.5px; color:#1b1304; line-height:1.2; }<br /> .cf-set li .txt span { font-size:10px; color:#8a6c1e; text-transform:uppercase; letter-spacing:0.5px; }<br /> <br /> /* ITEMS grid */<br /> .cf-itemshead { text-align:center; font-size:11.5px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin:18px 0 10px; }<br /> .cf-items { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }<br /> .cf-item { display:flex; align-items:center; gap:9px; background:#fff; border:1px solid rgba(212,175,55,0.28); border-radius:8px; padding:6px 13px 6px 7px; }<br /> .cf-item img { width:30px; height:30px; object-fit:contain; image-rendering:pixelated; }<br /> .cf-item .nm { font-size:12.5px; color:#3a2c0a; font-weight:600; }<br /> .cf-item .qt { font-size:12px; font-weight:800; color:#a8861f; }<br /> <br /> /* NOTE */<br /> .cf-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:840px; }<br /> .cf-note b { color:#a8330f; }<br /> /* PREÇO por tier (R$) */<br /> .cf-tier .cf-priceline { text-align:center; margin:-2px 0 14px; }<br /> .cf-price { display:inline-flex; align-items:baseline; gap:9px; padding:8px 26px; border-radius:999px; box-shadow:0 5px 16px rgba(0,0,0,0.16); border:1px solid rgba(255,255,255,0.32); }<br /> .cf-price b { font-size:24px; font-weight:800; line-height:1; }<br /> .cf-price i { font-style:normal; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }<br /> .cf-tier.prata .cf-price { background:linear-gradient(135deg,#c6cad0,#9298a0); } .cf-tier.prata .cf-price b,.cf-tier.prata .cf-price i { color:#2b2d31; }<br /> .cf-tier.ouro .cf-price { background:linear-gradient(135deg,#f4d97a,#c69a1d); box-shadow:0 6px 18px rgba(198,154,29,0.4); } .cf-tier.ouro .cf-price b,.cf-tier.ouro .cf-price i { color:#3a2a06; }<br /> .cf-tier.diamante .cf-price { background:linear-gradient(135deg,#b6e6ff,#3f97d6); box-shadow:0 7px 22px rgba(47,134,199,0.45); } .cf-tier.diamante .cf-price b,.cf-tier.diamante .cf-price i { color:#06243a; }<br /> <br /> @media (max-width:880px){<br /> .cf-stats { grid-template-columns:repeat(2,1fr); }<br /> .cf-show { grid-template-columns:1fr; }<br /> .cf-set ul { grid-template-columns:1fr 1fr; }<br /> .cf-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> RESSONÂNCIA — página bespoke (escopo .rs-wrap)<br /> ============================================================ */<br /> .rs-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rs-wrap *, .rs-wrap *::before, .rs-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .rs-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .rs-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rs-hero img.rs-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .rs-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rs-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rs-hero p { max-width:700px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rs-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .rs-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .rs-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rs-stat b { display:block; font-size:20px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .rs-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .rs-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .rs-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rs-h::before,.rs-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .rs-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .rs-wrap .rs-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .rs-lead b { color:#a8861f; }<br /> .rs-wrap .rs-note { text-align:center; font-size:12.5px; color:#8a6c1e; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .rs-note b { color:#a8861f; font-style:normal; }<br /> <br /> /* TIERS de raridade (visão geral) */<br /> .rs-tiers { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .rs-tier { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:14px 12px; text-align:center; border-top:3px solid #b9bcc2; }<br /> .rs-tier b { display:block; font-size:14px; font-weight:800; color:#2a2008; }<br /> .rs-tier i { display:block; font-style:normal; font-size:22px; font-weight:800; margin:3px 0 6px; }<br /> .rs-tier span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> .rs-tier.c { border-top-color:#9aa0a6; } .rs-tier.c i { color:#7d828a; }<br /> .rs-tier.i { border-top-color:#3fa14e; } .rs-tier.i i { color:#3fa14e; }<br /> .rs-tier.r { border-top-color:#2f86c7; } .rs-tier.r i { color:#2f86c7; }<br /> .rs-tier.l { border-top-color:#d4af37; background:linear-gradient(180deg,#fffaef,#fdf3d4); } .rs-tier.l i { color:#b9941f; }<br /> <br /> /* CATEGORIAS */<br /> .rs-cat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 16px 18px; margin-bottom:14px; box-shadow:0 4px 14px rgba(0,0,0,0.05); }<br /> .rs-cath { text-align:center; margin-bottom:12px; }<br /> .rs-cath h3 { margin:0; font-size:18px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .rs-cath p { margin:3px 0 0; font-size:12.5px; color:#8a6c1e; }<br /> .rs-groups { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; align-items:start; }<br /> .rs-grp { border:1px solid rgba(0,0,0,0.08); border-radius:9px; overflow:hidden; background:#fffdf8; }<br /> .rs-gh { display:flex; align-items:center; justify-content:space-between; padding:7px 11px; color:#fff; }<br /> .rs-gh b { font-size:12px; font-weight:800; letter-spacing:0.5px; text-transform:uppercase; }<br /> .rs-gh i { font-style:normal; font-size:12px; font-weight:800; opacity:0.95; }<br /> .rs-grp ul { list-style:none; margin:0; padding:8px 10px; display:flex; flex-direction:column; gap:5px; }<br /> .rs-grp li { font-size:11.5px; line-height:1.3; color:#3a2e12; padding-left:12px; position:relative; }<br /> .rs-grp li::before { content:&quot;&quot;; position:absolute; left:2px; top:6px; width:4px; height:4px; border-radius:50%; background:#c9a430; }<br /> .rs-grp.c .rs-gh { background:linear-gradient(135deg,#9aa0a6,#7d828a); }<br /> .rs-grp.i .rs-gh { background:linear-gradient(135deg,#48b35a,#2e8a3d); }<br /> .rs-grp.r .rs-gh { background:linear-gradient(135deg,#3f97d6,#2a6fae); }<br /> .rs-grp.l .rs-gh { background:linear-gradient(135deg,#e6c552,#c39a1d); }<br /> .rs-grp.l { border-color:rgba(212,175,55,0.6); box-shadow:0 4px 12px rgba(212,175,55,0.18); }<br /> .rs-grp.l li::before { background:#d4af37; }<br /> <br /> /* NPC Sintonizadora */<br /> .rs-npc { max-width:900px; margin:0 auto; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-left:5px solid #d4af37; border-radius:12px; padding:18px 22px; box-shadow:0 6px 18px rgba(212,175,55,0.15); }<br /> .rs-npc h3 { margin:0 0 6px; font-size:16px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .rs-npc p { margin:0 0 12px; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .rs-npc p b { color:#a8861f; }<br /> .rs-npcinfo { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }<br /> .rs-npcinfo li { background:rgba(255,255,255,0.6); border:1px solid rgba(212,175,55,0.3); border-radius:8px; padding:9px 12px; font-size:12.5px; color:#3a2e12; }<br /> .rs-npcinfo li b { display:block; color:#8a6310; font-size:11px; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:2px; }<br /> .rs-npcinfo li span:not(.navi-copy) { color:#6b5a2e; }<br /> <br /> /* FOOT */<br /> .rs-foot { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:840px; }<br /> <br /> @media (max-width:880px){<br /> .rs-stats { grid-template-columns:repeat(2,1fr); }<br /> .rs-tiers { grid-template-columns:repeat(2,1fr); }<br /> .rs-groups { grid-template-columns:repeat(2,1fr); }<br /> .rs-npcinfo { grid-template-columns:1fr; }<br /> .rs-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> NICKS COLORIDOS — página bespoke (escopo .cn-wrap)<br /> ============================================================ */<br /> @font-face { font-family:'SCDream'; src:url('/images/fonts/SCDream4.otf') format('opentype'); font-weight:400; font-display:swap; }<br /> @font-face { font-family:'SCDream'; src:url('/images/fonts/SCDream6.otf') format('opentype'); font-weight:700; font-display:swap; }<br /> .cn-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'SCDream','Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cn-wrap *, .cn-wrap *::before, .cn-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cn-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cn-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cn-hero img.cn-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cn-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cn-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cn-hero p { max-width:700px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cn-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cn-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cn-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cn-stat b { display:block; font-size:20px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cn-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cn-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cn-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cn-h::before,.cn-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cn-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cn-wrap .cn-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cn-lead b { color:#a8861f; }<br /> <br /> /* NPC card */<br /> .cn-npc { display:flex; gap:20px; align-items:center; max-width:900px; margin:0 auto; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:14px; padding:18px 22px; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .cn-npc .spr { flex:0 0 auto; width:150px; height:160px; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at 50% 80%, rgba(212,175,55,0.16), transparent 65%); border-radius:12px; }<br /> .cn-npc .spr img { max-height:150px; image-rendering:auto; filter:drop-shadow(0 5px 9px rgba(0,0,0,0.3)); }<br /> .cn-npc .txt { flex:1; }<br /> .cn-npc h3 { margin:0 0 4px; font-size:18px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .cn-npc .loc { margin:0 0 10px; }<br /> .cn-npc p { margin:0; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .cn-npc p b { color:#a8861f; }<br /> <br /> /* TIER blocks da paleta — banner com destaque crescente (Diamond = máximo) */<br /> .cn-tier { margin-top:18px; text-align:center; }<br /> .cn-tierhead { display:inline-flex; align-items:center; gap:12px; margin:24px auto 4px; padding:11px 30px; border-radius:14px; border:1px solid rgba(255,255,255,0.28); box-shadow:0 6px 18px rgba(0,0,0,0.16); }<br /> .cn-tierhead b { font-size:21px; font-weight:800; letter-spacing:1px; }<br /> .cn-tierhead i { font-style:normal; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; padding:4px 12px; border-radius:999px; background:rgba(255,255,255,0.25); }<br /> /* Prata */<br /> .cn-tier.prata .cn-tierhead { background:linear-gradient(135deg,#c6cad0,#8f949b); }<br /> .cn-tier.prata .cn-tierhead b { color:#2b2d31; } .cn-tier.prata .cn-tierhead i { color:#33363b; }<br /> /* Gold (mais destaque) */<br /> .cn-tier.gold .cn-tierhead { background:linear-gradient(135deg,#f6dd84,#c69a1d); padding:13px 38px; box-shadow:0 8px 22px rgba(198,154,29,0.42); }<br /> .cn-tier.gold .cn-tierhead b { color:#3a2a06; font-size:24px; } .cn-tier.gold .cn-tierhead i { color:#48340a; }<br /> /* Diamond (DESTAQUE MÁXIMO) */<br /> .cn-tier.diamond .cn-tierhead { background:linear-gradient(135deg,#b6e6ff,#3f97d6 52%,#1c6cad); padding:17px 50px; border:1px solid rgba(255,255,255,0.55); box-shadow:0 0 0 3px rgba(90,160,216,0.28), 0 12px 34px rgba(47,134,199,0.6); }<br /> .cn-tier.diamond .cn-tierhead b { color:#062539; font-size:29px; text-shadow:0 1px 0 rgba(255,255,255,0.45); } .cn-tier.diamond .cn-tierhead i { color:#08324f; background:rgba(255,255,255,0.42); }<br /> .cn-tier.diamond .cn-tierhead b::before { content:&quot;✦ &quot;; } .cn-tier.diamond .cn-tierhead b::after { content:&quot; ✦&quot;; }<br /> <br /> /* GRID de nicks (nameplate escuro = swatch). Flex centralizado: últimas linhas centram */<br /> .cn-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; }<br /> .cn-chip { width:152px; background:linear-gradient(180deg,#2e2e36,#1c1c22); border:1px solid rgba(0,0,0,0.35); border-radius:9px; padding:11px 8px 7px; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,0.18) inset, 0 2px 5px rgba(0,0,0,0.12); }<br /> .cn-name { display:block; font-size:16px; font-weight:800; line-height:1.1; }<br /> .cn-lbl { display:block; font-size:10px; color:#9a9088; margin-top:6px; letter-spacing:0.4px; text-transform:uppercase; }<br /> <br /> /* NOTE */<br /> .cn-note { text-align:center; font-size:13px; color:#8a6c1e; margin:26px auto 0; font-style:italic; max-width:840px; }<br /> .cn-note b { color:#a8861f; font-style:normal; }<br /> <br /> @media (max-width:880px){<br /> .cn-stats { grid-template-columns:repeat(2,1fr); }<br /> .cn-npc { flex-direction:column; text-align:center; }<br /> .cn-grid { grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); }<br /> .cn-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> REBALANCE — páginas bespoke (escopo .rb-wrap)<br /> ============================================================ */<br /> .rb-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rb-wrap *, .rb-wrap *::before, .rb-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .rb-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .rb-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rb-hero img.rb-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .rb-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rb-wrap h1 { margin:8px 0 12px; font-size:38px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rb-hero p { max-width:720px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rb-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .rb-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:-34px auto 6px; max-width:520px; position:relative; z-index:3; padding:0 10px; }<br /> .rb-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rb-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .rb-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .rb-wrap .rb-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin:18px auto 8px; color:#2a2008; }<br /> .rb-lead b { color:#a8861f; }<br /> .rb-wrap .rb-src { text-align:center; font-size:14px; line-height:1.6; color:#3a2e12; max-width:820px; margin:22px auto 8px; }<br /> .rb-src b { color:#a8861f; }<br /> .rb-example { text-align:center; margin:2px auto 6px; }<br /> .rb-example img { max-width:430px; width:92%; image-rendering:auto; border:1px solid rgba(212,175,55,0.45); border-radius:8px; padding:8px 14px; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,0.08); }<br /> .rb-beta { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:820px; margin:30px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:13px 22px; }<br /> .rb-beta b { color:#a8861f; }<br /> <br /> /* CLASS section */<br /> .rb-class { margin-top:30px; }<br /> .rb-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:30px 0 14px; }<br /> .rb-h span { font-size:18px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rb-h::before,.rb-h::after { content:&quot;&quot;; height:2px; width:70px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .rb-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> <br /> /* M+F num único box (lado a lado, como dois personagens juntos) */<br /> .rb-chars { display:flex; justify-content:center; margin-bottom:18px; }<br /> .rb-duo { display:inline-flex; gap:0; align-items:flex-end; border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 18px 14px;<br /> background:linear-gradient(180deg,#fff,#fdf8e8); box-shadow:0 5px 16px rgba(0,0,0,0.08);<br /> background-image:radial-gradient(ellipse at 50% 96%, rgba(212,175,55,0.18), transparent 58%), linear-gradient(180deg,#fff,#fdf8e8); }<br /> .rb-duo .spr { display:flex; align-items:flex-end; justify-content:center; }<br /> .rb-duo .spr img { height:150px; width:auto; max-width:none; image-rendering:auto; filter:drop-shadow(0 4px 7px rgba(0,0,0,0.28)); }<br /> .rb-duo .spr + .spr { margin-left:-26px; }<br /> .rb-duo.spaced { padding-left:34px; padding-right:34px; }<br /> .rb-duo.spaced .spr + .spr { margin-left:6px; }<br /> .rb-wrap .rb-noskill { text-align:center; font-size:13.5px; color:#8a6c1e; font-style:italic; max-width:600px; margin:8px auto 0; }<br /> <br /> /* skill cards */<br /> .rb-skills { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:12px; }<br /> .rb-skill { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:10px; padding:13px 16px 14px; flex:1 1 460px; max-width:524px; }<br /> .rb-skh { display:flex; align-items:center; gap:11px; margin-bottom:9px; }<br /> .rb-skic { width:42px; height:42px; flex:0 0 auto; image-rendering:pixelated; border-radius:7px; background:rgba(40,30,12,0.06); border:1px solid rgba(212,175,55,0.3); padding:3px; }<br /> .rb-skn b { display:block; font-size:15px; font-weight:800; color:#1b1304; line-height:1.15; }<br /> .rb-skn span { font-size:10.5px; text-transform:uppercase; letter-spacing:0.5px; color:#8a6c1e; font-weight:700; }<br /> .rb-chg { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }<br /> .rb-chg li { position:relative; padding-left:18px; font-size:13px; line-height:1.5; color:#3a2e12; }<br /> .rb-chg li::before { content:&quot;▸&quot;; position:absolute; left:2px; top:0; color:#c9a430; font-size:12px; }<br /> .rb-chg li b { color:#a8330f; }<br /> <br /> /* invocacoes de espirito (Espiritualista) */<br /> .rb-subh { text-align:center; font-size:13px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin:22px 0 12px; }<br /> .rb-sum-intro { max-width:860px; margin:0 auto 4px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:13px 18px; font-size:13.5px; line-height:1.6; color:#3a2e12; }<br /> .rb-sum-intro b { color:#a8330f; }<br /> .rb-sum-intro ul { list-style:none; margin:9px 0 0; padding:0; display:flex; flex-direction:column; gap:6px; }<br /> .rb-sum-intro li { position:relative; padding-left:18px; }<br /> .rb-sum-intro li::before { content:&quot;▸&quot;; position:absolute; left:2px; top:0; color:#c9a430; }<br /> .rb-summons { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:13px; margin-top:14px; }<br /> .rb-sum { display:flex; align-items:center; gap:13px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:10px; padding:11px 15px; flex:1 1 392px; max-width:440px; }<br /> .rb-sum-spr { flex:0 0 96px; display:flex; align-items:flex-end; justify-content:center; height:122px; background-image:radial-gradient(ellipse at 50% 92%, rgba(212,175,55,0.20), transparent 62%); }<br /> .rb-sum-spr img { height:120px; width:auto; max-width:none; image-rendering:auto; filter:drop-shadow(0 4px 6px rgba(0,0,0,0.30)); }<br /> .rb-sum-body { flex:1 1 auto; min-width:0; }<br /> .rb-sum-name { font-size:15px; font-weight:800; color:#1b1304; line-height:1.15; }<br /> .rb-sum-name span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.5px; color:#8a6c1e; font-weight:700; margin-top:2px; }<br /> .rb-sum-role { font-size:12.5px; color:#3a2e12; margin:7px 0 6px; line-height:1.45; }<br /> .rb-sum-role b { color:#a8330f; }<br /> .rb-sum-sk { font-size:11.5px; color:#6b5618; line-height:1.55; }<br /> .rb-sum-sk b { color:#8a6c1e; font-weight:700; }<br /> .rb-stats.s3 { grid-template-columns:repeat(3,1fr); max-width:720px; }<br /> .rb-spirits { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:10px; }<br /> .rb-spirit { display:flex; align-items:center; gap:10px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:3px solid #c9a430; border-radius:8px; padding:8px 13px; flex:1 1 286px; max-width:352px; }<br /> .rb-spirit img { width:36px; height:36px; flex:0 0 auto; image-rendering:pixelated; border-radius:6px; background:rgba(40,30,12,0.06); border:1px solid rgba(212,175,55,0.3); padding:2px; }<br /> .rb-spirit b { font-size:12.5px; font-weight:800; color:#1b1304; }<br /> .rb-spirit span { display:block; font-size:11.5px; color:#6b5618; margin-top:2px; line-height:1.4; }<br /> .rb-spirit span em { color:#a8330f; font-style:normal; font-weight:700; }<br /> .rb-sum-ic { width:25px; height:25px; vertical-align:-6px; margin-right:6px; image-rendering:pixelated; }<br /> <br /> .rb-foot { text-align:center; font-size:13px; color:#8a6c1e; margin:32px auto 0; font-style:italic; max-width:840px; }<br /> <br /> @media (max-width:780px){<br /> .rb-stats { grid-template-columns:repeat(3,1fr); }<br /> .rb-skills { grid-template-columns:1fr; }<br /> .rb-wrap h1 { font-size:29px; }<br /> }<br /> <br /> /* ===========================================================<br /> REBORN — Sistema de Elos — página bespoke (escopo .rbn-wrap)<br /> =========================================================== */<br /> .rbn-wrap { max-width: 1020px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rbn-wrap *, .rbn-wrap *::before, .rbn-wrap *::after { box-sizing: border-box; }<br /> <br /> .rbn-hero { position: relative; text-align: center; padding: 42px 22px 60px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.34), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.16), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .rbn-hero::before { content:&quot;\2726&quot;; position:absolute; top:16px; right:24px; color:rgba(212,175,55,0.30); font-size:28px; }<br /> .rbn-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rbn-hero img.rbn-ico { width:108px; height:108px; display:block; margin:0 auto 6px; border-radius:16px; filter: drop-shadow(0 8px 20px rgba(212,175,55,0.5)); }<br /> .rbn-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.6px; text-transform:uppercase; font-weight:600; }<br /> .rbn-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rbn-hero p { max-width:730px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rbn-hero p b { color:#f4d97a; }<br /> <br /> .rbn-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-38px auto 6px; max-width:780px; position:relative; z-index:3; padding:0 10px; }<br /> .rbn-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:8px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rbn-stat b { display:block; font-size:17px; font-weight:800; color:#a8861f; line-height:1.15; }<br /> .rbn-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .rbn-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:40px 0 8px; }<br /> .rbn-h span { font-size:15px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rbn-h::before, .rbn-h::after { content:&quot;&quot;; height:1px; width:120px; background:linear-gradient(90deg, transparent, #d4af37); flex-shrink:0; }<br /> .rbn-h::after { background:linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .rbn-wrap .rbn-lead { text-align:center; font-size:15px; line-height:1.7; max-width:830px; margin-left:auto; margin-right:auto; margin-top:14px; margin-bottom:8px; color:#2a2008; }<br /> .rbn-lead b { color:#a8861f; }<br /> .rbn-wrap .rbn-foot { text-align:center; font-size:12.5px; line-height:1.55; max-width:830px; margin:8px auto 4px; color:#6b5a2e; }<br /> <br /> .rbn-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0 4px; }<br /> .rbn-step { position:relative; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:11px; padding:30px 16px 16px; text-align:center; }<br /> .rbn-step-n { position:absolute; top:-15px; left:50%; transform:translateX(-50%); width:32px; height:32px; border-radius:50%; background:linear-gradient(180deg,#f4d97a,#d4af37); color:#3a2607; font-weight:800; font-size:15px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(0,0,0,0.2); }<br /> .rbn-step b { display:block; color:#8a6c1e; font-size:14px; margin-bottom:5px; }<br /> .rbn-step p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> <br /> .rbn-npc { display:flex; align-items:center; gap:26px; max-width:760px; margin:16px auto 6px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.32); border-left:4px solid #d4af37; border-radius:12px; padding:20px 28px; }<br /> .rbn-npc img { width:118px; height:auto; image-rendering:pixelated; flex-shrink:0; filter: drop-shadow(0 4px 10px rgba(0,0,0,0.22)); }<br /> .rbn-npc-body { text-align:left; }<br /> .rbn-npc-body h3 { margin:0 0 5px; font-size:20px; color:#a8861f; border:none; padding:0; }<br /> .rbn-npc-body p { margin:0 0 9px; font-size:13.5px; line-height:1.55; color:#4a3a14; }<br /> .rbn-npc-body p:last-child { margin-bottom:0; }<br /> <br /> .rbn-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; max-width:830px; margin:16px auto 6px; }<br /> .rbn-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:18px 22px; }<br /> .rbn-card h4 { margin:0 0 8px; color:#a8861f; font-size:16px; }<br /> .rbn-card p { margin:0; font-size:13.5px; line-height:1.6; color:#4a3a14; }<br /> .rbn-card p b { color:#a8861f; }<br /> <br /> .rbn-wrap table.rbn-table { width:100%; border-collapse:collapse; margin:16px auto 6px; font-size:13.5px; box-shadow:0 6px 18px rgba(0,0,0,0.08); border-radius:10px; overflow:hidden; }<br /> .rbn-table th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-weight:700; padding:11px 9px; text-align:center; font-size:12.5px; letter-spacing:0.3px; }<br /> .rbn-table td { padding:9px 9px; text-align:center; border-bottom:1px solid #efe4c4; color:#3a2e12; }<br /> .rbn-table td.rbn-elo { font-weight:700; color:#a8861f; text-align:left; white-space:nowrap; }<br /> .rbn-table td small { color:#8a7330; }<br /> .rbn-table tr:nth-child(even) td { background:#fdf8e8; }<br /> .rbn-table tr:hover td { background:#f6ecc6; }<br /> <br /> .rbn-note { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:840px; margin:28px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:14px 24px; }<br /> .rbn-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px) {<br /> .rbn-stats { grid-template-columns:repeat(2,1fr); }<br /> .rbn-steps { grid-template-columns:repeat(2,1fr); }<br /> .rbn-cards { grid-template-columns:1fr; }<br /> .rbn-npc { flex-direction:column; text-align:center; }<br /> .rbn-npc-body { text-align:center; }<br /> .rbn-wrap table.rbn-table { font-size:11.5px; }<br /> .rbn-table th, .rbn-table td { padding:7px 5px; }<br /> }<br /> <br /> /* ===========================================================<br /> ALMAS — Sistema de Almas — página bespoke (escopo .alm-wrap)<br /> =========================================================== */<br /> .alm-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .alm-wrap *, .alm-wrap *::before, .alm-wrap *::after { box-sizing: border-box; }<br /> <br /> .alm-hero { position: relative; text-align: center; padding: 42px 22px 60px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.34), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.16), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .alm-hero::before { content:&quot;\2726&quot;; position:absolute; top:16px; right:24px; color:rgba(212,175,55,0.30); font-size:28px; }<br /> .alm-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .alm-hero img.alm-ico { width:108px; height:108px; display:block; margin:0 auto 6px; border-radius:16px; filter: drop-shadow(0 8px 20px rgba(212,175,55,0.5)); }<br /> .alm-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.6px; text-transform:uppercase; font-weight:600; }<br /> .alm-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .alm-hero p { max-width:740px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .alm-hero p b { color:#f4d97a; }<br /> <br /> .alm-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-38px auto 6px; max-width:800px; position:relative; z-index:3; padding:0 10px; }<br /> .alm-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:8px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .alm-stat b { display:block; font-size:16px; font-weight:800; color:#a8861f; line-height:1.15; }<br /> .alm-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .alm-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:42px 0 8px; }<br /> .alm-h span { font-size:15px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .alm-h::before, .alm-h::after { content:&quot;&quot;; height:1px; width:120px; background:linear-gradient(90deg, transparent, #d4af37); flex-shrink:0; }<br /> .alm-h::after { background:linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .alm-wrap .alm-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-top:14px; margin-bottom:8px; color:#2a2008; }<br /> .alm-lead b { color:#a8861f; }<br /> <br /> /* raridades */<br /> .alm-rar { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; max-width:860px; margin:16px auto 6px; }<br /> .alm-rar-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:12px; padding:16px 16px 18px; text-align:center; }<br /> .alm-rar-card img { width:150px; height:150px; object-fit:contain; border-radius:10px; display:block; margin:0 auto 10px; box-shadow:0 4px 14px rgba(0,0,0,0.28); }<br /> .alm-rar-name { font-weight:800; font-size:15px; margin-bottom:6px; letter-spacing:0.3px; }<br /> .alm-rar-card p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> .alm-rar-blue { border-top-color:#3f8fe0; }<br /> .alm-rar-blue .alm-rar-name { color:#2f73c2; }<br /> .alm-rar-purple { border-top-color:#9a5cd6; }<br /> .alm-rar-purple .alm-rar-name { color:#7e3fc0; }<br /> .alm-rar-red { border-top-color:#df5236; }<br /> .alm-rar-red .alm-rar-name { color:#c23a22; }<br /> <br /> /* passos */<br /> .alm-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0 4px; }<br /> .alm-step { position:relative; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:11px; padding:30px 16px 16px; text-align:center; }<br /> .alm-step-n { position:absolute; top:-15px; left:50%; transform:translateX(-50%); width:32px; height:32px; border-radius:50%; background:linear-gradient(180deg,#f4d97a,#d4af37); color:#3a2607; font-weight:800; font-size:15px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(0,0,0,0.2); }<br /> .alm-step b { display:block; color:#8a6c1e; font-size:14px; margin-bottom:5px; }<br /> .alm-step p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> <br /> /* NPC */<br /> .alm-npc { max-width:680px; margin:14px auto 6px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.32); border-left:4px solid #d4af37; border-radius:12px; padding:18px 26px; }<br /> .alm-npc-body h3 { margin:0 0 6px; font-size:20px; color:#a8861f; border:none; padding:0; }<br /> .alm-npc-body p { margin:0 0 9px; font-size:13.5px; line-height:1.55; color:#4a3a14; }<br /> .alm-npc-body p:last-child { margin-bottom:0; }<br /> <br /> /* cards de regras */<br /> .alm-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:900px; margin:16px auto 6px; }<br /> .alm-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:16px 18px; text-align:center; }<br /> .alm-card h4 { margin:0 0 8px; color:#a8861f; font-size:15px; }<br /> .alm-card p { margin:0; font-size:13px; line-height:1.55; color:#4a3a14; }<br /> .alm-card p b { color:#a8861f; }<br /> <br /> /* galeria de almas — lista compacta com a miniatura do item (inventário) */<br /> .alm-list { max-width:840px; margin:14px auto 6px; display:flex; flex-direction:column; gap:7px; }<br /> .alm-row { display:flex; align-items:center; gap:12px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-radius:9px; padding:7px 14px; transition:border-color .14s, background .14s; }<br /> .alm-row:hover { border-color:#d4af37; background:#fbf3da; }<br /> .alm-slot { width:38px; height:38px; flex-shrink:0; border-radius:7px; background:radial-gradient(circle at 50% 36%, #2c2647, #14101f); border:1px solid rgba(212,175,55,0.4); box-shadow:inset 0 1px 4px rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; }<br /> .alm-slot img { width:28px; height:28px; }<br /> .alm-row-txt { font-size:12.5px; line-height:1.45; color:#4a3a14; text-align:left; }<br /> .alm-row-n { font-weight:800; color:#a8861f; }<br /> <br /> .alm-note { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:840px; margin:28px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:14px 24px; }<br /> .alm-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px) {<br /> .alm-stats { grid-template-columns:repeat(2,1fr); }<br /> .alm-rar { grid-template-columns:1fr; max-width:340px; }<br /> .alm-steps { grid-template-columns:repeat(2,1fr); }<br /> .alm-cards { grid-template-columns:1fr; max-width:380px; }<br /> }<br /> <br /> /* ===========================================================<br /> REBORN — tabela detalhada dos 10 elos (ícones oficiais)<br /> =========================================================== */<br /> .rbn-elotable-wrap { overflow-x:auto; margin:14px 0 6px; -webkit-overflow-scrolling:touch; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.08); border:1px solid rgba(212,175,55,0.25); }<br /> .rbn-wrap table.rbn-elotable { border-collapse:collapse; margin:0; width:100%; min-width:940px; font-size:12px; }<br /> .rbn-elotable th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; padding:8px 6px 7px; text-align:center; font-weight:700; font-size:11px; vertical-align:bottom; }<br /> .rbn-elotable th img.rbn-elo-ico { width:46px; height:46px; display:block; margin:0 auto 4px; filter:drop-shadow(0 2px 5px rgba(0,0,0,0.55)); }<br /> .rbn-elotable th span { display:block; white-space:nowrap; font-size:12.5px; font-weight:800; color:#f7e9b8; margin-top:2px; }<br /> .rbn-elotable td { padding:6px 9px; text-align:center; border-bottom:1px solid #efe4c4; color:#3a2e12; white-space:nowrap; }<br /> .rbn-elotable td.rbn-stat, .rbn-elotable th.rbn-stat { text-align:left; font-weight:700; position:sticky; left:0; z-index:2; }<br /> .rbn-elotable td.rbn-stat { color:#8a6c1e; background:#fbf3da; }<br /> .rbn-elotable th.rbn-stat { color:#f4d97a; background:#1c1305; text-align:center; vertical-align:middle; white-space:normal; line-height:1.25; font-size:12px; }<br /> .rbn-elotable tr:nth-child(even) td { background:#fdf8e8; }<br /> .rbn-elotable tr:nth-child(even) td.rbn-stat { background:#f4ead0; }<br /> .rbn-elotable tr:hover td { background:#f6ecc6; }<br /> .rbn-elotable tr:hover td.rbn-stat { background:#efe2bf; }<br /> .rbn-elotable td.rbn-na { color:#c9bd97; }<br /> <br /> /* =============================================================<br /> RMT — Mercado RMT (escopo .rmt-wrap)<br /> ============================================================= */<br /> .rmt-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .rmt-wrap *, .rmt-wrap *::before, .rmt-wrap *::after { box-sizing: border-box; }<br /> <br /> .rmt-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .rmt-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rmt-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .rmt-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .rmt-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .rmt-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .rmt-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .rmt-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .rmt-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .rmt-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .rmt-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .rmt-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .rmt-h::before, .rmt-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .rmt-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .rmt-wrap .rmt-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 6px; color: #2a2008; }<br /> .rmt-wrap .rmt-lead b { color: #a8861f; }<br /> <br /> .rmt-access { max-width: 640px; margin: 10px auto 0; text-align: center; background: linear-gradient(180deg, #241906, #0d0901); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 16px 20px; color: #e9dcc0; font-size: 14.5px; line-height: 1.7; }<br /> .rmt-access b { color: #f4d97a; }<br /> .rmt-access .cmd { display: inline-block; margin: 2px 2px; padding: 3px 10px; border: 1px solid rgba(212,175,55,0.5); border-radius: 8px; color: #f4d97a; font-family: monospace; font-size: 14px; }<br /> <br /> /* clicável: copia comando/coord ao clicar */<br /> .rmt-copy { cursor: pointer; display: inline-block; padding: 1px 9px; margin: 0 1px; border-radius: 6px; background: rgba(212,175,55,0.16); border: 1px solid rgba(212,175,55,0.45); color: #8a6c1e; font-family: monospace; font-weight: 700; font-size: 0.95em; line-height: 1.55; white-space: nowrap; transition: background .12s, transform .05s; }<br /> .rmt-copy:hover { background: rgba(212,175,55,0.30); }<br /> .rmt-copy:active { transform: translateY(1px); }<br /> .rmt-copy::after { content: &quot;\29C9&quot;; margin-left: 6px; opacity: 0.55; font-family: sans-serif; }<br /> .rmt-access .rmt-copy { background: rgba(244,217,122,0.12); border-color: rgba(212,175,55,0.55); color: #f4d97a; font-size: 14px; }<br /> .rmt-access .rmt-copy:hover { background: rgba(244,217,122,0.24); }<br /> <br /> /* link estilizado (Discord etc.) */<br /> .rmt-link { color: #a8861f; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(212,175,55,0.5); text-underline-offset: 2px; }<br /> .rmt-link:hover { color: #8a6c1e; }<br /> .rmt-access .rmt-link { color: #f4d97a; text-decoration-color: rgba(244,217,122,0.55); }<br /> <br /> .rmt-steps { display: flex; flex-direction: column; gap: 12px; max-width: 820px; margin: 6px auto 0; }<br /> .rmt-step { display: flex; gap: 14px; align-items: flex-start; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-left: 4px solid #d4af37; border-radius: 10px; padding: 14px 16px; }<br /> .rmt-step .n { flex: 0 0 34px; height: 34px; width: 34px; border-radius: 50%; background: #d4af37; color: #241906; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0,0,0,0.15); }<br /> .rmt-step .t { font-size: 14px; line-height: 1.55; color: #3a2e12; align-self: center; }<br /> .rmt-step .t b { color: #a8330f; }<br /> <br /> .rmt-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; max-width: 860px; margin: 6px auto 0; align-items: stretch; }<br /> .rmt-col { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 18px; }<br /> .rmt-col h3 { margin: 0 0 12px; font-size: 15px; color: #a8861f; font-weight: 800; border: none; padding: 0; text-align: center; }<br /> .rmt-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }<br /> .rmt-col li { position: relative; padding-left: 22px; font-size: 13.5px; line-height: 1.5; color: #3a2e12; }<br /> .rmt-col li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> <br /> .rmt-fee { max-width: 520px; margin: 8px auto 0; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 10px 22px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .rmt-fee .row { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; font-size: 14.5px; color: #3a2e12; border-bottom: 1px dashed rgba(212,175,55,0.4); }<br /> .rmt-fee .row:last-child { border-bottom: none; }<br /> .rmt-fee .big { color: #a8330f; font-weight: 800; font-size: 16px; }<br /> .rmt-fee .net { color: #3a9c3a; font-weight: 800; font-size: 16px; }<br /> <br /> .rmt-safe { max-width: 820px; margin: 6px auto 0; background: linear-gradient(180deg, #f4fbf0, #eef7e6); border: 1px solid rgba(58,156,58,0.3); border-left: 4px solid #3a9c3a; border-radius: 10px; padding: 16px 20px; }<br /> .rmt-safe ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .rmt-safe li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.55; color: #2f3a1f; }<br /> .rmt-safe li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 1px; color: #3a9c3a; font-size: 12px; }<br /> .rmt-safe li b { color: #2e7d32; }<br /> <br /> .rmt-rules { max-width: 820px; margin: 6px auto 0; background: linear-gradient(180deg, #fff7f3, #fdeee7); border: 1px solid rgba(192,57,43,0.3); border-left: 4px solid #c0392b; border-radius: 10px; padding: 16px 20px; }<br /> .rmt-rules ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .rmt-rules li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.55; color: #3a2e12; }<br /> .rmt-rules li::before { content: &quot;\26A0&quot;; position: absolute; left: 2px; top: 0; color: #c0392b; font-size: 13px; }<br /> .rmt-rules li b { color: #a8330f; }<br /> <br /> .rmt-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 860px; margin: 6px auto 0; }<br /> .rmt-chip { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 999px; padding: 8px 16px; font-size: 13px; color: #3a2e12; }<br /> .rmt-chip b { color: #a8861f; }<br /> <br /> .rmt-cta { text-align: center; margin: 34px auto 8px; }<br /> .rmt-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .rmt-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .rmt-stats { grid-template-columns: repeat(2, 1fr); }<br /> .rmt-cols { grid-template-columns: 1fr; }<br /> .rmt-hero h1 { font-size: 31px; }<br /> .rmt-h::before, .rmt-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> CORRIDA 99 — Corrida ao 99 (escopo .c99-wrap)<br /> ============================================================= */<br /> .c99-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .c99-wrap *, .c99-wrap *::before, .c99-wrap *::after { box-sizing: border-box; }<br /> <br /> .c99-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .c99-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .c99-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .c99-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .c99-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .c99-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .c99-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .c99-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .c99-stat b { display: block; font-size: 18px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .c99-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .c99-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .c99-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .c99-h::before, .c99-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .c99-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .c99-wrap .c99-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .c99-wrap .c99-lead b { color: #a8861f; }<br /> <br /> .c99-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; max-width: 880px; margin: 10px auto 0; align-items: stretch; }<br /> .c99-col { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 18px; }<br /> .c99-col h3 { margin: 0 0 12px; font-size: 15px; font-weight: 800; border: none; padding: 0; text-align: center; }<br /> .c99-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .c99-col li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.5; color: #3a2e12; }<br /> .c99-bad { border-top-color: #c0392b; }<br /> .c99-bad h3 { color: #c0392b; }<br /> .c99-bad li::before { content: &quot;\2716&quot;; position: absolute; left: 2px; top: 0; color: #c0392b; font-size: 12px; }<br /> .c99-bad li b { color: #a8330f; }<br /> .c99-good { border-top-color: #3a9c3a; }<br /> .c99-good h3 { color: #2e7d32; }<br /> .c99-good li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> .c99-good li b { color: #2e7d32; }<br /> <br /> .c99-relics { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; max-width: 960px; margin: 8px auto 0; }<br /> .c99-relic { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 10px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .c99-relic img { display: block; width: 420px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .c99-cta { text-align: center; margin: 34px auto 8px; }<br /> .c99-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .c99-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .c99-stats { grid-template-columns: repeat(2, 1fr); }<br /> .c99-cols { grid-template-columns: 1fr; }<br /> .c99-hero h1 { font-size: 31px; }<br /> .c99-h::before, .c99-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> GUERRA DO EMPERIUM — WoE (escopo .woe-wrap)<br /> ============================================================= */<br /> .woe-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .woe-wrap *, .woe-wrap *::before, .woe-wrap *::after { box-sizing: border-box; }<br /> <br /> .woe-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .woe-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .woe-hero img { width: 116px; height: 116px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: contain; }<br /> .woe-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .woe-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .woe-hero p { max-width: 700px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .woe-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .woe-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-stat b { display: block; font-size: 19px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .woe-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .woe-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .woe-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .woe-h::before, .woe-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .woe-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .woe-wrap .woe-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .woe-wrap .woe-lead b { color: #a8861f; }<br /> <br /> .woe-sched { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 620px; margin: 6px auto 0; }<br /> .woe-day { flex: 1 1 240px; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px; text-align: center; }<br /> .woe-day b { display: block; font-size: 16px; color: #a8861f; text-transform: uppercase; letter-spacing: 1px; }<br /> .woe-day span { display: block; margin-top: 4px; font-size: 24px; font-weight: 800; color: #3a2e12; }<br /> <br /> .woe-table { width: 100%; max-width: 560px; margin: 6px auto 0; border-collapse: collapse; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-table th { background: #241906; color: #f4d97a; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; padding: 12px 18px; text-align: left; }<br /> .woe-table th.r { text-align: right; }<br /> .woe-table td { padding: 12px 18px; font-size: 14.5px; color: #3a2e12; border-top: 1px solid rgba(212,175,55,0.25); }<br /> .woe-table td.r { text-align: right; font-weight: 800; color: #a8861f; }<br /> .woe-table .nm { font-weight: 700; }<br /> .woe-table tr.woe-king td { background: rgba(212,175,55,0.12); }<br /> <br /> .woe-relics { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 1000px; margin: 8px auto 0; }<br /> .woe-relic { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 9px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-relic img { display: block; width: 290px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .woe-cta { text-align: center; margin: 34px auto 8px; }<br /> .woe-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .woe-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .woe-stats { grid-template-columns: repeat(2, 1fr); }<br /> .woe-hero h1 { font-size: 31px; }<br /> .woe-h::before, .woe-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> TRAGA SUA GUILD — pacotes fundador de guild (escopo .tg-wrap)<br /> ============================================================= */<br /> .tg-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .tg-wrap *, .tg-wrap *::before, .tg-wrap *::after { box-sizing: border-box; }<br /> <br /> .tg-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .tg-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .tg-hero img { width: 110px; height: 110px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .tg-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .tg-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .tg-hero p { max-width: 700px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .tg-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .tg-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-stat b { display: block; font-size: 18px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .tg-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .tg-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .tg-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .tg-h::before, .tg-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .tg-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .tg-wrap .tg-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .tg-wrap .tg-lead b { color: #a8861f; }<br /> .tg-wrap .tg-lead a { color: #a8861f; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(212,175,55,0.5); }<br /> <br /> .tg-tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 960px; margin: 8px auto 0; align-items: stretch; }<br /> .tg-tier { display: flex; flex-direction: column; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 4px solid #d4af37; border-radius: 12px; padding: 18px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-tierimg { width: auto; max-width: 100%; height: 168px; object-fit: contain; margin: 0 auto 8px; filter: drop-shadow(0 3px 10px rgba(0,0,0,0.28)); }<br /> .tg-tname { font-size: 16px; font-weight: 800; color: #a8861f; }<br /> .tg-qty { font-size: 13px; color: #3a2e12; margin-top: 5px; font-weight: 700; }<br /> .tg-price { margin: 10px 0 2px; font-size: 15px; color: #3a2e12; }<br /> .tg-price s { color: #b07a6a; margin-right: 7px; }<br /> .tg-price b { font-size: 23px; color: #a8330f; }<br /> .tg-save { display: inline-block; margin: 6px auto 0; font-size: 12px; font-weight: 800; color: #2e7d32; background: rgba(58,156,58,0.12); border: 1px solid rgba(58,156,58,0.3); border-radius: 999px; padding: 2px 12px; }<br /> .tg-perks { list-style: none; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px dashed rgba(212,175,55,0.4); display: flex; flex-direction: column; gap: 9px; text-align: left; }<br /> .tg-perks li { position: relative; padding-left: 24px; font-size: 13px; line-height: 1.45; color: #3a2e12; }<br /> .tg-perks li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> .tg-perks li b { color: #a8861f; }<br /> .tg-perks li.star::before { content: &quot;\2605&quot;; color: #d4af37; }<br /> .tg-prata { border-top-color: #9fa3ad; }<br /> .tg-prata .tg-tname { color: #7d818c; }<br /> .tg-ouro { border-top-color: #d4af37; }<br /> .tg-diamante { border-top-color: #56c5dc; }<br /> .tg-diamante .tg-tname { color: #2092a8; }<br /> <br /> .tg-banners { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 1000px; margin: 8px auto 0; }<br /> .tg-banner { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 9px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-banner img { display: block; width: 290px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .tg-gpmain { display: block; max-width: 560px; width: 100%; height: auto; margin: 6px auto 16px; border-radius: 12px; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 8px 22px rgba(0,0,0,0.12); }<br /> .tg-gpgrid { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 16px; max-width: 760px; margin: 0 auto; }<br /> .tg-gpcard { flex: 1 1 300px; max-width: 360px; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 16px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); display: flex; flex-direction: column; align-items: center; justify-content: center; }<br /> .tg-gpcard .cap { font-size: 13px; color: #6b5a2e; font-weight: 700; margin-top: 6px; }<br /> .tg-gpcard .sub { font-size: 12px; color: #8a7a4e; margin-top: 2px; }<br /> .tg-gpcard img.npc { width: 268px; max-width: 100%; height: auto; border-radius: 6px; image-rendering: auto; }<br /> .tg-gpcard img.sign { width: 110px; height: auto; image-rendering: pixelated; }<br /> <br /> .tg-gpwide { display: block; max-width: 820px; width: 100%; height: auto; margin: 16px auto 6px; border-radius: 12px; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 8px 22px rgba(0,0,0,0.12); }<br /> .tg-wrap .tg-cap { text-align: center; font-size: 13px; color: #6b5a2e; font-weight: 700; margin: 0 auto 4px; }<br /> .tg-placa { display: flex; flex-direction: column; align-items: center; gap: 7px; margin: 20px auto 0; }<br /> .tg-placa img { width: 184px; height: auto; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; image-rendering: pixelated; filter: drop-shadow(0 3px 8px rgba(0,0,0,0.2)); }<br /> <br /> .tg-cta { text-align: center; margin: 34px auto 8px; }<br /> .tg-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .tg-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 760px) {<br /> .tg-stats { grid-template-columns: repeat(2, 1fr); }<br /> .tg-tiers { grid-template-columns: 1fr; }<br /> .tg-hero h1 { font-size: 31px; }<br /> .tg-h::before, .tg-h::after { width: 40px; }<br /> }/* ===================== Facção (fac-*) — 2026-06-09 ===================== */<br /> .fac-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .fac-hero{position:relative;text-align:center;padding:40px 24px 34px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 62%),linear-gradient(180deg,#241906,#0d0901)}<br /> .fac-hero img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55))}<br /> .fac-hero h1{margin:8px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .fac-hero p{max-width:720px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .fac-badge{display:inline-block;margin:16px 0 4px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .fac-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-34px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .fac-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-stat b{display:block;font-size:18px;color:#a8861f;font-weight:800;line-height:1.15}<br /> .fac-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .fac-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:40px 0 16px}<br /> .fac-h::before,.fac-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .fac-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .fac-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap}<br /> .fac-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .fac-wrap .fac-lead{margin-left:auto;margin-right:auto}<br /> /* cards das 3 faccoes */<br /> .fac-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px auto 0;max-width:900px}<br /> .fac-card{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:12px;padding:22px 16px 18px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-card img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.28))}<br /> .fac-card .nm{display:block;margin:12px 0 4px;font-size:19px;font-weight:800;letter-spacing:.3px}<br /> .fac-card .vs{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .fac-card.aether{border-top-color:#3f86e0}.fac-card.aether .nm{color:#2f74cf}<br /> .fac-card.tartaro{border-top-color:#d24a3a}.fac-card.tartaro .nm{color:#c0392b}<br /> .fac-card.renegado{border-top-color:#8a8a8a}.fac-card.renegado .nm{color:#6a6a6a}<br /> /* passo a passo */<br /> .fac-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .fac-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .fac-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .fac-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .fac-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> /* tabela */<br /> .fac-table{width:100%;max-width:600px;margin:6px auto 0;border-collapse:collapse;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-table th{background:#241906;color:#f4d97a;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:12px 18px;text-align:left}<br /> .fac-table th.r{text-align:right}<br /> .fac-table td{padding:12px 18px;font-size:14.5px;color:#3a2e12;border-top:1px solid rgba(212,175,55,.25)}<br /> .fac-table td.r{text-align:right;font-weight:800;color:#a8861f}<br /> .fac-hi td{background:rgba(212,175,55,.12)}<br /> /* cards de regra/comando */<br /> .fac-cmds{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;margin:0 auto}<br /> .fac-cmd{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:9px;padding:15px 17px}<br /> .fac-cmd b{display:block;color:#a8861f;font-size:15px;margin-bottom:3px}<br /> .fac-cmd span{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .fac-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .fac-wrap .fac-note{margin-left:auto;margin-right:auto}.fac-note b{color:#a8861f}<br /> @media (max-width:850px){<br /> .fac-stats{grid-template-columns:repeat(2,1fr)}<br /> .fac-cards{grid-template-columns:1fr}<br /> .fac-steps{grid-template-columns:repeat(2,1fr)}<br /> .fac-cmds{grid-template-columns:1fr}<br /> .fac-hero h1{font-size:32px}<br /> }<br /> <br /> <br /> /* === Facção: NPC Recrutador (cartão escuro p/ destacar a sprite branca) === */<br /> .fac-npc { display:flex; gap:30px; align-items:center; background:linear-gradient(135deg,#2c1f0e 0%,#221705 100%); border:1px solid #5a4a1e; border-radius:16px; padding:22px 30px; margin:8px 0 6px; flex-wrap:wrap; box-shadow:inset 0 1px 0 rgba(244,217,122,0.08); }<br /> .fac-npc-art { flex:0 0 auto; width:190px; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at 50% 45%, rgba(212,175,55,0.20), rgba(0,0,0,0) 70%); border-radius:14px; padding:6px; }<br /> .fac-npc-art img { display:block; width:100%; height:auto; filter:drop-shadow(0 8px 16px rgba(0,0,0,0.55)); }<br /> .fac-npc-info { flex:1 1 280px; min-width:240px; }<br /> .fac-npc-name { font-size:1.55em; font-weight:800; color:#f4d97a; letter-spacing:0.2px; margin-bottom:10px; }<br /> .fac-npc-desc { color:#e6d9bd; line-height:1.65; margin:0 0 18px; font-size:1.02em; }<br /> .fac-npc-loc { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }<br /> .fac-npc-map { color:#d4af37; font-weight:700; font-size:1.05em; }<br /> .fac-npc .navi-copy { color:#f4d97a; border-bottom-color:#d4af37; background:rgba(212,175,55,0.10); }<br /> .fac-npc .navi-copy:hover { color:#fff7e0; background:rgba(212,175,55,0.24); }<br /> @media (max-width:560px){ .fac-npc{ justify-content:center; text-align:center; } .fac-npc-info{ text-align:center; } .fac-npc-loc{ justify-content:center; } }<br /> <br /> <br /> <br /> /* ===================== Rate Bonificado (rtb-*) — 2026-06-10 ===================== */<br /> .rtb-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .rtb-hero{position:relative;text-align:center;padding:40px 24px 34px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 62%),linear-gradient(180deg,#241906,#0d0901)}<br /> .rtb-hero img{width:128px;height:128px;object-fit:contain;border-radius:14px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55))}<br /> .rtb-hero h1{margin:8px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .rtb-hero p{max-width:720px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .rtb-badge{display:inline-block;margin:16px 0 4px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .rtb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-34px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .rtb-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-stat b{display:block;font-size:18px;color:#a8861f;font-weight:800;line-height:1.15}<br /> .rtb-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .rtb-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:40px 0 16px}<br /> .rtb-h::before,.rtb-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .rtb-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .rtb-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap}<br /> .rtb-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .rtb-wrap .rtb-lead{margin-left:auto;margin-right:auto}<br /> /* cards dos 3 rates */<br /> .rtb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px auto 0;max-width:900px}<br /> .rtb-card{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:12px;padding:24px 16px 20px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-card .mult{display:block;font-size:46px;font-weight:800;line-height:1;letter-spacing:-1px}<br /> .rtb-card .nm{display:block;margin:10px 0 6px;font-size:18px;font-weight:800;letter-spacing:.3px;color:#3a2e12}<br /> .rtb-card .vs{display:block;font-size:13px;color:#5a4a22;line-height:1.6}<br /> .rtb-card.r1{border-top-color:#3fa05a}.rtb-card.r1 .mult{color:#2e8a49}<br /> .rtb-card.r3{border-top-color:#d4af37}.rtb-card.r3 .mult{color:#a8861f}<br /> .rtb-card.r5{border-top-color:#d24a3a}.rtb-card.r5 .mult{color:#c0392b}<br /> /* passo a passo */<br /> .rtb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .rtb-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .rtb-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .rtb-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .rtb-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> /* tabela */<br /> .rtb-table{width:100%;max-width:680px;margin:6px auto 0;border-collapse:collapse;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-table th{background:#241906;color:#f4d97a;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:12px 18px;text-align:left}<br /> .rtb-table th.r{text-align:right}<br /> .rtb-table td{padding:12px 18px;font-size:14.5px;color:#3a2e12;border-top:1px solid rgba(212,175,55,.25)}<br /> .rtb-table td.r{text-align:right;font-weight:800;color:#a8861f}<br /> .rtb-hi td{background:rgba(212,175,55,.12)}<br /> /* cards de regra/faq */<br /> .rtb-cmds{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;margin:0 auto}<br /> .rtb-cmd{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:9px;padding:15px 17px}<br /> .rtb-cmd &gt; b{display:block;color:#a8861f;font-size:15px;margin-bottom:3px}<br /> .rtb-cmd span{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .rtb-cmds &gt; .rtb-cmd:last-child:nth-child(odd){grid-column:1 / -1;width:100%;max-width:calc((100% - 12px) / 2);justify-self:center}<br /> .rtb-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .rtb-wrap .rtb-note{margin-left:auto;margin-right:auto}.rtb-note b{color:#a8861f}<br /> @media (max-width:850px){<br /> .rtb-stats{grid-template-columns:repeat(2,1fr)}<br /> .rtb-cards{grid-template-columns:1fr}<br /> .rtb-steps{grid-template-columns:repeat(2,1fr)}<br /> .rtb-cmds{grid-template-columns:1fr}<br /> .rtb-cmds &gt; .rtb-cmd:last-child:nth-child(odd){grid-column:auto;max-width:none}<br /> .rtb-hero h1{font-size:32px}<br /> }<br /> <br /> /* ===== Coleções de Cartas (colc-) — AureumRO 2026-06-15 ===== */<br /> .colc-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .colc-wrap *{box-sizing:border-box}<br /> <br /> /* hero */<br /> .colc-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .colc-hero-npc{height:178px;width:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));flex:0 0 auto}<br /> .colc-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .colc-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .colc-lead{color:#efe2c4;font-size:16px;max-width:640px;margin:0}<br /> .colc-lead b{color:#f4d97a}<br /> <br /> /* stats */<br /> .colc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 6px}<br /> .colc-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .colc-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .colc-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> <br /> /* headings */<br /> .colc-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .colc-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> <br /> /* steps */<br /> .colc-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .colc-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .colc-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .colc-step b{color:#7a5a12}<br /> .colc-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .colc-note b{color:#7a5a12}<br /> <br /> /* lista de coleções */<br /> .colc-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}<br /> /* coleção órfã na última linha (total ímpar) -&gt; centraliza entre as 2 colunas */<br /> .colc-list&gt;.colc-col:last-child:nth-child(odd){grid-column:1 / -1;width:calc(50% - 9px);justify-self:center}<br /> @media(max-width:860px){.colc-list,.colc-steps,.colc-stats{grid-template-columns:1fr}.colc-list&gt;.colc-col:last-child:nth-child(odd){grid-column:auto;width:auto}}<br /> .colc-col{background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column}<br /> .colc-col-head{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#241906,#3a2c14);padding:12px 14px}<br /> .colc-col-idx{color:#d4af37;font-weight:800;font-size:13px;opacity:.7;font-variant-numeric:tabular-nums}<br /> .colc-col-name{color:#f4d97a;font-weight:800;font-size:17px;flex:1}<br /> .colc-col-total{color:#bfe6b0;font-size:12.5px;font-weight:700;text-align:right;max-width:46%;line-height:1.25}<br /> <br /> .colc-tiers{padding:10px 14px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #efe2c0}<br /> .colc-tier{display:flex;align-items:baseline;gap:10px;font-size:13.5px}<br /> .colc-tier-n{flex:0 0 64px;color:#9a7a2a;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em}<br /> .colc-tier-d{color:#3a2f1e}<br /> <br /> .colc-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:12px 14px 14px}<br /> .colc-card{margin:0;text-align:center}<br /> .colc-card img{width:100%;height:auto;border-radius:6px;border:1px solid #d8c590;box-shadow:0 2px 5px rgba(0,0,0,.2);display:block;background:#efe7d0}<br /> .colc-card figcaption{font-size:10.5px;color:#6a5a38;margin-top:4px;line-height:1.2;font-weight:600}<br /> <br /> .colc-navi{cursor:pointer;color:#8a5e00;font-weight:800;border-bottom:1.5px dashed #c9a23a;white-space:nowrap;padding:0 2px;border-radius:3px;transition:background .15s,color .15s}<br /> .colc-navi:hover{color:#5e3f00;background:#ffefbe}<br /> <br /> .colc-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> <br /> /* ===== Boss Global (.bgl-) ===== */<br /> .bgl-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .bgl-hero{position:relative;text-align:center;padding:38px 24px 30px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.28),transparent 60%),linear-gradient(180deg,#241906,#0d0901)}<br /> .bgl-hero img{width:200px;height:200px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}<br /> .bgl-hero h1{margin:14px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .bgl-hero p{max-width:740px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .bgl-badge{display:inline-block;margin:4px 0 2px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .bgl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-30px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .bgl-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .bgl-stat b{display:block;font-size:16px;color:#a8861f;font-weight:800;line-height:1.18}<br /> .bgl-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .bgl-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:42px 0 16px}<br /> .bgl-h::before,.bgl-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .bgl-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .bgl-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap;text-align:center}<br /> .bgl-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .bgl-wrap .bgl-lead{margin-left:auto;margin-right:auto}.bgl-lead b{color:#9c7d1c}<br /> .bgl-mob{display:flex;gap:30px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 22% 50%,rgba(244,217,122,.14),transparent 58%),linear-gradient(135deg,#2c1f0e,#171003);border:1px solid #5a4a1e;border-radius:16px;padding:24px 32px;flex-wrap:wrap}<br /> .bgl-mob-art{flex:0 0 auto;width:230px;display:flex;align-items:center;justify-content:center;min-height:180px}<br /> .bgl-mob-art img{max-width:210px;max-height:200px;image-rendering:pixelated;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}<br /> .bgl-mob-info{flex:1 1 320px;min-width:280px}<br /> .bgl-mob-name{font-size:1.7em;font-weight:800;color:#f4d97a;line-height:1.1}<br /> .bgl-mob-sub{color:#d4af37;font-size:.8em;letter-spacing:1.5px;text-transform:uppercase;margin:4px 0 14px}<br /> .bgl-feat{list-style:none;padding:0;margin:0}<br /> .bgl-feat li{position:relative;padding:8px 0 8px 26px;color:#e9dcc0;font-size:13.8px;line-height:1.5}<br /> .bgl-feat li+li{border-top:1px solid rgba(212,175,55,.13)}<br /> .bgl-feat li::before{content:&quot;\2726&quot;;position:absolute;left:2px;top:8px;color:#d4af37}<br /> .bgl-feat li b{color:#f4d97a;font-weight:700}<br /> .bgl-secret{text-align:center;max-width:820px;margin:24px auto 0;padding:24px 28px;border-radius:14px;border:1px solid rgba(212,175,55,.4);background:radial-gradient(ellipse at 50% -20%,rgba(244,217,122,.20),transparent 62%),linear-gradient(180deg,#2c1f0e,#1a1204)}<br /> .bgl-secret .st{color:#f4d97a;font-size:18px;font-weight:800;display:block;margin-bottom:7px;letter-spacing:.3px}<br /> .bgl-secret p{color:#e9dcc0;font-size:14.5px;line-height:1.7;margin:0;max-width:680px;margin-left:auto;margin-right:auto}<br /> .bgl-secret p b{color:#f4d97a}<br /> .bgl-reward{display:flex;gap:28px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,rgba(244,217,122,.16),transparent 60%),linear-gradient(180deg,#2c1f0e,#1a1204);border:1px solid #5a4a1e;border-radius:16px;padding:22px 30px;flex-wrap:wrap;margin-bottom:8px}<br /> .bgl-reward img{width:118px;image-rendering:pixelated;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55))}<br /> .bgl-reward-t{font-size:1.35em;font-weight:800;color:#f4d97a;margin-bottom:6px}<br /> .bgl-reward-d{color:#e9dcc0;font-size:14px;line-height:1.6;max-width:430px}<br /> .bgl-guaranteed{display:flex;align-items:center;justify-content:center;gap:16px;max-width:440px;margin:16px auto 4px;padding:14px 24px;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,rgba(244,217,122,.32),transparent 72%),linear-gradient(180deg,#fffaf0,#f7e8c4);border:1px solid #d4af37;box-shadow:0 0 16px rgba(212,175,55,.3)}<br /> .bgl-guaranteed img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}<br /> .bgl-guaranteed .gl{display:block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#a8861f}<br /> .bgl-guaranteed .gn{display:block;font-size:18px;font-weight:800;color:#3a2e12;line-height:1.15}<br /> .bgl-guaranteed .gq{display:block;font-size:12.5px;color:#7a6526;font-weight:600;margin-top:2px}<br /> .bgl-multi{text-align:center;font-size:14px;color:#5a4a22;max-width:720px;margin:10px auto 2px;line-height:1.6}.bgl-multi b{color:#a8861f}<br /> .bgl-loot{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:14px auto 0}<br /> .bgl-lcard{width:202px;box-sizing:border-box;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.28);border-top:3px solid #9a9a9a;border-radius:11px;padding:13px 12px;text-align:center}<br /> .bgl-lcard img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}<br /> .bgl-lcard .rar{display:block;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}<br /> .bgl-lcard .nm{font-size:12.5px;color:#3a2e12;font-weight:700;line-height:1.25;margin:6px 0 3px;min-height:31px;display:flex;align-items:center;justify-content:center;overflow-wrap:break-word}<br /> .bgl-lcard .qt{display:block;font-size:11.5px;color:#6b5a2e;margin-bottom:9px}.bgl-lcard .qt b{color:#3a2e12;font-weight:700}<br /> .bgl-lcard .ch{display:inline-block;font-size:13px;font-weight:800;color:#fff;border-radius:999px;padding:3px 14px}<br /> .bgl-lcard.leg{border-color:rgba(217,131,36,.5);border-top-color:#d98324;box-shadow:0 0 14px rgba(217,131,36,.3);background:linear-gradient(180deg,#fffaf0,#fdeed2)}<br /> .leg .rar{color:#c9700f}.leg .ch{background:#d98324}<br /> .bgl-lcard.epic{border-top-color:#9b59b6}.epic .rar{color:#8e44ad}.epic .ch{background:#9b59b6}<br /> .bgl-lcard.rare{border-top-color:#2f74cf}.rare .rar{color:#2f74cf}.rare .ch{background:#2f74cf}<br /> .bgl-lcard.unc{border-top-color:#2e9e5b}.unc .rar{color:#1f8049}.unc .ch{background:#2e9e5b}<br /> .bgl-lcard.com{border-top-color:#9a9a9a}.com .rar{color:#777}.com .ch{background:#8a8a8a}<br /> .bgl-time{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin:8px auto 0}<br /> .bgl-tcard{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:18px 12px;text-align:center}<br /> .bgl-tcard .hh{font-size:22px;font-weight:800;color:#a8861f;line-height:1}<br /> .bgl-tcard .t{display:block;margin-top:8px;font-size:12.5px;color:#5a4a22;line-height:1.5}<br /> .bgl-tcard.go{border-top:3px solid #d24a3a}.bgl-tcard.go .hh{color:#c0392b}<br /> .bgl-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .bgl-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .bgl-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .bgl-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .bgl-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .bgl-step p b{color:#9c7d1c}<br /> .bgl-soon{margin:34px auto 0;max-width:900px;padding:24px 28px;border-radius:14px;border:1px dashed rgba(212,175,55,.55);background:linear-gradient(180deg,#2c1f0e,#1a1204);text-align:center}<br /> .bgl-soon .st{color:#f4d97a;font-size:17px;font-weight:800;letter-spacing:1px;margin-bottom:8px}<br /> .bgl-soon p{color:#e9dcc0;font-size:14.5px;line-height:1.7;margin:0;max-width:720px;margin-left:auto;margin-right:auto}<br /> .bgl-soon p b{color:#f4d97a}<br /> .bgl-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .bgl-wrap .bgl-note{margin-left:auto;margin-right:auto}.bgl-note b{color:#a8861f}<br /> @media (max-width:680px){<br /> .bgl-stats{grid-template-columns:repeat(2,1fr)}<br /> .bgl-time{grid-template-columns:repeat(2,1fr)}<br /> .bgl-steps{grid-template-columns:repeat(2,1fr)}<br /> .bgl-hero h1{font-size:32px}<br /> }<br /> <br /> /* ===== Coleção de Mapa (.cm-*) — segue o padrão das páginas da wiki (estilo .colc-*) ===== */<br /> .cm-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .cm-wrap *{box-sizing:border-box}<br /> .cm-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .cm-hero-ic{height:150px;width:auto;flex:0 0 auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .cm-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .cm-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .cm-lead{color:#efe2c4;font-size:16px;max-width:660px;margin:0}<br /> .cm-lead b{color:#f4d97a}<br /> .cm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px}<br /> .cm-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .cm-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .cm-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> .cm-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .cm-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> .cm-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .cm-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .cm-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .cm-step b{color:#7a5a12}<br /> .cm-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .cm-note b{color:#7a5a12}<br /> .cm-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}<br /> .cm-pill{display:inline-flex;align-items:center;gap:7px;background:#fdf8e8;border:1px solid #e4d49c;border-radius:999px;padding:6px 13px;color:#5c4a22;font-size:13.5px;font-weight:600;text-decoration:none;transition:.15s}<br /> .cm-pill:hover{background:#241906;border-color:#241906;color:#f4d97a}<br /> .cm-pill span{background:#d4af37;color:#241906;font-weight:800;border-radius:999px;padding:0 7px;font-size:11px}<br /> .cm-city{display:flex;align-items:baseline;gap:11px;font-size:23px;font-weight:800;color:#241906;margin:32px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;scroll-margin-top:14px}<br /> .cm-city:before{content:&quot;✦&quot;;color:#d4af37}<br /> .cm-city-n{font-size:12.5px;font-weight:600;color:#8a7a55;text-transform:uppercase;letter-spacing:.04em}<br /> .cm-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}<br /> .cm-col{width:236px;flex:0 0 auto;background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column}<br /> .cm-col-head{display:flex;align-items:center;gap:9px;background:linear-gradient(90deg,#241906,#3a2c14);padding:10px 13px;border-radius:13px 13px 0 0}<br /> .cm-col-name{color:#f4d97a;font-weight:800;font-size:15px;flex:1;line-height:1.2}<br /> .cm-mm{background:radial-gradient(80% 80% at 50% 38%,#2c1f0c,#150e04);height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #efe2c0}<br /> .cm-mm img{max-width:94%;max-height:94%;image-rendering:auto}<br /> .cm-mm-no{color:#7a6a48;font-size:12px;font-style:italic}<br /> .cm-bonus{display:flex;align-items:flex-start;gap:7px;padding:11px 14px 6px;font-size:13.5px;color:#2f6d27;font-weight:700}<br /> .cm-bonus:before{content:&quot;✦&quot;;color:#9a7a2a;font-weight:800}<br /> .cm-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:8px 12px 14px;margin-top:auto}<br /> .cm-it{position:relative;width:38px;height:38px;flex:0 0 auto;cursor:help}<br /> .cm-it&gt;img{width:38px;height:38px;object-fit:contain;border-radius:7px;border:1px solid #d8c590;background:#efe7d0;box-shadow:0 2px 5px rgba(0,0,0,.18);image-rendering:pixelated;display:block}<br /> .cm-it-no{display:flex;align-items:center;justify-content:center;text-align:center;background:#f1ead4;border:1px dashed #c9b27a;border-radius:7px;font-size:8.5px;color:#8a7a55;line-height:1.04;padding:2px;overflow:hidden}<br /> .cm-qty{position:absolute;top:-6px;right:-6px;background:#d4af37;color:#241906;font-size:10px;font-weight:800;border-radius:7px;padding:0 4px;border:1px solid #fffdf7;line-height:1.5}<br /> .cm-it[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);background:#241906;color:#f4e6bd;border:1px solid #d4af37;border-radius:9px;padding:9px 12px;font-size:12px;white-space:pre-line;width:max-content;max-width:230px;box-shadow:0 8px 22px rgba(0,0,0,.45);z-index:60;pointer-events:none;line-height:1.45;font-weight:600;text-align:left}<br /> .cm-it[data-tip]:hover:before{content:&quot;&quot;;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#d4af37;z-index:60}<br /> .cm-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> @media(max-width:760px){.cm-hero{flex-direction:column;text-align:center}.cm-stats{grid-template-columns:1fr}.cm-steps{grid-template-columns:1fr}}<br /> <br /> /* ===== Roleta Poring (.rp-) ===== */<br /> .rp-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .rp-hero{position:relative;text-align:center;padding:38px 24px 30px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 60%),linear-gradient(180deg,#241906,#0d0901)}<br /> .rp-hero img{width:188px;height:188px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}<br /> .rp-hero h1{margin:14px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .rp-hero p{max-width:740px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .rp-badge{display:inline-block;margin:4px 0 2px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .rp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-30px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .rp-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rp-stat b{display:block;font-size:16px;color:#a8861f;font-weight:800;line-height:1.18}<br /> .rp-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .rp-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:42px 0 16px}<br /> .rp-h::before,.rp-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .rp-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .rp-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap;text-align:center}<br /> .rp-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .rp-wrap .rp-lead{margin-left:auto;margin-right:auto}.rp-lead b{color:#9c7d1c}<br /> /* NPC */<br /> .rp-mob{display:flex;gap:30px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 22% 50%,rgba(244,217,122,.16),transparent 58%),linear-gradient(135deg,#2c1f0e,#171003);border:1px solid #5a4a1e;border-radius:16px;padding:24px 32px;flex-wrap:wrap}<br /> .rp-mob-art{flex:0 0 auto;width:210px;display:flex;align-items:center;justify-content:center;min-height:190px}<br /> .rp-mob-art img{max-width:200px;max-height:210px;image-rendering:pixelated;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}<br /> .rp-mob-info{flex:1 1 320px;min-width:280px}<br /> .rp-mob-name{font-size:1.7em;font-weight:800;color:#f4d97a;line-height:1.1}<br /> .rp-mob-sub{color:#d4af37;font-size:.8em;letter-spacing:1.5px;text-transform:uppercase;margin:4px 0 14px}<br /> .rp-feat{list-style:none;padding:0;margin:0}<br /> .rp-feat li{position:relative;padding:8px 0 8px 26px;color:#e9dcc0;font-size:13.8px;line-height:1.5}<br /> .rp-feat li+li{border-top:1px solid rgba(212,175,55,.13)}<br /> .rp-feat li::before{content:&quot;\2726&quot;;position:absolute;left:2px;top:8px;color:#d4af37}<br /> .rp-feat li b{color:#f4d97a;font-weight:700}<br /> /* moedas (intro) */<br /> .rp-coins{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:840px;margin:6px auto 0}<br /> .rp-coin{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-top:4px solid #d4af37;border-radius:12px;padding:18px 16px 16px;text-align:center}<br /> .rp-coin .cn{font-size:18px;font-weight:800;line-height:1.1}<br /> .rp-coin .cd{display:block;margin-top:6px;font-size:12.5px;color:#5a4a22;line-height:1.5}<br /> .rp-coin .cp{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:800;color:#fff;border-radius:999px;padding:3px 14px}<br /> .rp-coin.bronze{border-top-color:#b06b35}.rp-coin.bronze .cn{color:#a05a26}.rp-coin.bronze .cp{background:#b06b35}<br /> .rp-coin.prata{border-top-color:#8d8d8d}.rp-coin.prata .cn{color:#707070}.rp-coin.prata .cp{background:#8d8d8d}<br /> .rp-coin.ouro{border-top-color:#d4af37}.rp-coin.ouro .cn{color:#a8861f}.rp-coin.ouro .cp{background:#d4af37}<br /> /* premios por moeda/linha */<br /> .rp-group{max-width:920px;margin:18px auto 0;border-radius:14px;padding:6px 16px 18px;border:1px solid rgba(212,175,55,.22)}<br /> .rp-group.bronze{background:linear-gradient(180deg,#fbf1e6,#f6e7d4)}<br /> .rp-group.prata{background:linear-gradient(180deg,#f4f4f6,#e9e9ee)}<br /> .rp-group.ouro{background:linear-gradient(180deg,#fdf6e2,#f8ecc6)}<br /> .rp-ghead{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 4px;font-size:16px;font-weight:800;letter-spacing:.5px}<br /> .rp-group.bronze .rp-ghead{color:#a05a26}.rp-group.prata .rp-ghead{color:#6f6f6f}.rp-group.ouro .rp-ghead{color:#a8861f}<br /> .rp-gsub{text-align:center;font-size:12px;color:#7a6526;margin:0 0 10px}<br /> .rp-line{margin:12px 0 0}<br /> .rp-lline{display:block;text-align:center;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#8a7330;margin:6px 0 8px}<br /> .rp-lline b{color:#3a2e12}<br /> .rp-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}<br /> .rp-card{width:128px;box-sizing:border-box;background:#fffdf6;border:1px solid rgba(120,100,40,.2);border-radius:10px;padding:11px 8px 10px;text-align:center}<br /> .rp-card img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}<br /> .rp-card .nm{font-size:11.5px;color:#3a2e12;font-weight:700;line-height:1.22;margin:6px 0 3px;min-height:28px;display:flex;align-items:center;justify-content:center;overflow-wrap:break-word}<br /> .rp-card .qt{display:inline-block;font-size:11px;font-weight:800;color:#5a4a22;background:#efe4c6;border-radius:999px;padding:2px 10px}<br /> /* reset / bonus destaque */<br /> .rp-callout{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:880px;margin:8px auto 0}<br /> .rp-call{flex:1 1 360px;min-width:300px;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:12px;padding:16px 18px}<br /> .rp-call .ct{font-size:14.5px;font-weight:800;color:#a8861f;margin-bottom:5px}<br /> .rp-call p{margin:0;font-size:13px;color:#5a4a22;line-height:1.6}.rp-call p b{color:#9c7d1c}<br /> .rp-call.bonus{border-left-color:#c451a0}.rp-call.bonus .ct{color:#b03e8f}<br /> /* steps */<br /> .rp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .rp-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .rp-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .rp-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .rp-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}.rp-step p b{color:#9c7d1c}<br /> /* botao /navi */<br /> .rp-navibox{text-align:center;margin:30px auto 0;max-width:560px;padding:22px;border-radius:14px;border:1px solid rgba(212,175,55,.4);background:radial-gradient(ellipse at 50% -20%,rgba(244,217,122,.22),transparent 62%),linear-gradient(180deg,#2c1f0e,#1a1204)}<br /> .rp-navibox .nl{display:block;color:#f4d97a;font-size:15px;font-weight:800;margin-bottom:12px}<br /> .rp-navibtn{display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:none;border-radius:999px;padding:12px 26px;font-size:15px;font-weight:800;color:#3a2a06;background:linear-gradient(135deg,#f4d97a,#d4af37);box-shadow:0 5px 16px rgba(212,175,55,.45);transition:transform .12s,box-shadow .12s;font-family:inherit}<br /> .rp-navibtn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(212,175,55,.6)}<br /> .rp-navibtn:active{transform:translateY(0)}<br /> .rp-navibox .nh{display:block;margin-top:10px;font-size:11.5px;color:#c9b88a}<br /> .rp-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .rp-wrap .rp-note{margin-left:auto;margin-right:auto}.rp-note b{color:#a8861f}<br /> @media (max-width:680px){<br /> .rp-stats{grid-template-columns:repeat(2,1fr)}<br /> .rp-coins{grid-template-columns:1fr}<br /> .rp-steps{grid-template-columns:repeat(2,1fr)}<br /> .rp-hero h1{font-size:32px}<br /> }<br /> <br /> /* ==== Hats (Chapeleiro / craft de chapéus) — .htc- ==== */<br /> .htc-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .htc-wrap *{box-sizing:border-box}<br /> .htc-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .htc-hero-ic{height:150px;width:auto;flex:0 0 auto;border-radius:14px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .htc-hero-npc{height:268px;width:auto;flex:0 0 auto;margin-left:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .htc-copy{display:inline-flex;align-items:center;gap:7px;margin-top:9px;background:#241906;color:#f4d97a;border:1px solid #d4af37;border-radius:9px;padding:7px 14px;font-family:Consolas,'Courier New',monospace;font-size:13.5px;font-weight:700;cursor:pointer;transition:.15s}<br /> .htc-copy:hover{background:#3a2c14}<br /> .htc-copy.ok{background:#2f6d27;border-color:#2f6d27;color:#fff}<br /> .htc-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .htc-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .htc-lead{color:#efe2c4;font-size:16px;max-width:660px;margin:0}<br /> .htc-lead b{color:#f4d97a}<br /> .htc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px}<br /> .htc-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .htc-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .htc-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> .htc-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .htc-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> .htc-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .htc-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .htc-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .htc-step b{color:#7a5a12}<br /> .htc-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .htc-note b{color:#7a5a12}<br /> .htc-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}<br /> .htc-card{width:340px;flex:0 0 auto;background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column;scroll-margin-top:14px}<br /> .htc-head{background:linear-gradient(90deg,#241906,#3a2c14);padding:10px 14px;border-radius:13px 13px 0 0;color:#f4d97a;font-weight:800;font-size:15.5px;line-height:1.2}<br /> .htc-mm{background:radial-gradient(80% 80% at 50% 42%,#2c1f0c,#150e04);height:130px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #efe2c0}<br /> .htc-mm img{max-height:88%;max-width:60%;object-fit:contain;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.55)}<br /> .htc-fx{padding:10px 14px;border-bottom:1px dashed #e4d49c;background:#fffaf0;font-size:12.5px;color:#4a3b20;line-height:1.55}<br /> .htc-fx-gap{height:7px}<br /> .htc-sub{padding:9px 14px 0;font-size:11.5px;font-weight:800;color:#8a7a55;text-transform:uppercase;letter-spacing:.06em}<br /> .htc-ings{padding:8px 14px 6px;display:flex;flex-direction:column;gap:5px}<br /> .htc-ing{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#4a3b20}<br /> .htc-ing img{width:24px;height:24px;flex:0 0 auto;image-rendering:pixelated;background:#efe7d0;border:1px solid #d8c590;border-radius:5px}<br /> .htc-q{font-weight:800;color:#7a5a12;min-width:52px;text-align:right}<br /> .htc-in{font-weight:600}<br /> .htc-cost{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:9px 14px;border-top:1px dashed #d8c590;font-size:13px}<br /> .htc-z{font-weight:800;color:#2f6d27}<br /> .htc-c{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#7a5a12}<br /> .htc-c img{width:20px;height:20px;image-rendering:pixelated}<br /> .htc-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> @media(max-width:760px){.htc-hero{flex-direction:column;text-align:center}.htc-stats{grid-template-columns:1fr}.htc-steps{grid-template-columns:1fr}.htc-card{width:100%}}<br /> <br /> <br /> /* ===== Passe de Batalha (.bpw-) ===== */<br /> .bpw-wrap{font-family:'Inter',sans-serif;max-width:980px;margin:0 auto;color:#241906}<br /> .bpw-hero{background:linear-gradient(160deg,#241906 0%,#3a2a10 60%,#241906 100%);border-radius:14px;padding:38px 34px;text-align:center;color:#fdf8e8;margin-bottom:26px}<br /> .bpw-hero img{height:220px;image-rendering:pixelated;margin-bottom:14px}<br /> .bpw-badge{display:inline-block;background:rgba(212,175,55,.15);border:1px solid #d4af37;color:#f4d97a;border-radius:999px;padding:4px 14px;font-size:13px;letter-spacing:.08em;margin-bottom:10px}<br /> .bpw-hero h1{color:#f4d97a;font-size:34px;margin:6px 0 10px;font-weight:800}<br /> .bpw-hero p{max-width:640px;margin:0 auto;line-height:1.6;color:#f2e8cf}<br /> .bpw-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:30px}<br /> .bpw-stat{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:14px;text-align:center}<br /> .bpw-stat b{display:block;color:#8a6d1a;font-size:18px}<br /> .bpw-stat span{font-size:13px;color:#6b5a2e}<br /> .bpw-h{margin:34px 0 14px;border-bottom:2px solid #d4af37;padding-bottom:6px}<br /> .bpw-h span{font-size:22px;font-weight:800;color:#241906}<br /> .bpw-lead{line-height:1.6;margin:0 0 14px}<br /> .bpw-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}<br /> .bpw-step{display:flex;gap:12px;background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:14px}<br /> .bpw-stepn{flex:0 0 34px;height:34px;border-radius:50%;background:#d4af37;color:#241906;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px}<br /> .bpw-step p{margin:4px 0 0;font-size:13.5px;line-height:1.5}<br /> .bpw-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(36,25,6,.12)}<br /> .bpw-table th{background:#241906;color:#f4d97a;padding:10px 12px;text-align:left;font-size:14px}<br /> .bpw-table td{padding:9px 12px;border-bottom:1px solid #f0e8cf;font-size:14px;vertical-align:middle}<br /> .bpw-table tr:nth-child(even) td{background:#fbf6e4}<br /> .bpw-table code{background:#241906;color:#f4d97a;border-radius:6px;padding:2px 8px;font-size:13px}<br /> .bpw-prizes td:first-child,.bpw-prizes td:nth-child(2){white-space:nowrap;font-weight:600;color:#8a6d1a}<br /> .bpw-pi{display:inline-flex;align-items:center;gap:8px;margin:2px 12px 2px 0}<br /> .bpw-pi img{height:44px;width:auto}<br /> .bpw-pi span{font-size:13.5px}<br /> .bpw-final td{background:#f6ecc8 !important;font-weight:700}<br /> .bpw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}<br /> .bpw-card{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}<br /> .bpw-ic{height:100px;display:flex;align-items:center;justify-content:center}<br /> .bpw-ic img{max-height:100px;width:auto}<br /> .bpw-nm{font-weight:700;font-size:15px}<br /> .bpw-ds{font-size:12.5px;color:#6b5a2e;line-height:1.45}<br /> .bpw-pr{background:#241906;color:#f4d97a;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}<br /> .bpw-rules{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:18px 18px 18px 36px;line-height:1.7;margin:0}<br /> .bpw-rules li{margin-bottom:6px}<br /> .bpw-note{background:#f6ecc8;border-left:4px solid #d4af37;border-radius:6px;padding:12px 16px;font-size:13.5px;line-height:1.55;margin-top:14px}<br /> .bpw-wgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}<br /> .bpw-wcard{background:#241906;border:1px solid #3a2a10;border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}<br /> .bpw-wgifs{display:flex;align-items:flex-end;justify-content:center;min-height:270px;max-width:100%;overflow:hidden}<br /> .bpw-wgifs img{max-height:270px;width:auto;max-width:100%;min-width:0;height:auto;object-fit:contain;image-rendering:pixelated}<br /> .bpw-wnm{color:#f4d97a;font-weight:800;font-size:15.5px}<br /> .bpw-wcl{color:#cbb87a;font-size:12.5px;letter-spacing:.04em}<br /> .bpw-cta{margin:34px 0 8px;background:linear-gradient(160deg,#241906,#3a2a10);color:#fdf8e8;text-align:center;border-radius:12px;padding:22px;font-size:16px}<br /> .bpw-cta b{color:#f4d97a}<br /> @media (max-width:600px){.bpw-hero img{height:150px}.bpw-wgifs{min-height:190px}.bpw-wgifs img{max-height:190px}}/* ============================================================<br /> REFINAMENTO — página bespoke (escopo .rf-wrap)<br /> ============================================================ */<br /> .rf-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rf-wrap *, .rf-wrap *::before, .rf-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .rf-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(230,126,34,0.5);<br /> background: radial-gradient(circle at 50% -10%, rgba(255,158,64,0.28) 0%, transparent 58%), linear-gradient(160deg, #26130a 0%, #0d0500 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,180,90,0.18); }<br /> .rf-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #e67e22, transparent); }<br /> .rf-hero img.rf-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(230,126,34,0.5)); }<br /> .rf-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(255,180,90,0.5); border-radius:999px; color:#ffb45a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rf-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#ffe3bd; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rf-hero p { max-width:720px; margin:0 auto; color:#f0d3ac; font-size:15.5px; line-height:1.65; }<br /> .rf-hero p b { color:#ffb45a; }<br /> <br /> /* STATS */<br /> .rf-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .rf-stat { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-top:3px solid #e67e22; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rf-stat b { display:block; font-size:20px; font-weight:800; color:#b35c10; line-height:1.1; }<br /> .rf-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#9c6a2a; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .rf-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .rf-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#b35c10; white-space:nowrap; }<br /> .rf-h::before,.rf-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#e67e22); flex-shrink:0; }<br /> .rf-h::after { background:linear-gradient(90deg,#e67e22,transparent); }<br /> .rf-wrap .rf-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .rf-lead b { color:#b35c10; }<br /> .rf-wrap .rf-note { text-align:center; font-size:12.5px; color:#9c6a2a; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .rf-note b { color:#b35c10; font-style:normal; }<br /> <br /> /* GANHOS POR REFINO */<br /> .rf-gains { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; max-width:940px; margin:0 auto; }<br /> .rf-gain { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:10px; padding:14px 10px; text-align:center; border-top:3px solid #e67e22; }<br /> .rf-gain b { display:block; font-size:13px; font-weight:800; color:#2a2008; }<br /> .rf-gain i { display:block; font-style:normal; font-size:21px; font-weight:800; margin:3px 0 5px; color:#b35c10; }<br /> .rf-gain span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> <br /> /* CARDS DE MINÉRIO */<br /> .rf-ores { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:1000px; margin:0 auto; }<br /> .rf-ore { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:11px; padding:14px 12px; text-align:center; }<br /> .rf-ore img { height:52px; image-rendering:pixelated; margin-bottom:6px; }<br /> .rf-ore b { display:block; font-size:13.5px; font-weight:800; color:#1b1304; }<br /> .rf-ore i { display:block; font-style:normal; font-size:11.5px; color:#b35c10; font-weight:700; margin:2px 0; }<br /> .rf-ore span { display:block; font-size:11px; color:#6b5a2e; line-height:1.4; }<br /> .rf-ore.premium { border:1px solid rgba(212,175,55,0.55); background:linear-gradient(180deg,#fffaef,#fdf3d4); box-shadow:0 4px 14px rgba(212,175,55,0.18); }<br /> <br /> /* TABELAS DE CHANCE */<br /> .rf-tablewrap { overflow-x:auto; max-width:1000px; margin:0 auto; }<br /> .rf-table { width:100%; border-collapse:collapse; background:#fffdf8; border:1px solid rgba(230,126,34,0.3); border-radius:10px; overflow:hidden; font-size:13px; }<br /> .rf-table th { background:linear-gradient(135deg,#3a1e0c,#26130a); color:#ffce96; padding:9px 8px; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; }<br /> .rf-table td { padding:7px 8px; text-align:center; border-top:1px solid rgba(0,0,0,0.06); font-weight:700; }<br /> .rf-table td.lv { background:#fdf3e8; color:#7c5514; font-weight:800; white-space:nowrap; }<br /> .rf-table td.g { color:#2e7d32; }<br /> .rf-table td.y { color:#a8861f; }<br /> .rf-table td.o { color:#c96a10; }<br /> .rf-table td.r { color:#c62828; }<br /> <br /> /* LOJA DE REFINO — bloco destaque escuro */<br /> .rf-shop { border-radius:14px; overflow:hidden; border:1px solid rgba(230,126,34,0.5); background: radial-gradient(circle at 50% -20%, rgba(255,158,64,0.22) 0%, transparent 55%), linear-gradient(160deg,#26130a 0%,#120801 100%); padding:26px 22px; max-width:1000px; margin:0 auto; color:#f0d3ac; }<br /> .rf-shop h3 { margin:0 0 6px; text-align:center; color:#ffe3bd; font-size:22px; font-weight:800; border:none; padding:0; }<br /> .rf-shop .rf-shoplead { text-align:center; max-width:760px; margin:0 auto 18px; font-size:14px; line-height:1.65; color:#f0d3ac; }<br /> .rf-shop .rf-shoplead b { color:#ffb45a; }<br /> .rf-balloon { display:block; width:max-content; margin:0 auto 18px; background:#fff; color:#1b1304; border-radius:8px; padding:7px 18px; font-weight:800; font-size:15px; box-shadow:0 6px 18px rgba(0,0,0,0.4); position:relative; }<br /> .rf-balloon::after { content:&quot;&quot;; position:absolute; left:50%; bottom:-7px; transform:translateX(-50%); border:8px solid transparent; border-top-color:#fff; border-bottom:none; }<br /> .rf-cols { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .rf-col { background:rgba(255,255,255,0.05); border:1px solid rgba(255,180,90,0.25); border-radius:10px; padding:16px; }<br /> .rf-col h4 { margin:0 0 10px; color:#ffb45a; font-size:14px; text-transform:uppercase; letter-spacing:1.5px; border:none; padding:0; }<br /> .rf-col ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }<br /> .rf-col li { font-size:13px; line-height:1.5; padding-left:16px; position:relative; color:#f0d3ac; }<br /> .rf-col li::before { content:&quot;&quot;; position:absolute; left:2px; top:8px; width:5px; height:5px; border-radius:50%; background:#e67e22; }<br /> .rf-col li b { color:#ffce96; }<br /> .rf-col li code { background:rgba(0,0,0,0.4); border:1px solid rgba(255,180,90,0.3); border-radius:5px; padding:1px 7px; color:#ffe3bd; font-size:12.5px; }<br /> <br /> /* BÔNUS DO FERREIRO */<br /> .rf-bonus { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .rf-attr { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:10px; padding:14px; text-align:center; border-top:3px solid #e67e22; }<br /> .rf-attr b { display:block; font-size:15px; font-weight:800; color:#1b1304; }<br /> .rf-attr i { display:block; font-style:normal; font-size:20px; font-weight:800; color:#b35c10; margin:2px 0 8px; }<br /> .rf-attr span { display:block; font-size:11.5px; color:#6b5a2e; line-height:1.6; }<br /> .rf-attr span b { display:inline; font-size:11.5px; color:#b35c10; }<br /> <br /> /* FOOT */<br /> .rf-foot { text-align:center; margin:40px auto 0; max-width:820px; font-size:13px; color:#9c6a2a; font-style:italic; }<br /> <br /> @media (max-width: 760px) {<br /> .rf-stats, .rf-gains, .rf-ores, .rf-bonus { grid-template-columns:repeat(2,1fr); }<br /> .rf-cols { grid-template-columns:1fr; }<br /> }<br /> <br /> /* aviso de sistema novo */<br /> .rf-alert { max-width:880px; margin:18px auto 0; background:#fff4e0; border:1px solid rgba(230,126,34,0.5); border-left:4px solid #e67e22; border-radius:8px; padding:12px 18px; font-size:13px; line-height:1.6; color:#7c4a10; text-align:center; }<br /> .rf-alert b { color:#b35c10; }/* ============================================================<br /> MERCADO DE SERVICOS — página bespoke (escopo .ms-wrap)<br /> ============================================================ */<br /> .ms-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a1a20; }<br /> .ms-wrap *, .ms-wrap *::before, .ms-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .ms-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,160,58,0.5);<br /> background: radial-gradient(circle at 50% -10%, rgba(226,120,170,0.28) 0%, transparent 58%), linear-gradient(160deg, #2d1020 0%, #14060e 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(242,207,125,0.18); }<br /> .ms-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4a03a, transparent); }<br /> .ms-hero img.ms-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,160,58,0.5)); }<br /> .ms-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(242,207,125,0.5); border-radius:999px; color:#f2cf7d; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .ms-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#ffe9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .ms-hero p { max-width:720px; margin:0 auto; color:#ecd2c8; font-size:15.5px; line-height:1.65; }<br /> .ms-hero p b { color:#f2cf7d; }<br /> <br /> /* STATS */<br /> .ms-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .ms-stat { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-top:3px solid #d4a03a; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .ms-stat b { display:block; font-size:20px; font-weight:800; color:#8c3357; line-height:1.1; }<br /> .ms-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a5d55; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .ms-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .ms-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#8c3357; white-space:nowrap; }<br /> .ms-h::before,.ms-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4a03a); flex-shrink:0; }<br /> .ms-h::after { background:linear-gradient(90deg,#d4a03a,transparent); }<br /> .ms-wrap .ms-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a1a20; }<br /> .ms-lead b { color:#8c3357; }<br /> .ms-wrap .ms-note { text-align:center; font-size:12.5px; color:#8a5d55; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .ms-note b { color:#8c3357; font-style:normal; }<br /> <br /> /* GANHOS POR REFINO */<br /> .ms-gains { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .ms-gain { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:10px; padding:14px 10px; text-align:center; border-top:3px solid #d4a03a; }<br /> .ms-gain b { display:block; font-size:13px; font-weight:800; color:#2a1a20; }<br /> .ms-gain i { display:block; font-style:normal; font-size:21px; font-weight:800; margin:3px 0 5px; color:#8c3357; }<br /> .ms-gain span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> <br /> /* CARDS DE MINÉRIO */<br /> .ms-ores { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:1000px; margin:0 auto; }<br /> .ms-ore { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:11px; padding:14px 12px; text-align:center; }<br /> .ms-ore img { height:52px; image-rendering:pixelated; margin-bottom:6px; }<br /> .ms-ore b { display:block; font-size:13.5px; font-weight:800; color:#1b1304; }<br /> .ms-ore i { display:block; font-style:normal; font-size:11.5px; color:#8c3357; font-weight:700; margin:2px 0; }<br /> .ms-ore span { display:block; font-size:11px; color:#6b5a2e; line-height:1.4; }<br /> .ms-ore.premium { border:1px solid rgba(212,175,55,0.55); background:linear-gradient(180deg,#fffaef,#fdf3d4); box-shadow:0 4px 14px rgba(212,175,55,0.18); }<br /> <br /> /* TABELAS DE CHANCE */<br /> .ms-tablewrap { overflow-x:auto; max-width:1000px; margin:0 auto; }<br /> .ms-table { width:100%; border-collapse:collapse; background:#fffdf8; border:1px solid rgba(212,160,58,0.3); border-radius:10px; overflow:hidden; font-size:13px; }<br /> .ms-table th { background:linear-gradient(135deg,#3a1e0c,#2d1020); color:#ffce96; padding:9px 8px; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; }<br /> .ms-table td { padding:7px 8px; text-align:center; border-top:1px solid rgba(0,0,0,0.06); font-weight:700; }<br /> .ms-table td.lv { background:#fdf5ec; color:#7c5514; font-weight:800; white-space:nowrap; }<br /> .ms-table td.g { color:#2e7d32; }<br /> .ms-table td.y { color:#a8861f; }<br /> .ms-table td.o { color:#c96a10; }<br /> .ms-table td.r { color:#c62828; }<br /> <br /> /* LOJA DE REFINO — bloco destaque escuro */<br /> .ms-shop { border-radius:14px; overflow:hidden; border:1px solid rgba(212,160,58,0.5); background: radial-gradient(circle at 50% -20%, rgba(226,120,170,0.22) 0%, transparent 55%), linear-gradient(160deg,#2d1020 0%,#120801 100%); padding:26px 22px; max-width:1000px; margin:0 auto; color:#ecd2c8; }<br /> .ms-shop h3 { margin:0 0 6px; text-align:center; color:#ffe9b8; font-size:22px; font-weight:800; border:none; padding:0; }<br /> .ms-shop .ms-shoplead { text-align:center; max-width:760px; margin:0 auto 18px; font-size:14px; line-height:1.65; color:#ecd2c8; }<br /> .ms-shop .ms-shoplead b { color:#f2cf7d; }<br /> .ms-balloon { display:block; width:max-content; margin:0 auto 18px; background:#fff; color:#1b1304; border-radius:8px; padding:7px 18px; font-weight:800; font-size:15px; box-shadow:0 6px 18px rgba(0,0,0,0.4); position:relative; }<br /> .ms-balloon::after { content:&quot;&quot;; position:absolute; left:50%; bottom:-7px; transform:translateX(-50%); border:8px solid transparent; border-top-color:#fff; border-bottom:none; }<br /> .ms-cols { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .ms-col { background:rgba(255,255,255,0.05); border:1px solid rgba(242,207,125,0.25); border-radius:10px; padding:16px; }<br /> .ms-col h4 { margin:0 0 10px; color:#f2cf7d; font-size:14px; text-transform:uppercase; letter-spacing:1.5px; border:none; padding:0; }<br /> .ms-col ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }<br /> .ms-col li { font-size:13px; line-height:1.5; padding-left:16px; position:relative; color:#ecd2c8; }<br /> .ms-col li::before { content:&quot;&quot;; position:absolute; left:2px; top:8px; width:5px; height:5px; border-radius:50%; background:#d4a03a; }<br /> .ms-col li b { color:#ffce96; }<br /> .ms-col li code { background:rgba(0,0,0,0.4); border:1px solid rgba(242,207,125,0.3); border-radius:5px; padding:1px 7px; color:#ffe9b8; font-size:12.5px; }<br /> <br /> /* BÔNUS DO FERREIRO */<br /> .ms-bonus { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .ms-attr { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:10px; padding:14px; text-align:center; border-top:3px solid #d4a03a; }<br /> .ms-attr b { display:block; font-size:15px; font-weight:800; color:#1b1304; }<br /> .ms-attr i { display:block; font-style:normal; font-size:20px; font-weight:800; color:#8c3357; margin:2px 0 8px; }<br /> .ms-attr span { display:block; font-size:11.5px; color:#6b5a2e; line-height:1.6; }<br /> .ms-attr span b { display:inline; font-size:11.5px; color:#8c3357; }<br /> <br /> /* FOOT */<br /> .ms-foot { text-align:center; margin:40px auto 0; max-width:820px; font-size:13px; color:#8a5d55; font-style:italic; }<br /> <br /> @media (max-width: 760px) {<br /> .ms-stats, .ms-gains, .ms-ores, .ms-bonus { grid-template-columns:repeat(2,1fr); }<br /> .ms-cols { grid-template-columns:1fr; }<br /> }<br /> <br /> /* aviso de sistema novo */<br /> .ms-alert { max-width:880px; margin:18px auto 0; background:#fff4e0; border:1px solid rgba(212,160,58,0.5); border-left:4px solid #d4a03a; border-radius:8px; padding:12px 18px; font-size:13px; line-height:1.6; color:#7c4a10; text-align:center; }<br /> .ms-alert b { color:#8c3357; }<br /> <br /> /* MERCADO DE SERVICOS — cartoes de servico do hub */<br /> .ms-svc { border:1px solid rgba(212,160,58,0.34); border-radius:12px; padding:20px 22px 18px; margin:16px 0 6px;<br /> background:linear-gradient(180deg,#fff,#fdf5ec); box-shadow:0 10px 26px rgba(0,0,0,0.09); }<br /> .ms-svc-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:6px; }<br /> .ms-svc-head h3 { margin:0; font-size:21px; font-weight:800; color:#8c3357; border:none; padding:0; }<br /> .ms-tag { display:inline-block; padding:3px 11px; border-radius:999px; font-size:10.5px; font-weight:700;<br /> letter-spacing:1.2px; text-transform:uppercase; }<br /> .ms-tag.on { background:rgba(46,160,90,0.14); color:#227a49; border:1px solid rgba(46,160,90,0.4); }<br /> .ms-tag.soon { background:rgba(212,160,58,0.16); color:#9a6c14; border:1px solid rgba(212,160,58,0.45); }<br /> .ms-svc-who { font-size:12.5px; color:#8a5d55; font-weight:600; }<br /> .ms-more { display:inline-block; margin-top:10px; padding:9px 18px; border-radius:8px; font-weight:700; font-size:13px;<br /> background:linear-gradient(180deg,#d4a03a,#b8862a); color:#2a1a20 !important; text-decoration:none;<br /> box-shadow:0 4px 12px rgba(212,160,58,0.35); }<br /> .ms-more:hover { filter:brightness(1.08); }<br /> .ms-seealso { margin:26px auto 0; max-width:840px; padding:14px 18px; border-radius:10px; text-align:center;<br /> border:1px solid rgba(212,160,58,0.4); background:linear-gradient(180deg,#fffaf1,#fdf0e0); font-size:14.5px; color:#2a1a20; }<br /> .ms-seealso a { color:#8c3357 !important; font-weight:700; }</div> Admin https://wiki.aureumro.com/index.php?title=Visuais&diff=4756 Visuais 2026-08-04T23:36:13Z <p>Admin: [ROT2] cards duplos em linha propria</p> <hr /> <div>{{DISPLAYTITLE:Visuais}}<br /> __NOTOC__<br /> &lt;html&gt;<br /> &lt;div class=&quot;vis-wrap&quot;&gt;<br /> <br /> &lt;div class=&quot;vis-hero&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/2/28/Visuais.png&quot; alt=&quot;Visuais&quot;&gt;<br /> &lt;div class=&quot;vis-badge&quot;&gt;✦ Cosméticos AureumRO&lt;/div&gt;<br /> &lt;h1&gt;Visuais&lt;/h1&gt;<br /> &lt;p&gt;No AureumRO, expressar seu estilo é para todos. São &lt;b&gt;4 Caixas de Visuais&lt;/b&gt; com mais de &lt;b&gt;100 cosméticos&lt;/b&gt; — e aqui &lt;b&gt;não existe visual ruim&lt;/b&gt;.&lt;/p&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-stats&quot;&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;4&lt;/b&gt;&lt;span&gt;Caixas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;100&lt;/b&gt;&lt;span&gt;Visuais&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;5.000&lt;/b&gt;&lt;span&gt;Cash por caixa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;Garantido&lt;/b&gt;&lt;span&gt;Lendário no pity&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Feitas para todos se divertirem&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Acreditamos que personalizar o visual do seu personagem não pode ser privilégio de poucos. Por isso cada caixa custa um &lt;b&gt;preço justo de 5.000 cash&lt;/b&gt; — acessível para qualquer aventureiro.&lt;/p&gt;<br /> &lt;div class=&quot;vis-msg&quot;&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Não existe visual ruim&lt;/h4&gt;<br /> &lt;p&gt;Cada visual de cada caixa foi escolhido a dedo. Não importa o que sair, você vai abrir algo bonito de usar.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Só visuais. Nada de enrolação&lt;/h4&gt;<br /> &lt;p&gt;As Caixas de Visuais contêm &lt;b&gt;apenas cosméticos&lt;/b&gt; — sem consumíveis sem graça que ninguém liga ocupando espaço. Você paga por visual e recebe visual.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Lendário garantido&lt;/h4&gt;<br /> &lt;p&gt;Cada caixa tem um sistema de &lt;b&gt;pity&lt;/b&gt;: passou do limite de aberturas sem o lendário? A próxima vem com ele, garantido.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-tabs&quot;&gt;<br /> &lt;input type=&quot;radio&quot; name=&quot;visrot&quot; id=&quot;visrot2&quot; checked&gt;<br /> &lt;input type=&quot;radio&quot; name=&quot;visrot&quot; id=&quot;visrot1&quot;&gt;<br /> &lt;div class=&quot;vis-tabbar&quot;&gt;<br /> &lt;label for=&quot;visrot2&quot;&gt;2ª rotação &lt;b&gt;&amp;middot; atual&lt;/b&gt;&lt;/label&gt;<br /> &lt;label for=&quot;visrot1&quot;&gt;1ª rotação&lt;/label&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-pane vis-pane2&quot;&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixas em rotação&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Esta é a &lt;b&gt;2ª rotação&lt;/b&gt; de Caixas de Visuais. Os visuais abaixo são os que estão disponíveis agora &amp;mdash; e, como sempre, &lt;b&gt;não voltarão&lt;/b&gt; em rotações futuras.&lt;/p&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Topo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de topo da cabeça &amp;mdash; &lt;b&gt;21 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/0/04/Visual2_37533.webp&quot; alt=&quot;Pequeno Aprendiz&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Pequeno Aprendiz&lt;/h4&gt;<br /> &lt;p&gt;&lt;b&gt;2,5% de chance&lt;/b&gt; por caixa e &lt;b&gt;garantido a cada 40 caixas&lt;/b&gt;. O item mais cobiçado desta caixa &amp;mdash; e, mesmo na pior sorte, você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/04/Visual2_37533.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Pequeno Aprendiz&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/23/Visual2_36356.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Winghead Blue&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/94/Visual2_32062.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aureum Auréola&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ca/Visual2_37514.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cartola Fantasma&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d1/Visual2_31005.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Grifinho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual2_31330.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fairy Poison Apple&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_32146.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tiara de Grand Peco&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1f/Visual2_36863.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Heroica&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual2_37004.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Hat de bode&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual2_37224.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Argolas Divinas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/51/Visual2_37273.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cabeça de Cavalo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/29/Visual2_37345.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Máscara de Bafomé&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0f/Visual2_37448.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amizade Felina&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual2_37464.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Divina&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b3/Visual2_37467.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Duque Gatistico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b3/Visual2_38008.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Friendly white fox&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/77/Visual2_38038.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sakura Witch Hat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual2_38045.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa de Leão&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/13/Visual2_38117.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Angel Berry Wig&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a4/Visual2_38138.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cat Whisper Cloth&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/aa/Visual2_38166.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Guide of Dead Cap&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Meio&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de meio da cabeça &amp;mdash; &lt;b&gt;24 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual2_31205.webp&quot; alt=&quot;Twin Dragons&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Twin Dragons&lt;/h4&gt;<br /> &lt;p&gt;&lt;b&gt;1% de chance&lt;/b&gt; por caixa e &lt;b&gt;garantido a cada 80 caixas&lt;/b&gt;. O item mais cobiçado desta caixa &amp;mdash; e, mesmo na pior sorte, você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual2_31205.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Twin Dragons&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/08/Visual2_31195.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Skulls&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f8/Visual2_31214.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Crows&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_34286.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Snack Party&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5d/Visual2_31110.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Immortal Power&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/26/Visual2_31156.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Goo Ghost&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/80/Visual2_31181.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Minireaper&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual2_31216.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Music Ring&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/da/Visual2_31263.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Thin Eyes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/32/Visual2_31279.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Blink Eyes Dragon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/28/Visual2_31407.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Midnight Candle&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ca/Visual2_33853.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Black Lotus Flower Coat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2b/Visual2_33854.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Black Navy Coat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a0/Visual2_35103.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Evileye of Falsegods&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e9/Visual2_36279.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Kitsune Kimono&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual2_36301.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Kanzashi Februry&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6b/Visual2_37440.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Caveiras Flutuantes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1d/Visual2_37524.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gelo de Loomin&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9f/Visual2_37612.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manystars&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/95/Visual2_37621.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Elephangel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e5/Visual2_37723.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Rabbit Winged Robe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b1/Visual2_37961.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Yesterday Once More&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b5/Visual2_37962.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Magic Celestial Globe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual2_38103.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Consecrate Aureola&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Baixo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de baixo da cabeça &amp;mdash; &lt;b&gt;20 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_36357.webp&quot; alt=&quot;Maia Aura&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Maia Aura&lt;/h4&gt;<br /> &lt;p&gt;&lt;b&gt;1% de chance&lt;/b&gt; por caixa e &lt;b&gt;garantido a cada 80 caixas&lt;/b&gt;. O item mais cobiçado desta caixa &amp;mdash; e, mesmo na pior sorte, você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_36357.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Maia Aura&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c4/Visual2_31081.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Colorful Spark&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/76/Visual2_36355.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Inlove&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/14/Visual2_31075.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Bubbles&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1c/Visual2_31165.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Lightning Power Black&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b9/Visual2_31051.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Berserk Black&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c2/Visual2_31072.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amaterasu Aura Blue&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3d/Visual2_31073.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Athena Blue&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/da/Visual2_31095.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Walking Enjoy A-Ji&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a3/Visual2_31143.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dim Thunder&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual2_31163.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Feathers&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/51/Visual2_31211.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Void Energy&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/69/Visual2_31227.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Zombie Hands&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual2_32933.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Inuyasha Kagone pet&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/74/Visual2_34214.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cons of Light Dark&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/57/Visual2_36349.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Hologram&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/fb/Visual2_37564.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;White Rabbit&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual2_37629.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Protect Cloth&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a5/Visual2_37638.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Stall of demonios&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual2_38208.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chained bear&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Manto&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de manto &amp;mdash; &lt;b&gt;24 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend gg&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_36358.webp&quot; alt=&quot;Dark Lord Manteau&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Dark Lord Manteau&lt;/h4&gt;<br /> &lt;p&gt;&lt;b&gt;0,5% de chance&lt;/b&gt; por caixa e &lt;b&gt;garantido a cada 200 caixas&lt;/b&gt;. O item mais cobiçado desta caixa &amp;mdash; e, mesmo na pior sorte, você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg gg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_36358.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dark Lord Manteau&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg gg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8b/Visual2_32633.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manto do Dragão Guerreiro&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-break&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/bc/Visual2_32692.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Labrys&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a7/Visual2_32695.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Leticia Wings&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/81/Visual2_32780.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Twin Edge&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/73/Visual2_32489.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Samurai Sword&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/91/Visual2_32515.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Valkyrie Spear&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/96/Visual2_32523.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Relicalitea&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/48/Visual2_32580.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Wings Girm&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ad/Visual2_32616.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Big Ribbon Cloa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9e/Visual2_32643.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Diabolic&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f5/Visual2_32645.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Divine Phoenix&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1c/Visual2_32652.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Filir Bag&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual2_32657.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Galapago Aquarium&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cf/Visual2_32693.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Lapine Wings&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/7f/Visual2_32694.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Leaf Umbrella&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/89/Visual2_32696.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Libra Wing&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/30/Visual2_32697.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Loli Ruri Moon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/19/Visual2_32705.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Moonlight Bell&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/50/Visual2_32722.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Plant Outing&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f8/Visual2_32728.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Poring Syringe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/22/Visual2_32775.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sweet Flower Garden&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6f/Visual2_32928.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;HoleWings&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/12/Visual2_37446.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sprite de Maldição&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-pane vis-pane1&quot;&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;&lt;b&gt;Rotação encerrada.&lt;/b&gt; Os visuais abaixo saíram das Caixas de Visuais e &lt;b&gt;não voltarão&lt;/b&gt;. Ficam aqui como registro &amp;mdash; quem conquistou, tem para sempre.&lt;/p&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixas em rotação&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;As Caixas de Visuais funcionam em &lt;b&gt;rotação&lt;/b&gt;: de tempos em tempos, as caixas atuais saem de cena e dão lugar a &lt;b&gt;caixas novas, com visuais novos&lt;/b&gt;. E o mais importante — &lt;b&gt;os visuais da caixa atual nunca mais voltarão&lt;/b&gt; em outras caixas. Quem garante agora, garante para sempre o que é exclusivo daquela rotação.&lt;/p&gt;<br /> <br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Topo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de topo da cabeça — &lt;b&gt;25 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/1/1a/Visual_30031.webp&quot; alt=&quot;Flaming Goats Yellow&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Flaming Goats Yellow&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 100 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1a/Visual_30031.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Flaming Goats Yellow&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30091.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chama Imortal Vermelho&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3a/Visual_30062.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Bola de Praia&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual_30063.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu de Bruxa Orelhuda&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d5/Visual_30064.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Café de Gato&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual_30065.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Chocolat Rabbit&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e1/Visual_30066.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Poring Campeão&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2f/Visual_30067.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Peixe Raivoso&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/62/Visual_30068.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu do Astrólogo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8e/Visual_30069.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu de Buquê&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual_30070.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Ex Twin&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/32/Visual_30071.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu Choco Banana&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/60/Visual_30072.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tigresa Mascote&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b5/Visual_30073.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Deusa Freya&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30074.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Véu Divino&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a6/Visual_30075.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Orelhas Floridas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual_30076.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Guia da Floresta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9f/Visual_30077.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Capuz de Sapo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/18/Visual_30078.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Violeta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/68/Visual_30079.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Gata Halloween&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/31/Visual_30080.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gato Feliz&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0b/Visual_30081.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Boina Olhuda&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/45/Visual_30082.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sombreiro Muka&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0b/Visual_30083.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Quebra Nozes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/66/Visual_30095.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Instinto Vigilante Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Meio&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de meio da cabeça — &lt;b&gt;27 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30116.webp&quot; alt=&quot;Livros da Magia&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Livros da Magia&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 20 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30116.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Livros da Magia&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c0/Visual_30118_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fitas com Biscoitos&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/7f/Visual_30120.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Balões de Aniversário&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/01/Visual_30127.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Experimento Mental&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual_30141.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Céu Estrelado&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/58/Visual_30112.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Óculos Alien Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/30/Visual_30115.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sky Lantern&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3f/Visual_30117.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fitas de Orelha de Gato&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/47/Visual_30119.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mapa do Aventureiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d0/Visual_30121_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Olhos Piscantes Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/80/Visual_30124.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sombrinha Florida&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual_30125.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cinnamon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/67/Visual_30126_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Brilho Divino&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual_30128.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Banquinha Marinha&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c4/Visual_30129_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Abafadores de Orelha de Coração&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30130.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tilby Voadora&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c9/Visual_30131.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amigos da Floresta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8b/Visual_30132.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Morcegos Fantasmagóricos&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/72/Visual_30133.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Anjinho do Amor&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/40/Visual_30134.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Elmo de Rá&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d1/Visual_30135_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Espíritos de Papel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30136.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Balança do Julgamento&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ae/Visual_30137.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aparato Flutuante&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/db/Visual_30138.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Rochosa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/26/Visual_30139.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Caveiras Místicas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/46/Visual_30140.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Drones Vigilantes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ac/Visual_30180.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Byalan&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Baixo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de baixo da cabeça e auras — &lt;b&gt;20 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/5/5e/Visual_30182.webp&quot; alt=&quot;Dobra de Terra&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Dobra de Terra&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 33 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5e/Visual_30182.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Terra&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/12/Visual_30183.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Fogo&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8e/Visual_30186.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Vento&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/85/Visual_30188.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Água&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a1/Visual_30192.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Fantasmagórica Laranja&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f1/Visual_30200_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Cibernética Verde&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2b/Visual_30246_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Elétrica Vermelho&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual_30190.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura do Amor&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/63/Visual_30189_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Antique Pipe Poring&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30191.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Visual de Chiclete&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/bb/Visual_30187_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Brilho das Estrelas Violeta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a7/Visual_30184.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Set de Velas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ee/Visual_30218_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Sheen Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30229_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Atômica Dourada&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/4e/Visual_30214_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura da Natureza Verde&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0d/Visual_30211_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura da Ascensão Branco&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c2/Visual_30042.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Apaixonada&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/33/Visual_30252.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Pétalas Vermelho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/45/Visual_30261.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Outono&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5d/Visual_30267_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Borboletas Colorido&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Manto&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Asas, mantos e mochilas — &lt;b&gt;28 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30049_b.webp&quot; alt=&quot;Aureum Wings Dourada&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Aureum Wings Dourada&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 200 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30049_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aureum Wings Dourada&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/91/Visual_30293_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cruz do Druida Maligno&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/68/Visual_30295_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Foice da Princesa Mestiça&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9e/Visual_30285_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Shuriken Ornamental&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/02/Visual_30280_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Baldir&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e2/Visual_30269_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila da Aventura&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ee/Visual_30270_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Fada Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a6/Visual_30271_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Uriel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8c/Visual_30272_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila de Amstir&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/84/Visual_30273_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Aniversário 20 Anos&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual_30274_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Serafim&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/85/Visual_30275_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Arco nas Costas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d7/Visual_30277_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila do Explorador&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a3/Visual_30278_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Vassoura da Alice&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f0/Visual_30279_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manto Aquático&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual_30281_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila do Cervejeiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual_30282_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila de Coelho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e7/Visual_30283_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cauda de Arbusto&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/18/Visual_30284_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Grimório Mágico Antigo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30286_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Baú do Mímico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b7/Visual_30287_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Véu Abençoado&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9c/Visual_30288_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cutelo do Açougueiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/59/Visual_30289_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gatosquinha&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d2/Visual_30290_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cajado do Relógio&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/41/Visual_30291_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Espada Cibernética&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/59/Visual_30294_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Macabro Gigante&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ab/Visual_30296_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Rabo de Esquilo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30297_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Sakura&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-note&quot;&gt;Todos os visuais acima são cosméticos puros (Costume), aplicados sobre o seu equipamento sem alterar atributos. Personalize sem abrir mão da build.&lt;/div&gt;<br /> <br /> &lt;a href=&quot;/wiki/Item_Recolor&quot; style=&quot;display:flex;align-items:center;gap:18px;margin:34px auto 6px;max-width:760px;padding:20px 26px;text-decoration:none;border:1px solid rgba(198,160,74,.45);border-radius:16px;background:linear-gradient(135deg,rgba(40,30,12,.55),rgba(20,16,8,.35));box-shadow:0 6px 22px rgba(0,0,0,.28)&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/8/88/ItemRecolor.png&quot; alt=&quot;Item Recolor&quot; style=&quot;width:74px;height:74px;flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))&quot;&gt;<br /> &lt;div style=&quot;line-height:1.5&quot;&gt;<br /> &lt;div style=&quot;font-size:1.18em;font-weight:800;color:#e9c876;letter-spacing:.3px&quot;&gt;✦ Ah, e ainda temos o sistema de Recolor&lt;/div&gt;<br /> &lt;div style=&quot;color:#d8cdb4;margin-top:4px&quot;&gt;Boa parte desses visuais ganha &lt;b style=&quot;color:#e9c876&quot;&gt;versões recoloridas exclusivas do AureumRO&lt;/b&gt; — o mesmo visual que você ama, em dezenas de cores novas. &lt;b style=&quot;color:#f0d898&quot;&gt;Conheça o Item Recolor →&lt;/b&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/a&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> <br /> [[Categoria:Sobre o servidor]]</div> Admin https://wiki.aureumro.com/index.php?title=MediaWiki:Common.css&diff=4755 MediaWiki:Common.css 2026-08-04T23:31:45Z <p>Admin: [ROT2] galeria com align-items flex-start (cards nao esticam ate o card duplo)</p> <hr /> <div><br /> <br /> /* ============================================================<br /> AureumRO Wiki — Identidade própria (Vector legacy)<br /> Paleta dourada + fontes Cinzel/Cormorant + decoração medieval<br /> ============================================================ */<br /> <br /> /* === FONTES ============================================== */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;display=swap');<br /> <br /> /* === VARIÁVEIS ============================================ */<br /> :root {<br /> --aur-primary: #d4af37;<br /> --aur-primary2: #a8861f;<br /> --aur-dark: #1b1304;<br /> --aur-darker: #0e0a02;<br /> --aur-accent: #f4d97a;<br /> --aur-bronze: #8a6c1e;<br /> --aur-border: rgba(212, 175, 55, 0.22);<br /> --aur-text: #3a2614;<br /> --aur-muted: #8a7a5a;<br /> --aur-surface: #fdf8e8;<br /> --aur-cream: #faf4e0;<br /> }<br /> <br /> /* === FUNDO GERAL ========================================== */<br /> body {<br /> background: #faf4e0 !important;<br /> font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;<br /> font-size: 16px !important;<br /> color: #3a2614 !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> /* === LOGO ================================================= */<br /> a.mw-wiki-logo {<br /> width: 200px !important;<br /> height: 200px !important;<br /> background-size: 190px 190px !important;<br /> background-repeat: no-repeat !important;<br /> background-position: center center !important;<br /> display: block !important;<br /> filter: drop-shadow(0 4px 12px rgba(212,175,55,0.25));<br /> }<br /> <br /> #p-logo {<br /> width: 220px !important;<br /> height: 210px !important;<br /> padding: 5px 0 0 0 !important;<br /> margin: 0 !important;<br /> overflow: visible !important;<br /> background: linear-gradient(180deg, transparent, rgba(212,175,55,0.05)) !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.2) !important;<br /> }<br /> <br /> /* === TOPBAR =============================================== */<br /> #mw-head,<br /> .vector-header,<br /> div#mw-head {<br /> background: linear-gradient(180deg, #1b1304 0%, #0e0a02 100%) !important;<br /> border-bottom: 2px solid #d4af37 !important;<br /> box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> #p-namespaces li a,<br /> #p-views li a,<br /> li.selected a,<br /> .vector-tab-noaction a {<br /> background: transparent !important;<br /> color: rgba(255,255,255,0.55) !important;<br /> border-color: transparent !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 11px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 1.5px !important;<br /> text-transform: uppercase !important;<br /> }<br /> #p-namespaces li.selected a,<br /> #p-views li.selected a {<br /> color: #f4d97a !important;<br /> border-bottom: 2px solid #d4af37 !important;<br /> background: rgba(212,175,55,0.12) !important;<br /> }<br /> #p-namespaces li a:hover,<br /> #p-views li a:hover {<br /> color: #fff !important;<br /> background: rgba(255,255,255,0.06) !important;<br /> }<br /> <br /> #searchInput,<br /> input[name=&quot;search&quot;],<br /> .cdx-text-input__input {<br /> border-radius: 0 !important;<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.6) !important;<br /> background: rgba(0,0,0,0.25) !important;<br /> color: rgba(255,255,255,0.95) !important;<br /> padding: 6px 14px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 14px !important;<br /> font-style: italic !important;<br /> }<br /> #searchInput::placeholder { color: rgba(255,255,255,0.4) !important; font-style: italic; }<br /> #searchButton, .searchButton {<br /> background: #d4af37 !important;<br /> border-radius: 0 !important;<br /> border: none !important;<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1px !important;<br /> text-transform: uppercase !important;<br /> font-size: 10px !important;<br /> }<br /> <br /> /* === SIDEBAR ============================================== */<br /> #mw-panel {<br /> position: absolute !important;<br /> width: 220px !important;<br /> left: 0 !important;<br /> top: 0 !important;<br /> padding-top: 0 !important;<br /> background: #faf4e0 !important;<br /> border-right: 1px solid rgba(212,175,55,0.18) !important;<br /> }<br /> <br /> .portal h3,<br /> #p-tb h3,<br /> #p-navigation h3 {<br /> color: #a8861f !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 10px !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 2px !important;<br /> text-transform: uppercase !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.25) !important;<br /> padding-bottom: 6px !important;<br /> margin-bottom: 8px !important;<br /> position: relative;<br /> }<br /> .portal h3::after,<br /> #p-tb h3::after,<br /> #p-navigation h3::after {<br /> content: &quot;✦&quot;;<br /> position: absolute;<br /> right: 0;<br /> color: #d4af37;<br /> font-size: 9px;<br /> opacity: 0.7;<br /> }<br /> <br /> .portal li a,<br /> #p-tb li a,<br /> #p-navigation li a {<br /> color: #2a1a08 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 600 !important;<br /> text-decoration: none !important;<br /> line-height: 1.95 !important;<br /> transition: all 0.2s !important;<br /> }<br /> .portal li a:hover,<br /> #p-tb li a:hover,<br /> #p-navigation li a:hover {<br /> color: #a8861f !important;<br /> padding-left: 6px !important;<br /> }<br /> <br /> .portal {<br /> margin: 12px 0 !important;<br /> padding: 0 12px !important;<br /> }<br /> <br /> /* === CONTEÚDO PRINCIPAL =================================== */<br /> #content, div#content {<br /> margin-left: 260px !important;<br /> margin-right: 12px !important;<br /> margin-top: 12px !important;<br /> margin-bottom: 12px !important;<br /> background: #fff !important;<br /> border: 1px solid rgba(212,175,55,0.25) !important;<br /> border-radius: 4px !important;<br /> box-shadow: 0 2px 10px rgba(212,175,55,0.08), inset 0 0 0 1px rgba(212,175,55,0.04) !important;<br /> padding: 32px 36px !important;<br /> position: relative;<br /> }<br /> /* Decoração de cantos no content (4 cantos com pequeno detalhe dourado) */<br /> #content::before,<br /> #content::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 14px;<br /> height: 14px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.5;<br /> }<br /> #content::before {<br /> top: 6px; left: 6px;<br /> border-right: none; border-bottom: none;<br /> }<br /> #content::after {<br /> bottom: 6px; right: 6px;<br /> border-left: none; border-top: none;<br /> }<br /> #column-content {<br /> margin-left: 250px !important;<br /> }<br /> #mw-head-base {<br /> margin-left: 230px !important;<br /> }<br /> <br /> /* === TIPOGRAFIA =========================================== */<br /> h1.firstHeading,<br /> #firstHeading {<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 32px !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1.5px !important;<br /> border-bottom: none !important;<br /> padding-bottom: 12px !important;<br /> margin-bottom: 24px !important;<br /> position: relative;<br /> }<br /> h1.firstHeading::after,<br /> #firstHeading::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0; left: 0;<br /> width: 100px; height: 2px;<br /> background: linear-gradient(90deg, #d4af37, transparent);<br /> }<br /> h2 {<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 20px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 1px !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.25) !important;<br /> padding-bottom: 8px !important;<br /> margin: 28px 0 14px !important;<br /> }<br /> h3 {<br /> color: #a8861f !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 0.5px !important;<br /> margin: 20px 0 10px !important;<br /> }<br /> <br /> p { font-size: 16px !important; }<br /> <br /> a, a:visited { color: #a8861f !important; text-decoration: none !important; transition: all 0.15s !important; }<br /> a:hover { color: #d4af37 !important; text-decoration: underline !important; text-decoration-color: rgba(212,175,55,0.5) !important; text-underline-offset: 3px !important; }<br /> a.new { color: #c25450 !important; }<br /> <br /> /* === TABELAS ============================================== */<br /> table.wikitable {<br /> border-collapse: collapse !important;<br /> width: 100% !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 15px !important;<br /> margin: 16px 0 !important;<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-radius: 4px !important;<br /> overflow: hidden !important;<br /> }<br /> table.wikitable th {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02) !important;<br /> color: #f4d97a !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 11px !important;<br /> font-weight: 700 !important;<br /> text-transform: uppercase !important;<br /> letter-spacing: 1.5px !important;<br /> padding: 12px 16px !important;<br /> border: 1px solid rgba(212,175,55,0.4) !important;<br /> }<br /> table.wikitable td {<br /> padding: 10px 16px !important;<br /> border: 1px solid rgba(212,175,55,0.15) !important;<br /> background: #fff !important;<br /> color: #3a2614 !important;<br /> }<br /> table.wikitable tr:nth-child(even) td { background: #fdf8e8 !important; }<br /> table.wikitable tr:hover td { background: #fef3d5 !important; }<br /> <br /> /* === TOC, CATEGORIAS, FOOTER (mantém base) ================ */<br /> #toc, .toc {<br /> background: #fdf8e8 !important;<br /> border: 1px solid rgba(212,175,55,0.25) !important;<br /> border-radius: 4px !important;<br /> padding: 14px 18px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> }<br /> #toc h2, .toc h2 { font-family: 'Inter', system-ui, sans-serif !important; color: #a8861f !important; font-size: 12px !important; letter-spacing: 1.5px !important; }<br /> <br /> #catlinks {<br /> background: #fdf8e8 !important;<br /> border: 1px solid rgba(212,175,55,0.2) !important;<br /> border-radius: 4px !important;<br /> padding: 10px 16px !important;<br /> font-size: 13px !important;<br /> margin-top: 28px !important;<br /> }<br /> <br /> #footer-info-lastmod, li#footer-info-lastmod { display: none !important; }<br /> .page-Página_principal #footer-places,<br /> .page-Página_principal #footer-info { display: none !important; }<br /> <br /> #footer, .mw-footer {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02) !important;<br /> border-top: 2px solid #d4af37 !important;<br /> padding: 14px 24px !important;<br /> }<br /> #footer-places li, #footer-info li, #footer li {<br /> display: inline !important;<br /> color: rgba(255,255,255,0.5) !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 13px !important;<br /> }<br /> #footer-places li::after { content: &quot; · &quot;; color: rgba(212,175,55,0.4); }<br /> #footer-places li:last-child::after { content: &quot;&quot;; }<br /> #footer a { color: rgba(255,255,255,0.55) !important; }<br /> #footer a:hover { color: #d4af37 !important; }<br /> #footer-icons { display: none !important; }<br /> <br /> /* === EDIT BOX, BOTÕES, SCROLLBAR ========================== */<br /> #wpTextbox1 {<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-radius: 4px !important;<br /> padding: 12px !important;<br /> font-size: 14px !important;<br /> font-family: &quot;Courier New&quot;, monospace !important;<br /> }<br /> .mw-ui-progressive,<br /> .oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background: linear-gradient(180deg, #d4af37, #a8861f) !important;<br /> border: 1px solid #8a6c1e !important;<br /> color: #1b1304 !important;<br /> border-radius: 2px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1px !important;<br /> text-transform: uppercase !important;<br /> font-size: 11px !important;<br /> }<br /> ::-webkit-scrollbar { width: 6px; height: 6px; }<br /> ::-webkit-scrollbar-track { background: rgba(212,175,55,0.05); }<br /> ::-webkit-scrollbar-thumb { background: rgba(212,175,55,0.4); border-radius: 0; }<br /> ::-webkit-scrollbar-thumb:hover { background: #d4af37; }<br /> <br /> /* ============================================================<br /> COMPONENTES AureumRO (.aur-*)<br /> ============================================================ */<br /> <br /> /* === HERO com decoração própria ============================ */<br /> .aur-hero {<br /> position: relative;<br /> background:<br /> radial-gradient(circle at 20% 30%, rgba(212,175,55,0.08) 0%, transparent 50%),<br /> radial-gradient(circle at 80% 70%, rgba(212,175,55,0.06) 0%, transparent 50%),<br /> linear-gradient(135deg, #1b1304 0%, #2a1f0c 50%, #0e0a02 100%);<br /> border: 1px solid rgba(212,175,55,0.4);<br /> border-radius: 4px;<br /> padding: 44px 36px;<br /> text-align: center;<br /> margin-bottom: 24px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 24px rgba(212,175,55,0.12), inset 0 1px 0 rgba(255,255,255,0.05);<br /> }<br /> /* Cantos decorativos do hero (4 cantos) */<br /> .aur-hero::before,<br /> .aur-hero::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 32px;<br /> height: 32px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.6;<br /> }<br /> .aur-hero::before {<br /> top: 10px; left: 10px;<br /> border-right: none; border-bottom: none;<br /> }<br /> .aur-hero::after {<br /> bottom: 10px; right: 10px;<br /> border-left: none; border-top: none;<br /> }<br /> .aur-hero-title {<br /> color: #fff;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 36px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> margin-bottom: 10px;<br /> text-shadow: 0 2px 8px rgba(212,175,55,0.3);<br /> line-height: 1.15;<br /> }<br /> .aur-hero-title .accent {<br /> background: linear-gradient(120deg, #f4d97a 0%, #d4af37 60%, #a8861f 100%);<br /> -webkit-background-clip: text;<br /> -webkit-text-fill-color: transparent;<br /> background-clip: text;<br /> }<br /> .aur-hero-sub {<br /> color: rgba(255,255,255,0.65);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-style: italic;<br /> font-size: 16px;<br /> line-height: 1.6;<br /> margin-bottom: 22px;<br /> max-width: 640px;<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> .aur-hero-badge {<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.5);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> letter-spacing: 3px;<br /> text-transform: uppercase;<br /> padding: 5px 14px;<br /> border-radius: 0;<br /> margin-bottom: 18px;<br /> }<br /> .aur-pills {<br /> display: flex;<br /> gap: 10px;<br /> justify-content: center;<br /> flex-wrap: wrap;<br /> }<br /> .aur-pill {<br /> background: rgba(212,175,55,0.08);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> color: rgba(255,255,255,0.8);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> padding: 6px 14px;<br /> border-radius: 0;<br /> font-size: 13px;<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> transition: all 0.2s;<br /> }<br /> .aur-pill:hover {<br /> border-color: #d4af37;<br /> background: rgba(212,175,55,0.18);<br /> color: #fff;<br /> }<br /> <br /> /* === STATS GRANDES (4 cards substituem a infobar 6-células) === */<br /> .aur-stats {<br /> display: grid;<br /> grid-template-columns: repeat(4, 1fr);<br /> gap: 12px;<br /> margin-bottom: 22px;<br /> }<br /> .aur-stat {<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> border-top: 3px solid #d4af37;<br /> padding: 18px 16px;<br /> text-align: center;<br /> position: relative;<br /> transition: all 0.2s;<br /> }<br /> .aur-stat:hover {<br /> border-top-color: #f4d97a;<br /> box-shadow: 0 6px 18px rgba(212,175,55,0.15);<br /> transform: translateY(-2px);<br /> }<br /> .aur-stat-icon {<br /> font-size: 22px;<br /> color: #d4af37;<br /> margin-bottom: 4px;<br /> }<br /> .aur-stat-label {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 600;<br /> text-transform: uppercase;<br /> letter-spacing: 2px;<br /> color: #8a6c1e;<br /> margin-bottom: 6px;<br /> }<br /> .aur-stat-value {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> letter-spacing: 0.5px;<br /> }<br /> <br /> /* === WIDGETS: Status do servidor + Notícias ============== */<br /> .aur-widgets {<br /> display: grid;<br /> grid-template-columns: 1fr 1.4fr;<br /> gap: 12px;<br /> margin-bottom: 22px;<br /> }<br /> .aur-widget {<br /> background: #fff;<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-radius: 4px;<br /> overflow: hidden;<br /> position: relative;<br /> }<br /> .aur-widget-header {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02);<br /> padding: 12px 18px;<br /> border-bottom: 2px solid #d4af37;<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> }<br /> .aur-widget-title {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 12px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> text-transform: uppercase;<br /> }<br /> .aur-widget-body { padding: 16px 18px; }<br /> .aur-widget-body p { margin: 4px 0; font-size: 14px; color: #3a2614; }<br /> <br /> /* Status indicator */<br /> .aur-status-dot {<br /> display: inline-block;<br /> width: 10px; height: 10px;<br /> border-radius: 50%;<br /> background: #2eb86b;<br /> box-shadow: 0 0 8px #2eb86b;<br /> animation: aur-pulse 2s infinite;<br /> }<br /> @keyframes aur-pulse {<br /> 0%, 100% { opacity: 1; }<br /> 50% { opacity: 0.6; }<br /> }<br /> .aur-status-line {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> padding: 6px 0;<br /> border-bottom: 1px dashed rgba(212,175,55,0.18);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> }<br /> .aur-status-line:last-child { border-bottom: none; }<br /> .aur-status-label { color: #6b5a3a; font-size: 14px; }<br /> .aur-status-value { color: #1b1304; font-weight: 600; font-size: 14px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.5px; }<br /> <br /> /* Notícias */<br /> .aur-news-item {<br /> padding: 10px 0;<br /> border-bottom: 1px dashed rgba(212,175,55,0.18);<br /> }<br /> .aur-news-item:last-child { border-bottom: none; }<br /> .aur-news-date {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> color: #a8861f;<br /> text-transform: uppercase;<br /> letter-spacing: 1.5px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-news-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 14px;<br /> color: #1b1304;<br /> font-weight: 600;<br /> }<br /> .aur-news-title a { color: #1b1304 !important; }<br /> .aur-news-title a:hover { color: #d4af37 !important; text-decoration: none !important; }<br /> <br /> /* === BLOCOS DE NAVEGAÇÃO ================================== */<br /> .wiki-blocks {<br /> display: grid;<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 12px;<br /> margin-bottom: 16px;<br /> }<br /> .wiki-block {<br /> background: #fff;<br /> border: 1px solid rgba(212,175,55,0.22);<br /> border-radius: 4px;<br /> overflow: hidden;<br /> transition: all 0.2s;<br /> }<br /> .wiki-block:hover {<br /> border-color: rgba(212,175,55,0.5);<br /> box-shadow: 0 4px 16px rgba(212,175,55,0.1);<br /> }<br /> .wiki-block-title {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02);<br /> padding: 11px 18px;<br /> border-bottom: 2px solid #d4af37;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 10px;<br /> }<br /> .wiki-block-title::before,<br /> .wiki-block-title::after {<br /> content: &quot;✦&quot;;<br /> color: #d4af37;<br /> font-size: 10px;<br /> }<br /> .wiki-block-title-text {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 2px;<br /> }<br /> .wiki-link {<br /> display: flex;<br /> align-items: center;<br /> gap: 12px;<br /> padding: 12px 18px;<br /> border-bottom: 1px solid rgba(212,175,55,0.08);<br /> text-decoration: none !important;<br /> color: #3a2614 !important;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> transition: all 0.18s;<br /> position: relative;<br /> }<br /> .wiki-link::after {<br /> content: &quot;›&quot;;<br /> position: absolute;<br /> right: 14px;<br /> color: rgba(212,175,55,0);<br /> font-size: 18px;<br /> transition: all 0.18s;<br /> }<br /> .wiki-link:last-child { border-bottom: none; }<br /> .wiki-link:hover {<br /> color: #a8861f !important;<br /> background: linear-gradient(90deg, rgba(212,175,55,0.08), transparent);<br /> padding-left: 22px;<br /> }<br /> .wiki-link:hover::after {<br /> color: #d4af37;<br /> right: 10px;<br /> }<br /> .wiki-link img,<br /> .wiki-link .mw-file-element {<br /> width: 40px !important;<br /> height: 40px !important;<br /> max-width: 40px !important;<br /> max-height: 40px !important;<br /> object-fit: contain !important;<br /> flex-shrink: 0 !important;<br /> filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15));<br /> }<br /> /* Ícones do divine-pride são pixel art — manter pixelated */<br /> .wiki-link img[src*=&quot;divine-pride&quot;] {<br /> image-rendering: pixelated;<br /> }<br /> /* Wrapper que MediaWiki coloca em [[File:]] */<br /> .wiki-link span[typeof=&quot;mw:File&quot;] {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> flex-shrink: 0 !important;<br /> }<br /> .wiki-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); }<br /> .wiki-grid-2 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-2 .wiki-link:nth-child(2n) { border-right: none; }<br /> .wiki-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); }<br /> .wiki-grid-4 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-4 .wiki-link:nth-child(4n) { border-right: none; }<br /> .wiki-grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); }<br /> .wiki-grid-5 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-5 .wiki-link:nth-child(5n) { border-right: none; }<br /> .wiki-full { grid-column: span 2; }<br /> <br /> @media (max-width: 850px) {<br /> .wiki-blocks { grid-template-columns: 1fr; }<br /> .wiki-full { grid-column: span 1; }<br /> .wiki-grid-4 { grid-template-columns: repeat(2, 1fr); }<br /> .wiki-grid-5 { grid-template-columns: repeat(2, 1fr); }<br /> .aur-stats { grid-template-columns: repeat(2, 1fr); }<br /> .aur-widgets { grid-template-columns: 1fr; }<br /> }<br /> <br /> /* === BANNER FINAL ========================================= */<br /> .aur-banner {<br /> background:<br /> radial-gradient(circle at 30% 50%, rgba(212,175,55,0.1) 0%, transparent 70%),<br /> linear-gradient(135deg, #1b1304, #0e0a02);<br /> border: 1px solid rgba(212,175,55,0.35);<br /> border-radius: 4px;<br /> padding: 18px 22px;<br /> display: flex;<br /> align-items: center;<br /> gap: 16px;<br /> margin: 18px 0;<br /> position: relative;<br /> overflow: hidden;<br /> }<br /> .aur-banner::before,<br /> .aur-banner::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 20px; height: 20px;<br /> border: 1px solid rgba(212,175,55,0.5);<br /> }<br /> .aur-banner::before {<br /> top: 6px; left: 6px;<br /> border-right: none; border-bottom: none;<br /> }<br /> .aur-banner::after {<br /> bottom: 6px; right: 6px;<br /> border-left: none; border-top: none;<br /> }<br /> .aur-banner-title {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-weight: 700;<br /> font-size: 14px;<br /> letter-spacing: 1px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-banner-sub {<br /> color: rgba(255,255,255,0.55);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-style: italic;<br /> font-size: 13px;<br /> line-height: 1.4;<br /> }<br /> .aur-banner-tags {<br /> display: flex;<br /> gap: 8px;<br /> margin-left: auto;<br /> flex-shrink: 0;<br /> }<br /> .aur-banner-tag {<br /> background: rgba(212,175,55,0.18);<br /> border: 1px solid rgba(212,175,55,0.5);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> padding: 4px 10px;<br /> letter-spacing: 1.5px;<br /> text-transform: uppercase;<br /> }<br /> <br /> /* === HERO DE PÁGINA INTERNA ============================== */<br /> .aur-page-hero {<br /> background:<br /> radial-gradient(circle at 30% 20%, rgba(212,175,55,0.1) 0%, transparent 60%),<br /> linear-gradient(135deg, #1b1304 0%, #2a1f0c 50%, #0e0a02 100%);<br /> border: 1px solid rgba(212,175,55,0.4);<br /> border-radius: 4px;<br /> padding: 28px 32px;<br /> margin: 0 auto 32px;<br /> max-width: 720px;<br /> position: relative;<br /> text-align: center;<br /> }<br /> .aur-page-hero::before,<br /> .aur-page-hero::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 22px; height: 22px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.6;<br /> }<br /> .aur-page-hero::before { top: 8px; left: 8px; border-right: none; border-bottom: none; }<br /> .aur-page-hero::after { bottom: 8px; right: 8px; border-left: none; border-top: none; }<br /> .aur-page-hero-badge {<br /> display: inline-block;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.45);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> letter-spacing: 1.6px;<br /> text-transform: uppercase;<br /> padding: 5px 14px;<br /> margin-bottom: 12px;<br /> }<br /> .aur-page-hero-sub {<br /> color: rgba(255,255,255,0.7);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> line-height: 1.55;<br /> }<br /> <br /> /* === TÍTULOS DE SEÇÃO — banner suave ===================== */<br /> .aur-section-banner {<br /> display: inline-block;<br /> position: relative;<br /> margin: 32px auto 20px;<br /> padding: 14px 56px;<br /> background: linear-gradient(180deg, #fdf8e8 0%, #faf0d4 100%);<br /> border: 1px solid rgba(212,175,55,0.35);<br /> border-radius: 4px;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.08), inset 0 1px 0 rgba(255,255,255,0.6);<br /> }<br /> .aur-section-banner::before,<br /> .aur-section-banner::after {<br /> content: &quot;✦&quot;;<br /> position: absolute;<br /> top: 50%;<br /> transform: translateY(-50%);<br /> color: #d4af37;<br /> font-size: 11px;<br /> opacity: 0.7;<br /> }<br /> .aur-section-banner::before { left: 22px; }<br /> .aur-section-banner::after { right: 22px; }<br /> .aur-section-banner-text {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> letter-spacing: 0.5px;<br /> }<br /> /* Compat: manter .aur-section-title antigo funcional sem ícone */<br /> .aur-section-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 20px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> margin: 28px 0 18px;<br /> text-align: center;<br /> }<br /> .aur-section-icon { display: none; }<br /> <br /> /* === GRID DE INFOS (substitui tabela) ===================== */<br /> .aur-info-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 10px;<br /> margin: 0 auto 16px;<br /> max-width: 880px;<br /> }<br /> .aur-info-grid-2 {<br /> grid-template-columns: repeat(2, 1fr);<br /> max-width: 640px;<br /> }<br /> .aur-info-cell {<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-top: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 14px 16px;<br /> text-align: center;<br /> transition: all 0.18s;<br /> }<br /> .aur-info-cell:hover {<br /> border-top-color: #f4d97a;<br /> transform: translateY(-2px);<br /> box-shadow: 0 4px 12px rgba(212,175,55,0.15);<br /> }<br /> .aur-info-label {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 1.4px;<br /> color: #8a6c1e;<br /> margin-bottom: 6px;<br /> }<br /> .aur-info-value {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 16px;<br /> font-weight: 600;<br /> color: #1b1304;<br /> line-height: 1.3;<br /> }<br /> .aur-info-value small {<br /> display: block;<br /> font-size: 11px;<br /> font-weight: 400;<br /> color: #a09075;<br /> margin-top: 2px;<br /> letter-spacing: 0.3px;<br /> }<br /> <br /> /* === DICA / TIP CARD ===================================== */<br /> .aur-tip-card {<br /> display: flex;<br /> align-items: flex-start;<br /> gap: 16px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 18px 20px;<br /> margin: 0 auto 16px;<br /> max-width: 720px;<br /> text-align: left;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.1);<br /> }<br /> .aur-tip-icon {<br /> flex-shrink: 0;<br /> width: 48px; height: 48px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.12);<br /> border-radius: 4px;<br /> image-rendering: pixelated;<br /> }<br /> .aur-tip-icon .mw-file-element {<br /> width: 36px !important;<br /> height: 36px !important;<br /> max-width: 36px !important;<br /> max-height: 36px !important;<br /> image-rendering: pixelated;<br /> }<br /> .aur-tip-body { flex: 1; }<br /> .aur-tip-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 1.6px;<br /> color: #a8861f;<br /> margin-bottom: 6px;<br /> }<br /> .aur-tip-text {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> color: #3a2614;<br /> line-height: 1.6;<br /> }<br /> <br /> /* === DIVIDER decorativo ✦ ================================ */<br /> .aur-divider {<br /> display: flex;<br /> align-items: center;<br /> gap: 14px;<br /> margin: 32px auto 24px;<br /> max-width: 880px;<br /> }<br /> .aur-divider::before,<br /> .aur-divider::after {<br /> content: &quot;&quot;;<br /> flex: 1;<br /> height: 1px;<br /> background: linear-gradient(90deg, transparent, rgba(212,175,55,0.4), transparent);<br /> }<br /> .aur-divider span {<br /> color: #d4af37;<br /> font-size: 14px;<br /> }<br /> <br /> @media (max-width: 800px) {<br /> .aur-info-grid { grid-template-columns: repeat(2, 1fr); }<br /> .aur-info-grid-2 { grid-template-columns: 1fr; }<br /> }<br /> <br /> /* === CONTEÚDO CENTRALIZADO (.aur-centered wrapper) ====== */<br /> .aur-centered { text-align: center; }<br /> .aur-centered h1, .aur-centered h2, .aur-centered h3 {<br /> text-align: center !important;<br /> border-bottom: none !important;<br /> position: relative;<br /> }<br /> .aur-centered h1::after,<br /> .aur-centered h2::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: -4px; left: 50%;<br /> transform: translateX(-50%);<br /> width: 80px; height: 2px;<br /> background: linear-gradient(90deg, transparent, #d4af37, transparent) !important;<br /> }<br /> .aur-centered p { text-align: center; }<br /> .aur-centered ul, .aur-centered ol {<br /> display: inline-block;<br /> text-align: left;<br /> }<br /> .aur-centered table {<br /> margin-left: auto !important;<br /> margin-right: auto !important;<br /> }<br /> .aur-centered .mw-editsection,<br /> .aur-centered .mw-editsection-bracket { display: none !important; }<br /> <br /> /* === SEPARADOR DECORATIVO (flor de lis estilizada) ======= */<br /> .aur-separator {<br /> display: flex;<br /> align-items: center;<br /> gap: 16px;<br /> margin: 28px 0;<br /> color: rgba(212,175,55,0.4);<br /> }<br /> .aur-separator::before,<br /> .aur-separator::after {<br /> content: &quot;&quot;;<br /> flex: 1;<br /> height: 1px;<br /> background: linear-gradient(90deg, transparent, rgba(212,175,55,0.4), transparent);<br /> }<br /> .aur-separator-icon { font-size: 14px; color: #d4af37; }<br /> <br /> /* === FIX ABAS DO HEADER (mantém base do Edda) ============= */<br /> #p-namespaces li,<br /> #p-namespaces li a,<br /> #p-namespaces li.selected,<br /> #p-namespaces li.selected a,<br /> #p-views li,<br /> #p-views li a,<br /> #p-views li.selected,<br /> #p-views li.selected a,<br /> .vector-tab-noaction,<br /> .vector-tab-noaction a,<br /> div#p-namespaces ul li,<br /> div#p-views ul li {<br /> background: transparent !important;<br /> background-color: transparent !important;<br /> background-image: none !important;<br /> border: none !important;<br /> border-color: transparent !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> #left-navigation {<br /> margin-left: 230px !important;<br /> }<br /> <br /> /* === ALIASES .edda-* para compatibilidade transitória ===== */<br /> .edda-hero { /* alias deprecado */ }<br /> .edda-pill, .edda-pills,<br /> .edda-infobar, .edda-infobar-cell, .edda-infobar-label, .edda-infobar-value,<br /> .edda-banner, .edda-banner-title, .edda-banner-sub, .edda-banner-tags, .edda-banner-tag {<br /> /* nada — abandonado, use .aur-* */<br /> }<br /> <br /> /* === TIP CARD sem ícone (modifier) ====================== */<br /> .aur-tip-card-noicon { padding-left: 22px; }<br /> .aur-tip-card-noicon .aur-tip-body { width: 100%; }<br /> <br /> /* === ALINHAMENTO: último item ímpar centralizado ========= */<br /> /* Regra global pra TODOS os grids: quando o último item fica<br /> sozinho na última linha, centraliza horizontalmente. */<br /> .aur-info-grid &gt; .aur-info-cell:last-child:nth-child(3n - 2),<br /> .aur-info-grid:not(.aur-info-grid-2) &gt; .aur-info-cell:last-child:nth-child(3n + 1) {<br /> grid-column: 2 / span 1;<br /> }<br /> .aur-info-grid-2 &gt; .aur-info-cell:last-child:nth-child(odd) {<br /> grid-column: 1 / -1;<br /> max-width: calc((100% - 10px) / 2);<br /> justify-self: center;<br /> }<br /> <br /> /* === COMPACTAÇÃO (.aur-compact wrapper) ================== */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 18px 24px;<br /> margin-bottom: 16px;<br /> max-width: 600px;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 6px;<br /> font-size: 10px;<br /> padding: 3px 11px;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 13px;<br /> line-height: 1.4;<br /> }<br /> .aur-compact .aur-section-banner {<br /> margin: 14px auto 10px;<br /> padding: 10px 48px;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 16px; }<br /> .aur-compact .aur-info-grid { gap: 6px; margin-bottom: 10px; }<br /> .aur-compact .aur-info-cell {<br /> padding: 9px 12px;<br /> border-top-width: 2px;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 9.5px;<br /> letter-spacing: 1.2px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-compact .aur-info-value { font-size: 13.5px; line-height: 1.25; }<br /> .aur-compact .aur-info-value small {<br /> font-size: 10px;<br /> margin-top: 1px;<br /> }<br /> .aur-compact .aur-tip-card {<br /> padding: 10px 16px;<br /> margin-bottom: 10px;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 10px;<br /> margin-bottom: 4px;<br /> letter-spacing: 1.4px;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 13px; line-height: 1.45; }<br /> .aur-tip-compact .aur-tip-title { margin-bottom: 2px; }<br /> .aur-tip-compact .aur-tip-text { font-size: 13px; }<br /> <br /> /* === VIP — destaque visual marcante ===================== */<br /> .aur-section-banner-vip {<br /> background: linear-gradient(180deg, #1b1304 0%, #2a1f0c 100%) !important;<br /> border: 1px solid #d4af37 !important;<br /> box-shadow: 0 4px 14px rgba(212,175,55,0.25), inset 0 1px 0 rgba(255,255,255,0.08) !important;<br /> padding-right: 110px !important;<br /> position: relative;<br /> }<br /> .aur-section-banner-vip::before,<br /> .aur-section-banner-vip::after {<br /> color: #f4d97a !important;<br /> opacity: 1 !important;<br /> font-size: 12px !important;<br /> }<br /> .aur-section-banner-vip .aur-section-banner-text {<br /> color: #f4d97a !important;<br /> letter-spacing: 2px !important;<br /> text-shadow: 0 0 12px rgba(244,217,122,0.4);<br /> }<br /> .aur-vip-tag {<br /> position: absolute;<br /> right: 14px;<br /> top: 50%;<br /> transform: translateY(-50%);<br /> background: linear-gradient(180deg, #d4af37, #a8861f);<br /> color: #1b1304;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 9px;<br /> font-weight: 800;<br /> letter-spacing: 1.4px;<br /> text-transform: uppercase;<br /> padding: 4px 9px;<br /> border-radius: 12px;<br /> box-shadow: 0 2px 6px rgba(212,175,55,0.4);<br /> }<br /> .aur-tip-vip {<br /> background: linear-gradient(180deg, #fff8e0, #fdf0c8) !important;<br /> border-color: rgba(212,175,55,0.5) !important;<br /> border-left-color: #d4af37 !important;<br /> border-left-width: 5px !important;<br /> }<br /> .aur-info-grid-vip .aur-info-cell {<br /> background: linear-gradient(180deg, #fffbe8, #fdf0c8);<br /> border-top-color: #f4d97a !important;<br /> border-top-width: 3px !important;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.12);<br /> }<br /> .aur-info-grid-vip .aur-info-cell:hover {<br /> border-top-color: #ffe999 !important;<br /> box-shadow: 0 5px 14px rgba(212,175,55,0.22);<br /> }<br /> .aur-info-grid-vip .aur-info-label { color: #a8861f !important; }<br /> <br /> /* === VIP fix: esconder ✦ direito (a tag EXCLUSIVO ocupa o espaço) === */<br /> .aur-section-banner-vip::after { display: none !important; }<br /> .aur-section-banner-vip { padding-left: 28px !important; padding-right: 28px !important; }<br /> <br /> /* === VIP: esconder ✦ esquerdo também ==================== */<br /> .aur-section-banner-vip::before { display: none !important; }<br /> .aur-section-banner-vip { padding-left: 28px !important; }<br /> <br /> /* === COMPACTAÇÃO AGRESSIVA (.aur-compact override + extra) === */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 10px 18px !important;<br /> margin-bottom: 8px !important;<br /> max-width: 560px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 3px !important;<br /> font-size: 9px !important;<br /> padding: 2px 10px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 11.5px !important;<br /> line-height: 1.3 !important;<br /> }<br /> .aur-compact .aur-page-hero-sm::before,<br /> .aur-compact .aur-page-hero-sm::after {<br /> width: 14px !important;<br /> height: 14px !important;<br /> }<br /> .aur-compact .aur-section-banner {<br /> margin: 8px auto 6px !important;<br /> padding: 6px 36px !important;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 13px !important; }<br /> .aur-compact .aur-info-grid { gap: 5px !important; margin-bottom: 6px !important; }<br /> .aur-compact .aur-info-cell {<br /> padding: 6px 10px !important;<br /> border-top-width: 2px !important;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 9px !important;<br /> letter-spacing: 1px !important;<br /> margin-bottom: 2px !important;<br /> }<br /> .aur-compact .aur-info-value { font-size: 12.5px !important; line-height: 1.2 !important; }<br /> .aur-compact .aur-info-value small {<br /> font-size: 9.5px !important;<br /> margin-top: 0 !important;<br /> }<br /> .aur-compact .aur-tip-card {<br /> padding: 8px 14px !important;<br /> margin-bottom: 6px !important;<br /> gap: 12px !important;<br /> }<br /> .aur-compact .aur-tip-icon {<br /> width: 38px !important;<br /> height: 38px !important;<br /> }<br /> .aur-compact .aur-tip-icon .mw-file-element {<br /> width: 28px !important;<br /> height: 28px !important;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 9.5px !important;<br /> margin-bottom: 2px !important;<br /> letter-spacing: 1.2px !important;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 12px !important; line-height: 1.4 !important; }<br /> .aur-compact .aur-divider { margin: 8px auto !important; }<br /> .aur-compact .aur-vip-tag {<br /> font-size: 8.5px !important;<br /> padding: 3px 7px !important;<br /> letter-spacing: 1.1px !important;<br /> }<br /> .aur-compact .aur-section-banner-vip { padding-right: 28px !important; }<br /> <br /> /* === ONEPAGE: páginas .aur-compact cabem 100% em 1 tela === */<br /> /* Reduz drasticamente H1 + remove margem grande do firstHeading */<br /> .aur-compact + .aur-compact, /* fallback */<br /> body:has(.aur-compact) h1.firstHeading,<br /> body:has(.aur-compact) #firstHeading {<br /> font-size: 18px !important;<br /> padding-bottom: 4px !important;<br /> margin-bottom: 6px !important;<br /> letter-spacing: 0.5px !important;<br /> }<br /> body:has(.aur-compact) h1.firstHeading::after,<br /> body:has(.aur-compact) #firstHeading::after {<br /> width: 50px !important;<br /> bottom: -2px !important;<br /> }<br /> body:has(.aur-compact) #content,<br /> body:has(.aur-compact) div#content {<br /> padding: 14px 22px !important;<br /> margin-top: 6px !important;<br /> }<br /> body:has(.aur-compact) #content::before,<br /> body:has(.aur-compact) #content::after {<br /> width: 10px !important;<br /> height: 10px !important;<br /> }<br /> <br /> /* Hero ainda menor */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 7px 18px 8px !important;<br /> margin-bottom: 6px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 2px !important;<br /> font-size: 8.5px !important;<br /> padding: 1px 8px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 10.5px !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> /* Banners e dividers ainda mais discretos */<br /> .aur-compact .aur-section-banner {<br /> margin: 6px auto 4px !important;<br /> padding: 5px 32px !important;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 12px !important; }<br /> .aur-compact .aur-divider { margin: 5px auto !important; }<br /> .aur-compact .aur-divider::before,<br /> .aur-compact .aur-divider::after { height: 1px !important; }<br /> .aur-compact .aur-divider span { font-size: 10px !important; }<br /> <br /> /* Grids e cells mais densos */<br /> .aur-compact .aur-info-grid { gap: 4px !important; margin-bottom: 5px !important; }<br /> .aur-compact .aur-info-cell {<br /> padding: 5px 8px !important;<br /> border-top-width: 2px !important;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 8.5px !important;<br /> letter-spacing: 0.9px !important;<br /> margin-bottom: 1px !important;<br /> }<br /> .aur-compact .aur-info-value { font-size: 11.5px !important; line-height: 1.2 !important; }<br /> .aur-compact .aur-info-value small { font-size: 9px !important; }<br /> <br /> /* Tip cards super compactos */<br /> .aur-compact .aur-tip-card {<br /> padding: 6px 12px !important;<br /> margin-bottom: 5px !important;<br /> gap: 10px !important;<br /> }<br /> .aur-compact .aur-tip-icon {<br /> width: 32px !important;<br /> height: 32px !important;<br /> }<br /> .aur-compact .aur-tip-icon .mw-file-element {<br /> width: 24px !important;<br /> height: 24px !important;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 8.5px !important;<br /> margin-bottom: 1px !important;<br /> letter-spacing: 1px !important;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 11px !important; line-height: 1.35 !important; }<br /> <br /> /* VIP banner tag menor */<br /> .aur-compact .aur-vip-tag {<br /> font-size: 8px !important;<br /> padding: 2px 6px !important;<br /> }<br /> .aur-compact .aur-section-banner-vip { padding-right: 28px !important; }<br /> <br /> /* === MESTRA DAS CLASSES — sprite + info row ============== */<br /> .aur-mestra-row {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 28px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-top: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 14px 22px;<br /> margin: 0 auto 10px;<br /> max-width: 560px;<br /> }<br /> .aur-mestra-sprite {<br /> flex-shrink: 0;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.06);<br /> border: 1px solid rgba(212,175,55,0.18);<br /> border-radius: 3px;<br /> padding: 6px;<br /> min-width: 140px;<br /> min-height: 140px;<br /> }<br /> .aur-mestra-sprite img,<br /> .aur-mestra-sprite .mw-file-element {<br /> image-rendering: pixelated !important;<br /> max-width: 160px !important;<br /> max-height: 160px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> }<br /> .aur-mestra-info {<br /> text-align: left;<br /> flex: 1;<br /> max-width: 280px;<br /> }<br /> .aur-mestra-info .aur-info-label {<br /> font-size: 9px !important;<br /> letter-spacing: 1.1px;<br /> color: #8a6c1e;<br /> text-transform: uppercase;<br /> margin-bottom: 2px;<br /> }<br /> .aur-mestra-info .aur-info-value {<br /> font-size: 14px !important;<br /> font-weight: 600;<br /> color: #1b1304;<br /> }<br /> .aur-mestra-info .aur-info-value small {<br /> font-size: 10.5px !important;<br /> font-weight: 400;<br /> color: #a09075;<br /> }<br /> <br /> /* yes / no badges nos valores */<br /> .aur-info-value.aur-yes { color: #1f8f4f !important; }<br /> .aur-info-value.aur-no { color: #b85050 !important; opacity: 0.7; }<br /> <br /> /* === Banner VIP sem tag (padding simétrico) ============== */<br /> .aur-section-banner-vip.aur-banner-no-tag {<br /> padding-left: 28px !important;<br /> padding-right: 28px !important;<br /> }<br /> <br /> /* === MESTRA — sprite SEM moldura ========================== */<br /> .aur-mestra-sprite-bare {<br /> flex-shrink: 0;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> min-width: 180px;<br /> }<br /> .aur-mestra-sprite-bare img,<br /> .aur-mestra-sprite-bare .mw-file-element {<br /> image-rendering: pixelated !important;<br /> max-width: 220px !important;<br /> max-height: 220px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> background: none !important;<br /> border: none !important;<br /> }<br /> <br /> /* === Botão Copiar /navi ================================== */<br /> .aur-navi-btn {<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> margin-top: 10px;<br /> padding: 7px 14px;<br /> background: linear-gradient(180deg, #d4af37 0%, #a8861f 100%);<br /> color: #1b1304;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> letter-spacing: 0.6px;<br /> text-transform: uppercase;<br /> border: 1px solid #8a6c1e;<br /> border-radius: 4px;<br /> cursor: pointer;<br /> box-shadow: 0 2px 6px rgba(212,175,55,0.3), inset 0 1px 0 rgba(255,255,255,0.25);<br /> transition: all 0.18s;<br /> }<br /> .aur-navi-btn:hover {<br /> background: linear-gradient(180deg, #f4d97a 0%, #d4af37 100%);<br /> transform: translateY(-1px);<br /> box-shadow: 0 4px 10px rgba(212,175,55,0.4);<br /> }<br /> .aur-navi-btn:active { transform: translateY(0); }<br /> .aur-navi-btn-icon { font-size: 13px; }<br /> <br /> /* === Descrição abaixo do bloco da Mestra ================== */<br /> .aur-mestra-desc {<br /> max-width: 620px;<br /> margin: 6px auto 12px;<br /> padding: 0 10px;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.55;<br /> color: #3a2614;<br /> text-align: center;<br /> }<br /> .aur-mestra-desc strong, .aur-mestra-desc b {<br /> color: #1b1304;<br /> font-weight: 700;<br /> }<br /> <br /> /* === Toast notification (copiou!) ======================== */<br /> .aur-toast {<br /> position: fixed;<br /> bottom: 32px;<br /> right: 32px;<br /> z-index: 100000;<br /> display: flex;<br /> align-items: center;<br /> gap: 14px;<br /> background: linear-gradient(180deg, #1b1304 0%, #0e0a02 100%);<br /> color: #fff;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> padding: 14px 18px 14px 16px;<br /> border: 1px solid rgba(212,175,55,0.5);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 4px;<br /> box-shadow: 0 10px 36px rgba(0,0,0,0.45), 0 0 20px rgba(212,175,55,0.18);<br /> min-width: 240px;<br /> max-width: 360px;<br /> opacity: 0;<br /> transform: translateX(20px);<br /> transition: all 0.32s cubic-bezier(0.16, 1, 0.3, 1);<br /> }<br /> .aur-toast-show {<br /> opacity: 1;<br /> transform: translateX(0);<br /> }<br /> .aur-toast-out {<br /> opacity: 0;<br /> transform: translateX(20px);<br /> }<br /> .aur-toast-icon {<br /> width: 28px;<br /> height: 28px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: linear-gradient(180deg, #d4af37, #a8861f);<br /> color: #1b1304;<br /> border-radius: 50%;<br /> font-size: 14px;<br /> font-weight: 800;<br /> flex-shrink: 0;<br /> box-shadow: 0 0 8px rgba(212,175,55,0.5);<br /> }<br /> .aur-toast strong { color: #f4d97a; font-weight: 700; }<br /> .aur-toast small {<br /> color: rgba(255,255,255,0.55);<br /> font-size: 11px;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> }<br /> <br /> /* === GIF Mestra menor (30% menos) ======================== */<br /> .aur-mestra-sprite-bare img,<br /> .aur-mestra-sprite-bare .mw-file-element {<br /> max-width: 150px !important;<br /> max-height: 150px !important;<br /> }<br /> .aur-mestra-sprite-bare { min-width: 150px !important; }<br /> <br /> /* === Botão /navi — versão sóbria/elegante ================ */<br /> .aur-navi-btn {<br /> display: inline-flex !important;<br /> align-items: center;<br /> gap: 7px;<br /> margin-top: 10px;<br /> padding: 7px 14px !important;<br /> background: rgba(27,19,4,0.95) !important;<br /> color: #f4d97a !important;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 0.5px !important;<br /> text-transform: none !important;<br /> border: 1px solid rgba(212,175,55,0.45) !important;<br /> border-radius: 3px !important;<br /> cursor: pointer;<br /> box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;<br /> transition: all 0.18s !important;<br /> }<br /> .aur-navi-btn:hover {<br /> background: #1b1304 !important;<br /> color: #fff !important;<br /> border-color: #d4af37 !important;<br /> box-shadow: 0 3px 10px rgba(212,175,55,0.25) !important;<br /> transform: none !important;<br /> }<br /> .aur-navi-btn:active { background: #0e0a02 !important; }<br /> .aur-navi-btn-icon {<br /> font-size: 12px !important;<br /> opacity: 0.85;<br /> }<br /> <br /> /* === Texto explicativo como card destacado ============== */<br /> .aur-mestra-desc-card {<br /> max-width: 600px;<br /> margin: 12px auto;<br /> padding: 14px 20px 14px 22px;<br /> background: linear-gradient(180deg, #fff 0%, #fdf8e8 100%);<br /> border: 1px solid rgba(212,175,55,0.28);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 3px;<br /> text-align: left;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.55;<br /> color: #3a2614;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.08);<br /> }<br /> .aur-mestra-desc-card strong,<br /> .aur-mestra-desc-card b { color: #1b1304; font-weight: 700; }<br /> .aur-mestra-desc-title {<br /> font-size: 9.5px;<br /> font-weight: 700;<br /> letter-spacing: 1.4px;<br /> text-transform: uppercase;<br /> color: #a8861f;<br /> margin-bottom: 6px;<br /> }<br /> <br /> /* === Botão /navi — sem ícone emoji, alinhado à info ===== */<br /> .aur-navi-btn {<br /> margin-top: 6px !important;<br /> padding: 6px 14px !important;<br /> }<br /> .aur-navi-btn-icon { display: none !important; }<br /> <br /> /* === Toast: barra dourada vertical no lugar do checkmark === */<br /> .aur-toast-bar {<br /> width: 3px;<br /> height: 28px;<br /> background: linear-gradient(180deg, #f4d97a, #d4af37);<br /> border-radius: 2px;<br /> box-shadow: 0 0 8px rgba(212,175,55,0.5);<br /> flex-shrink: 0;<br /> }<br /> .aur-toast-icon { display: none !important; }<br /> /* === Mestra: agrupar valor + botão /navi numa linha coesa === */<br /> .aur-mestra-loc-line {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> flex-wrap: wrap;<br /> }<br /> .aur-mestra-loc-line .aur-info-value { margin: 0 !important; }<br /> .aur-mestra-loc-line .aur-navi-btn { margin-top: 0 !important; }<br /> /* === Mestra: botao /navi grudado abaixo do valor (sem &quot;meio do nada&quot;) === */<br /> .aur-mestra-loc-line {<br /> display: flex !important;<br /> flex-direction: column !important;<br /> align-items: flex-start !important;<br /> gap: 6px !important;<br /> flex-wrap: nowrap !important;<br /> }<br /> .aur-mestra-loc-line .aur-info-value { margin: 0 !important; }<br /> .aur-mestra-loc-line .aur-navi-btn { margin-top: 0 !important; }<br /> <br /> /* === GRID DE ITENS (Caixa do Iniciante e afins) ========== */<br /> .aur-item-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 10px;<br /> margin: 0 auto 16px;<br /> max-width: 880px;<br /> }<br /> .aur-item-card {<br /> display: flex;<br /> align-items: center;<br /> gap: 12px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-left: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 10px 12px;<br /> text-align: left;<br /> transition: all 0.18s;<br /> }<br /> .aur-item-card:hover {<br /> border-left-color: #f4d97a;<br /> transform: translateY(-2px);<br /> box-shadow: 0 4px 12px rgba(212,175,55,0.15);<br /> }<br /> .aur-item-icon {<br /> flex-shrink: 0;<br /> width: 46px; height: 46px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.2);<br /> border-radius: 4px;<br /> }<br /> .aur-item-icon .mw-file-element {<br /> max-width: 40px !important;<br /> max-height: 40px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> image-rendering: pixelated;<br /> }<br /> .aur-item-info { flex: 1; min-width: 0; }<br /> .aur-item-name {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13.5px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> line-height: 1.25;<br /> }<br /> .aur-item-name small {<br /> font-weight: 600;<br /> color: #a8861f;<br /> font-size: 11px;<br /> }<br /> .aur-item-qty {<br /> display: inline-block;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> color: #8a6c1e;<br /> background: rgba(212,175,55,0.15);<br /> border-radius: 3px;<br /> padding: 1px 6px;<br /> margin-left: 4px;<br /> vertical-align: middle;<br /> }<br /> .aur-item-desc {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11.5px;<br /> color: #6a5536;<br /> line-height: 1.4;<br /> margin-top: 3px;<br /> }<br /> /* último item ímpar centraliza na coluna do meio (3-col) */<br /> .aur-item-grid &gt; .aur-item-card:last-child:nth-child(3n - 2) { grid-column: 2 / span 1; }<br /> @media (max-width: 800px) {<br /> .aur-item-grid { grid-template-columns: repeat(2, 1fr); }<br /> }<br /> /* compactação */<br /> .aur-compact .aur-item-grid { gap: 6px !important; margin-bottom: 8px !important; }<br /> .aur-compact .aur-item-card { padding: 7px 9px !important; gap: 9px !important; }<br /> .aur-compact .aur-item-icon { width: 40px !important; height: 40px !important; }<br /> .aur-compact .aur-item-icon .mw-file-element { max-width: 34px !important; max-height: 34px !important; }<br /> .aur-compact .aur-item-name { font-size: 12px !important; }<br /> .aur-compact .aur-item-name small { font-size: 10px !important; }<br /> .aur-compact .aur-item-desc { font-size: 10.5px !important; line-height: 1.35 !important; margin-top: 2px !important; }<br /> <br /> /* ===================================================================<br /> ÉDEN AUREUMRO — página dedicada (layout próprio)<br /> =================================================================== */<br /> .eden-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #1b1304; }<br /> .eden-wrap *, .eden-wrap *::before, .eden-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .eden-hero {<br /> position: relative; text-align: center; padding: 42px 24px 56px; border-radius: 10px;<br /> background:<br /> radial-gradient(circle at 50% -10%, rgba(244,217,122,0.28) 0%, transparent 55%),<br /> linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> border: 1px solid rgba(212,175,55,0.45);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18);<br /> overflow: hidden;<br /> }<br /> .eden-hero::after {<br /> content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;<br /> background: linear-gradient(90deg, transparent, #d4af37, transparent);<br /> }<br /> .eden-hero img { width: 92px; height: 92px; display: block; margin: 0 auto 14px; filter: drop-shadow(0 6px 14px rgba(212,175,55,0.45)); }<br /> .eden-hero .eden-badge {<br /> display: inline-block; font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase;<br /> color: #f4d97a; border: 1px solid rgba(244,217,122,0.45); border-radius: 999px; padding: 5px 16px; margin-bottom: 16px;<br /> }<br /> .eden-hero h1 {<br /> font-size: 40px; font-weight: 800; margin: 0 0 12px; color: #f7e9b8; letter-spacing: 0.5px;<br /> border: none; padding: 0; text-shadow: 0 2px 16px rgba(0,0,0,0.55);<br /> }<br /> .eden-hero p { font-size: 15.5px; color: #ecdcab; max-width: 620px; margin: 0 auto; line-height: 1.65; }<br /> <br /> /* STAT STRIP (sobrepõe a base do hero) */<br /> .eden-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: -34px auto 6px; max-width: 780px; position: relative; z-index: 3; padding: 0 10px; }<br /> .eden-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 7px; padding: 15px 8px; text-align: center; box-shadow: 0 8px 20px rgba(0,0,0,0.1); }<br /> .eden-stat b { display: block; font-size: 27px; font-weight: 800; color: #a8861f; line-height: 1; }<br /> .eden-stat span { display: block; font-size: 10.5px; text-transform: uppercase; letter-spacing: 1px; color: #8a6c1e; margin-top: 7px; font-weight: 600; }<br /> <br /> /* SECTION HEADING */<br /> .eden-h { text-align: center; margin: 40px 0 18px; }<br /> .eden-h span { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #a8861f; position: relative; padding: 0 22px; }<br /> .eden-h span::before, .eden-h span::after { content: &quot;&quot;; position: absolute; top: 50%; width: 46px; height: 1px; background: linear-gradient(90deg, transparent, #d4af37); }<br /> .eden-h span::before { right: 100%; transform: scaleX(-1); }<br /> .eden-h span::after { left: 100%; }<br /> <br /> /* LEAD */<br /> .eden-wrap .eden-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 760px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .eden-lead b { color: #a8861f; }<br /> <br /> /* STEPS / TIMELINE */<br /> .eden-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .eden-step { background: #fff; border: 1px solid rgba(212,175,55,0.25); border-radius: 8px; padding: 20px 15px 17px; text-align: center; transition: transform .18s, box-shadow .18s, border-color .18s; }<br /> .eden-step:hover { transform: translateY(-4px); box-shadow: 0 10px 22px rgba(212,175,55,0.2); border-color: #f4d97a; }<br /> .eden-step .n { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #1b1304; font-weight: 800; font-size: 16px; line-height: 36px; margin: 0 auto 12px; box-shadow: 0 4px 10px rgba(212,175,55,0.4); }<br /> .eden-step h4 { margin: 0 0 7px; font-size: 14.5px; color: #1b1304; font-weight: 700; border: none; padding: 0; }<br /> .eden-step p { margin: 0; font-size: 12.5px; line-height: 1.5; color: #6b5a2e; }<br /> <br /> /* TIER TABLE */<br /> .eden-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .eden-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .eden-tiers td { padding: 14px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; vertical-align: middle; }<br /> .eden-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .eden-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .eden-tiers .coin { color: #a8861f; font-weight: 800; white-space: nowrap; text-align: right; }<br /> .eden-tiers .coin img { width: 30px; height: 30px; vertical-align: -9px; margin-right: 7px; }<br /> .eden-tiers .mis { color: #5a4a22; }<br /> .eden-tiers .book { width: 72px; padding: 8px 0 8px 14px; }<br /> .eden-tiers .book img { width: 52px; height: auto; display: block; background: #fff; border-radius: 8px; padding: 4px; box-shadow: 0 1px 4px rgba(36,25,6,0.16); border: 1px solid rgba(212,175,55,0.35); }<br /> <br /> /* ECONOMY LOOP */<br /> .eden-loop { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: 8px; }<br /> .eden-node { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 8px; padding: 20px 16px; text-align: center; }<br /> .eden-node img { width: 58px; height: 58px; margin: 0 auto 10px; display: block; image-rendering: pixelated; image-rendering: crisp-edges; }<br /> .eden-node .dot { width: 38px; height: 38px; border-radius: 50%; margin: 0 auto 10px; background: linear-gradient(135deg, #f4d97a, #d4af37); }<br /> .eden-node h4 { margin: 0 0 7px; font-size: 13.5px; color: #a8861f; font-weight: 800; border: none; padding: 0; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .eden-node p { margin: 0; font-size: 12.5px; color: #6b5a2e; line-height: 1.5; }<br /> .eden-arrow { display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 26px; font-weight: 700; }<br /> .eden-loop-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 12px; font-style: italic; }<br /> <br /> /* ARMEIRO FEATURE CARDS */<br /> .eden-feats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }<br /> .eden-feat { background: #fff; border: 1px solid rgba(212,175,55,0.25); border-left: 4px solid #d4af37; border-radius: 7px; padding: 20px; transition: box-shadow .18s; }<br /> .eden-feat:hover { box-shadow: 0 8px 20px rgba(212,175,55,0.15); }<br /> .eden-feat h4 { margin: 0 0 9px; font-size: 15.5px; color: #1b1304; font-weight: 700; border: none; padding: 0; }<br /> .eden-feat p { margin: 0; font-size: 13px; line-height: 1.6; color: #5a4a22; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width: 850px) {<br /> .eden-stats { grid-template-columns: repeat(2, 1fr); }<br /> .eden-steps { grid-template-columns: repeat(2, 1fr); }<br /> .eden-loop { grid-template-columns: 1fr; }<br /> .eden-arrow { transform: rotate(90deg); padding: 2px 0; }<br /> .eden-feats { grid-template-columns: 1fr; }<br /> .eden-hero h1 { font-size: 31px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> CURANDEIRA — página bespoke (escopo .cura-wrap)<br /> ========================================================= */<br /> .cura-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> <br /> /* HERO */<br /> .cura-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35);<br /> background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .cura-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cura-hero img { width: auto; height: 171px; image-rendering: pixelated; filter: drop-shadow(0 8px 24px rgba(0,0,0,0.55)); }<br /> .cura-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .cura-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .cura-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> /* STATS STRIP (sobreposta à base do hero) */<br /> .cura-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .cura-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .cura-stat b { display: block; font-size: 24px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .cura-stat span { display: block; margin-top: 4px; font-size: 11.5px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.6px; }<br /> <br /> /* HEADINGS com linha dourada dos dois lados */<br /> .cura-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .cura-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .cura-h::before, .cura-h::after { content: &quot;&quot;; height: 1px; width: 90px; background: linear-gradient(90deg, transparent, #d4af37); }<br /> .cura-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> /* LEAD (especificidade alta p/ vencer .mw-parser-output p) */<br /> .cura-wrap .cura-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 760px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .cura-wrap .cura-lead b { color: #a8861f; }<br /> <br /> /* STEPS — timeline horizontal */<br /> .cura-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .cura-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; position: relative; }<br /> .cura-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .cura-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .cura-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> <br /> /* PRICE TABLE */<br /> .cura-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .cura-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .cura-tiers td { padding: 13px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; vertical-align: middle; }<br /> .cura-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .cura-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .cura-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .cura-tiers .price { text-align: right; font-weight: 800; color: #a8861f; white-space: nowrap; }<br /> .cura-tiers .free { color: #2e7d32; }<br /> <br /> /* PLANOS (Jogador x VIP) */<br /> .cura-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }<br /> .cura-plan { border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 22px 22px 20px; background: linear-gradient(180deg, #fff, #fdf8e8); }<br /> .cura-plan.vip { border: 1px solid #d4af37; box-shadow: 0 8px 22px rgba(212,175,55,0.2); background: linear-gradient(180deg, #fffaef, #fdf3d4); }<br /> .cura-plan-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }<br /> .cura-plan h4 { margin: 0; font-size: 18px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .cura-plan.vip h4 { color: #9a7a17; }<br /> .cura-plan .tag { font-size: 10.5px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; }<br /> .cura-plan .tag.t-free { background: #ece3c8; color: #6b5a2e; }<br /> .cura-plan .tag.t-vip { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .cura-plan ul { list-style: none; margin: 8px 0 0; padding: 0; }<br /> .cura-plan li { padding: 8px 0 8px 26px; position: relative; font-size: 13.8px; color: #3a2e12; border-top: 1px solid rgba(212,175,55,0.14); line-height: 1.45; }<br /> .cura-plan li:first-child { border-top: none; }<br /> .cura-plan li::before { content: &quot;✦&quot;; position: absolute; left: 2px; top: 8px; color: #d4af37; font-size: 12px; }<br /> .cura-plan .dur { margin-top: 14px; text-align: center; font-size: 12.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: #8a6c1e; background: rgba(212,175,55,0.12); border-radius: 8px; padding: 9px; }<br /> <br /> /* CIDADES — chips */<br /> .cura-cities { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; max-width: 880px; margin: 0 auto; }<br /> .cura-city { padding: 6px 13px; border-radius: 999px; background: #fdf8e8; border: 1px solid rgba(212,175,55,0.3); font-size: 13px; color: #5a4a22; font-weight: 600; }<br /> .cura-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 14px; font-style: italic; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width: 850px) {<br /> .cura-stats { grid-template-columns: repeat(2, 1fr); }<br /> .cura-steps { grid-template-columns: repeat(2, 1fr); }<br /> .cura-plans { grid-template-columns: 1fr; }<br /> .cura-hero h1 { font-size: 31px; }<br /> }<br /> /* CURANDEIRA — bloco &quot;sem desvalorizar o suporte&quot; (Sacerdote) */<br /> .cura-priest { border: 1px solid #d4af37; border-radius: 12px; padding: 26px 28px 24px; background: linear-gradient(180deg, #fffaef, #fdf3d4); box-shadow: 0 8px 22px rgba(212,175,55,0.18); max-width: 860px; margin: 0 auto; text-align: center; }<br /> .cura-priest h3 { margin: 0 0 10px; font-size: 19px; color: #9a7a17; font-weight: 800; border: none; padding: 0; letter-spacing: 0.3px; }<br /> .cura-priest p { margin: 0 auto; max-width: 700px; font-size: 14.5px; line-height: 1.7; color: #3a2e12; }<br /> .cura-priest p + p { margin-top: 10px; }<br /> .cura-priest b { color: #a8861f; }<br /> .cura-ladder-label { margin: 22px 0 10px; font-size: 11.5px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: #8a6c1e; }<br /> .cura-ladder { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 580px; margin: 0 auto; }<br /> .cura-rung { background: #fff; border: 1px solid rgba(212,175,55,0.32); border-radius: 10px; padding: 14px 8px; text-align: center; }<br /> .cura-rung.max { background: linear-gradient(135deg, #f4d97a, #d4af37); border-color: #d4af37; box-shadow: 0 5px 14px rgba(212,175,55,0.45); transform: translateY(-4px); }<br /> .cura-rung .lv { display: block; font-size: 21px; font-weight: 800; color: #a8861f; line-height: 1.1; }<br /> .cura-rung.max .lv { color: #3a2a06; }<br /> .cura-rung .who { display: block; margin-top: 4px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: #6b5a2e; line-height: 1.3; }<br /> .cura-rung.max .who { color: #4a3a0a; font-weight: 800; }<br /> @media (max-width: 850px) { .cura-priest { padding: 22px 18px; } }<br /> /* =========================================================<br /> ECONOMIA — página bespoke (escopo .econ-wrap)<br /> ========================================================= */<br /> .econ-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .econ-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .econ-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .econ-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .econ-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .econ-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .econ-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .econ-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .econ-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .econ-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .econ-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .econ-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .econ-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .econ-h::before, .econ-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .econ-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .econ-wrap .econ-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 780px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .econ-wrap .econ-lead b { color: #a8861f; }<br /> .econ-highlights { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .econ-card { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 18px 12px 16px; text-align: center; }<br /> .econ-card img { width: 44px; height: 44px; image-rendering: pixelated; margin-bottom: 8px; }<br /> .econ-card .nm { display: block; font-size: 12.5px; font-weight: 700; color: #1b1304; line-height: 1.3; min-height: 33px; }<br /> .econ-card .ba { margin-top: 8px; font-size: 12.5px; color: #9a8a5e; text-decoration: line-through; }<br /> .econ-card .af { font-size: 21px; font-weight: 800; color: #a8861f; line-height: 1.2; }<br /> .econ-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .econ-table th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase; padding: 12px 14px; text-align: left; font-weight: 700; }<br /> .econ-table th.r { text-align: right; }<br /> .econ-table td { padding: 8px 14px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13.5px; vertical-align: middle; }<br /> .econ-table tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .econ-table tbody tr:hover td { background: #f6ecc6; }<br /> .econ-table .ic { width: 30px; padding: 5px 0 5px 12px; }<br /> .econ-table .ic img { width: 26px; height: 26px; image-rendering: pixelated; vertical-align: middle; display: block; }<br /> .econ-table .nm { font-weight: 600; color: #2a2008; }<br /> .econ-table .be { text-align: right; color: #9a8a5e; text-decoration: line-through; white-space: nowrap; }<br /> .econ-table .arw { text-align: center; color: #d4af37; width: 22px; font-weight: 700; }<br /> .econ-table .af { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .econ-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 14px; font-style: italic; max-width: 760px; margin-left: auto; margin-right: auto; }<br /> @media (max-width: 850px) {<br /> .econ-stats { grid-template-columns: repeat(2, 1fr); }<br /> .econ-highlights { grid-template-columns: repeat(2, 1fr); }<br /> .econ-hero h1 { font-size: 31px; }<br /> .econ-h::before, .econ-h::after { width: 40px; }<br /> }<br /> /* ARMEIRO DO ÉDEN — loja de troca + encantamentos */<br /> .eden-armeiro-loc { text-align: center; font-size: 13px; color: #8a6c1e; margin: 0 0 8px; }<br /> .eden-armeiro-loc b { color: #a8861f; }<br /> .eden-shop { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }<br /> .eden-shopbox { border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }<br /> .eden-shopbox h4 { margin: 0; background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 12px; letter-spacing: 1.2px; text-transform: uppercase; padding: 12px 16px; border: none; font-weight: 700; }<br /> .eden-shopbox table { width: 100%; border-collapse: separate; border-spacing: 0; }<br /> .eden-shopbox td { padding: 8px 16px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13.5px; vertical-align: middle; }<br /> .eden-shopbox tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-shopbox tr:hover td { background: #f6ecc6; }<br /> .eden-shopbox .it { color: #2a2008; font-weight: 600; }<br /> .eden-shopbox .pr { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .eden-shopbox .pr img { width: 16px; height: 16px; vertical-align: -3px; margin-right: 4px; }<br /> .eden-feat ul { margin: 6px 0 0; padding-left: 0; list-style: none; }<br /> .eden-feat li { padding: 5px 0 5px 20px; position: relative; font-size: 13px; color: #3a2e12; line-height: 1.5; }<br /> .eden-feat li::before { content: &quot;\2726&quot;; position: absolute; left: 0; top: 6px; color: #d4af37; font-size: 11px; }<br /> @media (max-width: 850px) { .eden-shop { grid-template-columns: 1fr; } }<br /> /* ARMEIRO DO ÉDEN — portrait NPC, conjunto, /navi, tabela detalhada */<br /> .eden-armeiro { display: flex; gap: 24px; align-items: center; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 20px 26px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }<br /> .eden-armeiro img { width: 120px; height: auto; image-rendering: pixelated; flex-shrink: 0; filter: drop-shadow(0 7px 11px rgba(0,0,0,0.28)); }<br /> .eden-armeiro-txt { font-size: 14px; line-height: 1.6; color: #3a2e12; }<br /> .eden-armeiro-txt p { margin: 0 0 9px; }<br /> .eden-armeiro-txt p:last-child { margin-bottom: 0; }<br /> .eden-armeiro-txt b { color: #a8861f; }<br /> .navi-copy { color: #9a7a17; font-weight: 700; border-bottom: 1px dotted #d4af37; cursor: pointer; white-space: nowrap; transition: background 0.15s, color 0.15s; padding: 0 2px; border-radius: 3px; }<br /> .navi-copy:hover { color: #6e5410; background: rgba(212,175,55,0.16); }<br /> .eden-set { border: 1px dashed #d4af37; border-radius: 10px; padding: 14px 20px; background: rgba(212,175,55,0.08); font-size: 13.5px; line-height: 1.6; color: #3a2e12; text-align: center; max-width: 860px; margin: 0 auto; }<br /> .eden-set b { color: #a8861f; }<br /> .eden-wtable { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .eden-wtable th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 10.5px; letter-spacing: 1px; text-transform: uppercase; padding: 11px 12px; text-align: left; font-weight: 700; }<br /> .eden-wtable th.c, .eden-wtable td.c { text-align: center; }<br /> .eden-wtable th.r, .eden-wtable td.r { text-align: right; }<br /> .eden-wtable td { padding: 9px 12px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13px; vertical-align: middle; }<br /> .eden-wtable tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-wtable tbody tr:hover td { background: #f6ecc6; }<br /> .eden-wtable .ic { width: 30px; padding-left: 12px; }<br /> .eden-wtable .ic img { width: 26px; height: 26px; image-rendering: pixelated; vertical-align: middle; display: block; }<br /> .eden-wtable .nm { font-weight: 700; color: #1b1304; }<br /> .eden-wtable .lv, .eden-wtable .atk { text-align: center; color: #5a4a22; font-weight: 600; white-space: nowrap; }<br /> .eden-wtable .bn { font-size: 12px; color: #4a3e1e; line-height: 1.45; }<br /> .eden-wtable .bn b { color: #9a7a17; }<br /> .eden-wtable .pr { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .eden-wtable .pr img { width: 15px; height: 15px; vertical-align: -3px; margin-right: 3px; }<br /> @media (max-width: 850px) { .eden-armeiro { flex-direction: column; text-align: center; } .eden-wtable .bn { font-size: 11.5px; } }<br /> /* =========================================================<br /> VISUAIS — página bespoke (escopo .vis-wrap)<br /> ========================================================= */<br /> .vis-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .vis-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .vis-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vis-hero img { width: 110px; height: 110px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .vis-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .vis-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .vis-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .vis-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .vis-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .vis-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .vis-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .vis-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 40px 0 16px; }<br /> .vis-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .vis-h::before, .vis-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .vis-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .vis-wrap .vis-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .vis-wrap .vis-lead b { color: #a8861f; }<br /> .vis-msg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 8px; }<br /> .vis-msg-card { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 18px 18px 16px; }<br /> .vis-msg-card h4 { margin: 0 0 7px; font-size: 15px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .vis-msg-card p { margin: 0; font-size: 13px; color: #5a4a22; line-height: 1.55; }<br /> .vis-msg-card b { color: #a8861f; }<br /> /* legendary showcase */<br /> .vis-legend { display: flex; align-items: center; gap: 24px; background: linear-gradient(180deg, #fffaef, #fdf3d4); border: 1px solid #d4af37; border-radius: 12px; padding: 18px 26px; box-shadow: 0 8px 22px rgba(212,175,55,0.2); margin-bottom: 14px; }<br /> .vis-legend img { width: 130px; height: auto; image-rendering: pixelated; flex-shrink: 0; filter: drop-shadow(0 6px 10px rgba(0,0,0,0.25)); }<br /> .vis-legend-txt h4 { margin: 8px 0 6px; font-size: 20px; color: #9a7a17; font-weight: 800; border: none; padding: 0; }<br /> .vis-legend-txt p { margin: 0; font-size: 13.5px; color: #3a2e12; line-height: 1.6; }<br /> .vis-legend-txt b { color: #a8861f; }<br /> /* gallery */<br /> .vis-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }<br /> .vis-card { width: 132px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 8px 6px 10px; text-align: center; transition: transform 0.12s, box-shadow 0.12s; }<br /> .vis-card:hover { transform: translateY(-3px); box-shadow: 0 8px 18px rgba(0,0,0,0.12); }<br /> .vis-card.leg { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .vis-card.rare { border-color: #9b6bd4; }<br /> .vis-card img { display: block; height: 132px; width: auto; max-width: 100%; margin: 0 auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .vis-noimg { height: 132px; display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 30px; }<br /> .vis-nm { display: block; margin-top: 6px; font-size: 11.5px; font-weight: 600; color: #2a2008; line-height: 1.25; min-height: 28px; }<br /> .vis-rb { display: inline-block; margin-top: 4px; font-size: 9px; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; }<br /> .vis-rb.leg { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .vis-rb.rare { background: #ece0f7; color: #6b3fa0; }<br /> .vis-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 24px auto 0; font-style: italic; max-width: 780px; }<br /> @media (max-width: 850px) {<br /> .vis-stats { grid-template-columns: repeat(2, 1fr); }<br /> .vis-msg { grid-template-columns: 1fr; }<br /> .vis-legend { flex-direction: column; text-align: center; }<br /> .vis-hero h1 { font-size: 31px; }<br /> .vis-card { width: 108px; }<br /> .vis-card img { height: 108px; }<br /> }<br /> /* [ROT2] abas de rotacao e cards grandes */<br /> /* abas em CSS puro: os radios ficam antes da barra e dos paineis, e o<br /> combinador de irmaos liga o radio marcado ao painel correspondente.<br /> Sem JS, que nao roda dentro do bloco de HTML cru da wiki. */<br /> .vis-tabs input[name=&quot;visrot&quot;] { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }<br /> .vis-tabbar { display: flex; justify-content: center; gap: 10px; margin: 34px 0 8px; flex-wrap: wrap; }<br /> .vis-tabbar label { cursor: pointer; font-size: 13px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 10px 24px; border-radius: 999px; border: 1px solid rgba(212,175,55,0.45); color: #8a6c1e; background: linear-gradient(180deg, #fff, #fdf8e8); transition: background 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s; }<br /> .vis-tabbar label:hover { border-color: #d4af37; color: #5a4a12; }<br /> .vis-tabbar label b { font-weight: 800; opacity: 0.75; }<br /> .vis-pane { display: none; }<br /> #visrot2:checked ~ .vis-pane.vis-pane2, #visrot1:checked ~ .vis-pane.vis-pane1 { display: block; }<br /> #visrot2:checked ~ .vis-tabbar label[for=&quot;visrot2&quot;], #visrot1:checked ~ .vis-tabbar label[for=&quot;visrot1&quot;] { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; border-color: #d4af37; box-shadow: 0 4px 14px rgba(212,175,55,0.35); }<br /> /* raridade nova da 2a rotacao (a 1a so tinha leg e rare) */<br /> .vis-card.epic { border-color: #9b6bd4; }<br /> .vis-rb.epic { background: #ece0f7; color: #6b3fa0; }<br /> /* card duplo: nos visuais que vem com efeito do cliente o efeito ocupa boa<br /> parte do quadro, e num card normal o personagem fica pequeno demais. A<br /> imagem tem 456 px de altura = 1,73x os 264 px do card, a mesma reducao do<br /> resto da pagina — ou seja sem perda de nitidez. */<br /> .vis-card.gg { width: 216px; }<br /> .vis-card.gg img { height: 264px; }<br /> /* no destaque a regra da 1a rotacao fixa a LARGURA, entao um visual estreito e<br /> alto (o Pequeno Aprendiz e 102x242) vira um bloco de 308 px de altura, o<br /> dobro dos outros. Aqui vale a ALTURA, e todos ficam do mesmo tamanho. */<br /> /* a galeria e flex e o padrao (align-items: stretch) estica todo card da linha<br /> ate a altura do maior. Com o card duplo na mesma linha, os cards normais<br /> viravam blocos de 264 px com a imagem de 132 px encostada no topo. */<br /> .vis-pane2 .vis-gallery { align-items: flex-start; }<br /> .vis-pane2 .vis-legend img { width: auto; height: 140px; }<br /> .vis-pane2 .vis-legend.gg img { height: 250px; }<br /> @media (max-width: 850px) {<br /> .vis-card.gg { width: 176px; }<br /> .vis-card.gg img { height: 216px; }<br /> .vis-pane2 .vis-legend img { height: 120px; }<br /> .vis-pane2 .vis-legend.gg img { height: 200px; }<br /> .vis-tabbar label { padding: 9px 16px; font-size: 12px; }<br /> }<br /> <br /> /* =========================================================<br /> TELEPORTADORA — página bespoke (escopo .tele-wrap)<br /> ========================================================= */<br /> .tele-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .tele-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .tele-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .tele-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .tele-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .tele-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .tele-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .tele-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .tele-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tele-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .tele-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .tele-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .tele-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .tele-h::before, .tele-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .tele-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .tele-wrap .tele-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 780px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .tele-wrap .tele-lead b { color: #a8861f; }<br /> .tele-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .tele-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; }<br /> .tele-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .tele-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .tele-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> .tele-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .tele-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .tele-tiers td { padding: 13px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; }<br /> .tele-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .tele-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .tele-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .tele-tiers .price { text-align: right; font-weight: 800; color: #a8861f; white-space: nowrap; }<br /> .tele-tiers .free { color: #2e7d32; }<br /> .tele-dest { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }<br /> .tele-destbox { border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 18px 18px 16px; background: linear-gradient(180deg, #fff, #fdf8e8); }<br /> .tele-destbox.vip { border-color: #d4af37; box-shadow: 0 6px 18px rgba(212,175,55,0.14); background: linear-gradient(180deg, #fffaef, #fdf3d4); }<br /> .tele-desthead { display: flex; align-items: center; justify-content: space-between; }<br /> .tele-desthead h4 { margin: 0; font-size: 17px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .tele-tag { font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; }<br /> .tele-tag.t-free { background: #d7f0d8; color: #2e7d32; }<br /> .tele-tag.t-vip { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .tele-destn { margin: 6px 0 12px; font-size: 12px; color: #6b5a2e; }<br /> .tele-chips { display: flex; flex-wrap: wrap; gap: 6px; }<br /> .tele-chips-center { justify-content: center; max-width: 880px; margin: 0 auto; }<br /> .tele-chip { padding: 4px 10px; border-radius: 999px; background: #fdf8e8; border: 1px solid rgba(212,175,55,0.3); font-size: 12px; color: #5a4a22; font-weight: 600; }<br /> .tele-destbox.vip .tele-chip { background: #fff; }<br /> .tele-chip.city { font-size: 13px; padding: 6px 13px; }<br /> .tele-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 22px auto; font-style: italic; max-width: 820px; background: rgba(212,175,55,0.08); border: 1px dashed #d4af37; border-radius: 10px; padding: 14px 20px; }<br /> .tele-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .tele-stats { grid-template-columns: repeat(2, 1fr); }<br /> .tele-steps { grid-template-columns: repeat(2, 1fr); }<br /> .tele-dest { grid-template-columns: 1fr; }<br /> .tele-hero h1 { font-size: 31px; }<br /> }<br /> /* =========================================================<br /> ESTILISTA — página bespoke (escopo .est-wrap)<br /> ========================================================= */<br /> .est-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .est-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .est-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .est-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .est-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .est-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .est-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .est-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .est-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .est-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .est-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .est-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .est-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .est-h::before, .est-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .est-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .est-wrap .est-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .est-wrap .est-lead b { color: #a8861f; }<br /> .est-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .est-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; }<br /> .est-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .est-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .est-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> .est-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }<br /> .est-card { width: 150px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 10px 8px 12px; text-align: center; display: flex; flex-direction: column; }<br /> .est-card.mounted { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .est-card img { height: 150px; width: auto; max-width: 100%; margin: 0 auto auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .est-mount { position: absolute; top: 8px; right: 8px; font-size: 9px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .est-cap { display: block; margin-top: 8px; font-size: 11px; font-weight: 600; color: #5a4a22; line-height: 1.3; }<br /> .est-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 24px auto 0; font-style: italic; max-width: 800px; }<br /> .est-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .est-stats { grid-template-columns: repeat(2, 1fr); }<br /> .est-steps { grid-template-columns: repeat(2, 1fr); }<br /> .est-hero h1 { font-size: 31px; }<br /> }<br /> /* =========================================================<br /> ITEM RECOLOR — página bespoke (escopo .ir-wrap)<br /> ========================================================= */<br /> .ir-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .ir-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .ir-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .ir-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .ir-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .ir-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .ir-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .ir-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .ir-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .ir-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .ir-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .ir-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 36px 0 4px; }<br /> .ir-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .ir-h::before, .ir-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .ir-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .ir-wrap .ir-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .ir-wrap .ir-lead b { color: #a8861f; }<br /> .ir-fam { text-align: center; font-size: 11.5px; color: #8a6c1e; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 12px; }<br /> .ir-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .ir-card { width: 116px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 8px 6px 9px; text-align: center; display: flex; flex-direction: column; }<br /> .ir-card.orig { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .ir-card img { height: 116px; width: auto; max-width: 100%; margin: 0 auto auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .ir-noimg { height: 116px; display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 26px; }<br /> .ir-orig { position: absolute; top: 7px; left: 50%; transform: translateX(-50%); font-size: 8.5px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .ir-cap { display: block; margin-top: 6px; font-size: 11px; font-weight: 600; color: #5a4a22; line-height: 1.25; }<br /> .ir-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 26px auto 0; font-style: italic; max-width: 800px; }<br /> .ir-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .ir-stats { grid-template-columns: repeat(2, 1fr); }<br /> .ir-hero h1 { font-size: 31px; }<br /> .ir-card { width: 96px; }<br /> .ir-card img { height: 96px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> AURAS — página bespoke (escopo .aurp-wrap)<br /> ========================================================= */<br /> .aurp-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .aurp-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .aurp-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .aurp-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .aurp-badge2 { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .aurp-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .aurp-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .aurp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .aurp-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .aurp-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .aurp-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .aurp-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 4px; }<br /> .aurp-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .aurp-h::before, .aurp-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .aurp-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .aurp-wrap .aurp-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 820px; margin-left: auto; margin-right: auto; margin-bottom: 10px; color: #2a2008; }<br /> .aurp-wrap .aurp-lead b { color: #a8861f; }<br /> .aurp-types { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; max-width: 880px; margin: 12px auto 4px; }<br /> .aurp-type { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 18px 14px; text-align: center; }<br /> .aurp-type .n { font-size: 26px; font-weight: 800; color: #a8861f; line-height: 1; }<br /> .aurp-type .t { font-weight: 800; margin-top: 6px; color: #3a2c0a; font-size: 15px; }<br /> .aurp-type .d { font-size: 12.5px; color: #6b5a2e; margin-top: 4px; line-height: 1.45; }<br /> .aurp-flex { max-width: 860px; margin: 24px auto 6px; border-radius: 14px; padding: 24px 28px; text-align: center; border: 1px solid rgba(212,175,55,0.45); background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.22), transparent 60%), linear-gradient(180deg, #241906, #0d0901); }<br /> .aurp-flex .ft { font-size: 19px; font-weight: 800; color: #f4d97a; margin-bottom: 8px; }<br /> .aurp-wrap .aurp-flex p { color: #e9dcc0; font-size: 14.5px; line-height: 1.65; margin: 0 auto; max-width: 720px; }<br /> .aurp-flex p b { color: #f4d97a; }<br /> .aurp-packs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 900px; margin: 12px auto 4px; }<br /> .aurp-pack { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 20px 18px; text-align: center; border-top: 4px solid #d4af37; }<br /> .aurp-pack .pn { font-size: 19px; font-weight: 800; margin-bottom: 6px; }<br /> .aurp-pack .pd { font-size: 13px; color: #5a4a22; line-height: 1.5; }<br /> .aurp-pack .pd b { color: #a8861f; }<br /> .aurp-prata { border-top-color: #9fb1c4; } .aurp-prata .pn { color: #6f7d8c; }<br /> .aurp-gold { border-top-color: #d4af37; } .aurp-gold .pn { color: #a8861f; }<br /> .aurp-diam { border-top-color: #5fc8d4; } .aurp-diam .pn { color: #2f9aa6; }<br /> .aurp-sub { text-align: center; font-size: 12px; color: #8a6c1e; text-transform: uppercase; letter-spacing: 1px; margin: 2px 0 14px; }<br /> .aurp-gal { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .aurp-card { position: relative; width: 152px; height: 170px; border-radius: 10px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 4px 14px rgba(0,0,0,0.12); background: #0d0901; }<br /> .aurp-card img { width: 100%; height: 100%; object-fit: cover; display: block; }<br /> .aurp-bdg { position: absolute; top: 7px; right: 7px; font-size: 9px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 8px; border-radius: 999px; color: #241906; }<br /> .aurp-tier-Prata .aurp-bdg { background: linear-gradient(135deg, #eef2f7, #9fb1c4); }<br /> .aurp-tier-Gold .aurp-bdg { background: linear-gradient(135deg, #f4d97a, #d4af37); }<br /> .aurp-tier-Diamante .aurp-bdg { background: linear-gradient(135deg, #c4f1f6, #5fc8d4); }<br /> .aurp-tier-Prata { border-color: rgba(159,177,196,0.6); }<br /> .aurp-tier-Diamante { border-color: rgba(95,200,212,0.55); }<br /> .aurp-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 26px auto 0; font-style: italic; max-width: 800px; }<br /> @media (max-width: 850px) {<br /> .aurp-stats { grid-template-columns: repeat(2, 1fr); }<br /> .aurp-types, .aurp-packs { grid-template-columns: 1fr; }<br /> .aurp-hero h1 { font-size: 31px; }<br /> .aurp-card { width: 120px; height: 138px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> PÁGINA PRINCIPAL — redesign bespoke (escopo .hm-wrap)<br /> ========================================================= */<br /> .hm-wrap { max-width: 1080px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .hm-hero { position: relative; text-align: center; padding: 56px 24px 48px; border-radius: 18px; overflow: hidden; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 50% -25%, rgba(244,217,122,0.30), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.14), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .hm-hero::before { content: &quot;✦&quot;; position: absolute; top: 18px; right: 26px; color: rgba(212,175,55,0.28); font-size: 30px; }<br /> .hm-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .hm-selo { display: inline-block; padding: 5px 17px; border: 1px solid rgba(212,175,55,0.55); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 2.4px; text-transform: uppercase; font-weight: 700; }<br /> .hm-wrap h1.hm-title { margin: 16px 0 8px; font-size: 62px; line-height: 1; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 1px; text-shadow: 0 3px 26px rgba(212,175,55,0.35); }<br /> .hm-tag { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 16px; line-height: 1.62; }<br /> .hm-tag i { color: #f4d97a; font-style: italic; }<br /> .hm-cta { display: flex; gap: 14px; justify-content: center; margin-top: 26px; flex-wrap: wrap; }<br /> .hm-wrap a.hm-btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 28px; border-radius: 11px; font-weight: 700; font-size: 15px; text-decoration: none; transition: transform .15s, box-shadow .15s; }<br /> .hm-wrap a.hm-btn-primary { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07; box-shadow: 0 8px 22px rgba(212,175,55,0.38); }<br /> .hm-wrap a.hm-btn-ghost { border: 1px solid rgba(212,175,55,0.6); color: #f4d97a; }<br /> .hm-wrap a.hm-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.45); }<br /> /* ---- Aviso de BETA (em evidência) ---- */<br /> .hm-beta { position: relative; overflow: hidden; margin: 22px auto 4px; max-width: 1000px; display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; padding: 24px 30px; border-radius: 16px; border: 1.5px solid rgba(244,217,122,0.65); background: radial-gradient(ellipse at 0% 0%, rgba(244,217,122,0.22), transparent 55%), linear-gradient(135deg, #3a2a08, #160f04); box-shadow: 0 0 0 1px rgba(244,217,122,0.12), 0 12px 34px rgba(0,0,0,0.35); }<br /> .hm-beta-l { display: flex; flex-direction: column; gap: 6px; min-width: 280px; flex: 1; }<br /> .hm-beta-badge { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; padding: 4px 13px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07; font-weight: 800; font-size: 12px; letter-spacing: 1.5px; }<br /> .hm-beta-dot { width: 9px; height: 9px; border-radius: 50%; background: #2a1d07; box-shadow: 0 0 0 0 rgba(42,29,7,0.6); animation: hmpulse 1.6s infinite; }<br /> @keyframes hmpulse { 0% { box-shadow: 0 0 0 0 rgba(42,29,7,0.55); } 70% { box-shadow: 0 0 0 7px rgba(42,29,7,0); } 100% { box-shadow: 0 0 0 0 rgba(42,29,7,0); } }<br /> .hm-beta-t { font-size: 21px; font-weight: 800; color: #f4d97a; line-height: 1.2; }<br /> .hm-wrap .hm-beta-s { color: #e9dcc0; font-size: 14px; line-height: 1.55; margin: 2px 0 0; max-width: 620px; }<br /> .hm-beta-s b { color: #f4d97a; }<br /> .hm-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 900px; margin: -30px auto 8px; position: relative; }<br /> .hm-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 11px; padding: 15px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .hm-stat b { display: block; font-size: 17px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .hm-stat span { display: block; margin-top: 3px; font-size: 10.5px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.6px; }<br /> .hm-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 42px 0 6px; }<br /> .hm-h span { font-size: 14px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .hm-h::before, .hm-h::after { content: &quot;&quot;; height: 1px; width: 90px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .hm-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .hm-sub { text-align: center; color: #8a6c1e; font-size: 13px; margin: 0 auto 16px; max-width: 640px; }<br /> /* Fix centralizacao: .mw-parser-output p (0,1,1) zera margin-left/right; 2 classes (0,2,0) vencem */<br /> .hm-wrap .hm-tag, .hm-wrap .hm-sub { margin-left: auto; margin-right: auto; }<br /> .hm-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin: 12px 0; }<br /> .hm-wrap a.hm-card { width: 152px; box-sizing: border-box; padding: 18px 12px 16px; border-radius: 14px; text-align: center; text-decoration: none; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); transition: transform .16s, box-shadow .16s, border-color .16s; display: flex; flex-direction: column; align-items: center; gap: 11px; color: #3a2c0a; }<br /> .hm-wrap a.hm-card:hover { transform: translateY(-5px); box-shadow: 0 12px 26px rgba(0,0,0,0.15); border-color: #d4af37; }<br /> .hm-card img { width: 74px; height: 74px; object-fit: contain; filter: drop-shadow(0 2px 5px rgba(0,0,0,0.22)); }<br /> .hm-card span { font-weight: 700; font-size: 14px; line-height: 1.25; }<br /> .hm-sys a.hm-card { width: 168px; }<br /> .hm-soon { max-width: 900px; margin: 16px auto 6px; padding: 24px 28px; border-radius: 14px; text-align: center; border: 1px dashed rgba(212,175,55,0.55); background: linear-gradient(180deg, rgba(244,217,122,0.07), rgba(244,217,122,0.02)); }<br /> .hm-soon-t { font-weight: 800; color: #a8861f; font-size: 15px; letter-spacing: 0.5px; }<br /> .hm-soon p { margin: 6px auto 0; color: #6b5a2e; font-size: 13.5px; line-height: 1.55; max-width: 600px; }<br /> .hm-soon p b { color: #a8861f; }<br /> .hm-banner { margin: 40px auto 8px; max-width: 1000px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding: 26px 32px; border-radius: 16px; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 0% 0%, rgba(244,217,122,0.18), transparent 55%), linear-gradient(135deg, #2a1d07, #0d0901); }<br /> .hm-banner-t { font-size: 21px; font-weight: 800; color: #f4d97a; }<br /> .hm-banner-s { color: #e9dcc0; font-size: 14px; margin-top: 4px; max-width: 560px; line-height: 1.5; }<br /> .hm-banner-tags { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }<br /> .hm-tag-pill { padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(212,175,55,0.5); color: #f4d97a; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; }<br /> @media (max-width: 860px) {<br /> .hm-wrap h1.hm-title { font-size: 42px; }<br /> .hm-stats { grid-template-columns: repeat(2, 1fr); }<br /> .hm-wrap a.hm-card, .hm-sys a.hm-card { width: 44%; }<br /> .hm-banner { flex-direction: column; text-align: center; }<br /> }<br /> <br /> /* =========================================================<br /> LOJA DE CASH — página bespoke (escopo .cash-wrap)<br /> ========================================================= */<br /> .cash-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .cash-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .cash-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cash-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .cash-badge { display: inline-block; margin: 14px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .cash-wrap h1 { margin: 6px 0 10px; font-size: 38px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .cash-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.6; }<br /> .cash-hero p b { color: #f4d97a; }<br /> .cash-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 34px 0 12px; }<br /> .cash-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .cash-h::before, .cash-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .cash-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .cash-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .cash-card { width: 136px; box-sizing: border-box; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 12px 8px 10px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 7px; transition: transform .14s, box-shadow .14s, border-color .14s; }<br /> .cash-card:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(0,0,0,0.13); border-color: #d4af37; }<br /> .cash-ic { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; }<br /> .cash-ic img { max-width: 56px; max-height: 56px; object-fit: contain; image-rendering: -webkit-optimize-contrast; }<br /> .cash-nm { font-size: 12px; font-weight: 600; color: #3a2c0a; line-height: 1.22; min-height: 29px; display: flex; align-items: center; }<br /> .cash-pr { font-size: 12.5px; font-weight: 800; color: #a8861f; background: rgba(212,175,55,0.12); border-radius: 6px; padding: 2px 8px; }<br /> .cash-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 28px auto 0; font-style: italic; max-width: 760px; }<br /> .cash-note b { color: #a8861f; }<br /> @media (max-width: 850px) { .cash-card { width: 30%; } .cash-hero h1 { font-size: 30px; } }<br /> /* ============================================================<br /> VIP — página bespoke (escopo .vip-wrap) — v3 (1 bloco escuro = hero)<br /> ============================================================ */<br /> .vip-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .vip-wrap *, .vip-wrap *::before, .vip-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .vip-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .vip-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vip-hero img.vip-ico { width: 104px; height: 104px; display:block; margin: 0 auto 8px; border-radius: 18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.40)); }<br /> .vip-badge { display:inline-block; margin: 4px 0; padding: 5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .vip-wrap h1 { margin: 8px 0 12px; font-size: 40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow: 0 2px 16px rgba(0,0,0,0.55); }<br /> .vip-hero p { max-width: 660px; margin: 0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .vip-hero p b { color:#f4d97a; }<br /> <br /> /* STAT STRIP (sobrepoe a base do hero) */<br /> .vip-stats { display:grid; grid-template-columns: repeat(4, 1fr); gap:12px; margin:-34px auto 6px; max-width:840px; position:relative; z-index:3; padding:0 10px; }<br /> .vip-stat { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .vip-stat b { display:block; font-size:26px; font-weight:800; color:#a8861f; line-height:1; }<br /> .vip-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .vip-h { display:flex; align-items:center; justify-content:center; gap:14px; margin: 44px 0 14px; }<br /> .vip-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .vip-h::before, .vip-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .vip-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .vip-wrap .vip-lead { text-align:center; font-size:15px; line-height:1.7; max-width:770px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .vip-lead b { color:#a8861f; }<br /> .vip-wrap .vip-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:720px; }<br /> <br /> /* STEPS — cards claros com círculo dourado (igual Curandeira) */<br /> .vip-steps { display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; }<br /> .vip-step { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:22px 16px 18px; text-align:center; transition:transform .16s, box-shadow .16s, border-color .16s; }<br /> .vip-step:hover { transform:translateY(-4px); box-shadow:0 10px 22px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vip-step .n { width:34px; height:34px; border-radius:50%; margin:0 auto 12px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(212,175,55,0.4); }<br /> .vip-step h4 { margin:0 0 7px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .vip-step p { margin:0; font-size:13px; color:#6b5a2e; line-height:1.5; }<br /> .vip-step a { color:#9a7a17; font-weight:700; border-bottom:1px dotted #d4af37; text-decoration:none; }<br /> .vip-step a:hover { color:#6e5410; }<br /> <br /> /* FEATURE — NPC em card claro (estilo Armeiro do Éden) */<br /> .vip-feature { display:flex; gap:24px; align-items:center; background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 26px; box-shadow:0 6px 18px rgba(0,0,0,0.06); margin-top:14px; }<br /> .vip-feature img { height:118px; image-rendering:pixelated; flex-shrink:0; filter: drop-shadow(0 7px 11px rgba(0,0,0,0.28)); }<br /> .vip-feature-txt { font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .vip-feature-txt h4 { margin:0 0 6px; font-size:16px; color:#9a7a17; font-weight:800; border:none; padding:0; }<br /> .vip-feature-txt p { margin:0; }<br /> .vip-feature-txt b { color:#a8861f; }<br /> <br /> /* COMPARISON TABLE */<br /> .vip-cmp { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .vip-cmp th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; padding:13px 16px; text-align:left; font-weight:700; }<br /> .vip-cmp th.c { text-align:center; }<br /> .vip-cmp td { padding:12px 16px; border-top:1px solid rgba(212,175,55,0.15); font-size:14px; vertical-align:middle; }<br /> .vip-cmp tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .vip-cmp tbody tr:hover td { background:#f6ecc6; }<br /> .vip-cmp .feat { font-weight:700; color:#1b1304; }<br /> .vip-cmp .base { color:#8a7340; text-align:center; }<br /> .vip-cmp th.vipc { background:linear-gradient(180deg,#4a360f,#2a1d07); color:#f7e9b8; text-align:center; border-left:1px solid rgba(212,175,55,0.35); }<br /> .vip-cmp td.vipc { text-align:center; font-weight:800; color:#7a5a10; background:rgba(212,175,55,0.16); border-left:1px solid rgba(212,175,55,0.3); }<br /> .vip-cmp tbody tr:nth-child(even) td.vipc { background:rgba(212,175,55,0.22); }<br /> .vip-cmp tbody tr:hover td.vipc { background:rgba(212,175,55,0.30); }<br /> <br /> /* COMMAND CARDS */<br /> .vip-cmds { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }<br /> .vip-cmd { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:9px; padding:14px 16px; transition:box-shadow .14s; }<br /> .vip-cmd:hover { box-shadow:0 8px 18px rgba(212,175,55,0.16); }<br /> .vip-cmd b { display:block; font-family:'Consolas','Courier New',monospace; font-size:15px; color:#a8861f; font-weight:800; }<br /> .vip-cmd small { display:block; color:#8a6c1e; font-size:11px; margin:2px 0 6px; }<br /> .vip-cmd span { display:block; font-size:12.5px; color:#4a3a14; line-height:1.45; }<br /> <br /> /* SHOP CATALOG */<br /> .vip-shop { border:1px solid rgba(212,175,55,0.3); border-radius:10px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .vip-shop-cat { padding:14px 18px; border-top:1px solid rgba(212,175,55,0.18); }<br /> .vip-shop-cat:first-child { border-top:none; }<br /> .vip-shop-cat:nth-child(even) { background:#fdf8e8; }<br /> .vip-shop-label { font-size:11px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin-bottom:10px; text-align:center; }<br /> .vip-shop-items { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }<br /> .vip-item { display:flex; align-items:center; gap:8px; background:#fff; border:1px solid rgba(212,175,55,0.28); border-radius:8px; padding:5px 12px 5px 7px; transition:transform .12s, box-shadow .12s, border-color .12s; }<br /> .vip-item:hover { transform:translateY(-2px); box-shadow:0 6px 14px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vip-item img { width:28px; height:28px; object-fit:contain; image-rendering:pixelated; }<br /> .vip-item span { font-size:12.5px; color:#3a2c0a; font-weight:600; white-space:nowrap; }<br /> <br /> /* NPCS */<br /> .vip-npcs { display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; }<br /> .vip-npc { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:14px 14px 16px; text-align:center; display:flex; flex-direction:column; align-items:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vip-npc:hover { transform:translateY(-3px); box-shadow:0 10px 22px rgba(0,0,0,0.12); border-color:#f4d97a; }<br /> .vip-npc-spr { height:118px; display:flex; align-items:flex-end; justify-content:center; margin-bottom:8px; }<br /> .vip-npc-spr img { max-height:118px; image-rendering:pixelated; }<br /> .vip-npc h3 { font-size:15px; color:#a8861f; margin:0 0 3px; border:none; padding:0; font-weight:800; }<br /> .vip-npc .vip-loc { font-size:12px; margin-bottom:8px; }<br /> .vip-npc p { font-size:12.5px; color:#4a3a14; line-height:1.45; margin:0; }<br /> <br /> /* SERVIÇOS COM VANTAGEM VIP (cards claros com ícone da página) */<br /> .vip-svc { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .vip-svc-card { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:20px 18px; text-align:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vip-svc-card:hover { transform:translateY(-3px); box-shadow:0 10px 22px rgba(0,0,0,0.1); border-color:#f4d97a; }<br /> .vip-svc-card img { width:64px; height:64px; object-fit:contain; border-radius:12px; margin:0 auto 10px; display:block; box-shadow:0 4px 10px rgba(0,0,0,0.14); }<br /> .vip-svc-card h3 { font-size:15px; margin:0 0 8px; border:none; padding:0; font-weight:800; }<br /> .vip-svc-card h3 a { color:#a8861f; text-decoration:none; }<br /> .vip-svc-card h3 a:hover { color:#6e5410; text-decoration:underline; }<br /> .vip-svc-card p { font-size:12.8px; color:#4a3a14; line-height:1.5; margin:0; }<br /> .vip-svc-card b { color:#a8861f; }<br /> <br /> /* NOTE */<br /> .vip-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:780px; }<br /> .vip-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .vip-stats { grid-template-columns: repeat(2, 1fr); }<br /> .vip-steps { grid-template-columns:1fr; }<br /> .vip-cmds { grid-template-columns:1fr; }<br /> .vip-npcs { grid-template-columns: repeat(2, 1fr); }<br /> .vip-svc { grid-template-columns:1fr; }<br /> .vip-feature { flex-direction:column; text-align:center; }<br /> .vip-cmp th, .vip-cmp td { padding:10px 9px; font-size:13px; }<br /> }<br /> <br /> /* ============================================================<br /> MVP REFORMULADO — página bespoke (escopo .mvp-wrap)<br /> ============================================================ */<br /> .mvp-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .mvp-wrap *, .mvp-wrap *::before, .mvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .mvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.24) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .mvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .mvp-hero img.mvp-ico { width:108px; height:108px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.40)); }<br /> .mvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .mvp-wrap h1 { margin:8px 0 12px; font-size:38px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .mvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .mvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .mvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:860px; position:relative; z-index:3; padding:0 10px; }<br /> .mvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .mvp-stat b { display:block; font-size:24px; font-weight:800; color:#a8861f; line-height:1; }<br /> .mvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .mvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .mvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .mvp-h::before,.mvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .mvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .mvp-wrap .mvp-lead { text-align:center; font-size:15px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .mvp-lead b { color:#a8861f; }<br /> .mvp-wrap .mvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> <br /> /* FEATURE CARDS (mecânicas) */<br /> .mvp-feats { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }<br /> .mvp-feat { flex:0 0 calc((100% - 14px)/2); max-width:calc((100% - 14px)/2); background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:18px 20px; transition:box-shadow .16s, transform .16s; }<br /> .mvp-feat:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .mvp-feat h4 { margin:0 0 7px; font-size:15.5px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .mvp-feat p { margin:0; font-size:13px; line-height:1.6; color:#5a4a22; }<br /> .mvp-feat b { color:#a8861f; }<br /> <br /> /* TABLE antes/depois */<br /> .mvp-table { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .mvp-table th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase; padding:11px 10px; text-align:left; font-weight:700; }<br /> .mvp-table th.c { text-align:center; }<br /> .mvp-table td { padding:9px 10px; border-top:1px solid rgba(212,175,55,0.14); font-size:13px; vertical-align:middle; }<br /> .mvp-table tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .mvp-table tbody tr:hover td { background:#f6ecc6; }<br /> .mvp-table .spr { width:64px; text-align:center; padding:4px 4px; }<br /> .mvp-table .spr img { max-width:56px; max-height:50px; object-fit:contain; image-rendering:pixelated; vertical-align:middle; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.22)); }<br /> .mvp-table .nm { font-weight:700; color:#1b1304; white-space:nowrap; }<br /> .mvp-table td.c { text-align:center; }<br /> .mvp-ba { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }<br /> .mvp-ba .b { color:#9b8a5e; text-decoration:line-through; text-decoration-color:rgba(155,138,94,0.55); font-size:11.5px; }<br /> .mvp-ba .ar { color:#d4af37; font-weight:800; font-size:12px; }<br /> .mvp-ba .a { color:#7a5a10; font-weight:800; }<br /> .mvp-eq { color:#7a5a10; font-weight:700; } /* valor inalterado */<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .mvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .mvp-feat { flex-basis:100%; max-width:100%; }<br /> .mvp-table .mvp-ba .b, .mvp-table .mvp-ba .ar { display:none; }<br /> .mvp-table th, .mvp-table td { padding:8px 6px; font-size:12px; }<br /> .mvp-wrap h1 { font-size:30px; }<br /> }<br /> <br /> /* ============================================================<br /> DROP MVP — página bespoke (escopo .dmvp-wrap)<br /> ============================================================ */<br /> .dmvp-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .dmvp-wrap *, .dmvp-wrap *::before, .dmvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .dmvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .dmvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .dmvp-hero img.dmvp-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .dmvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .dmvp-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .dmvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .dmvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .dmvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .dmvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .dmvp-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .dmvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .dmvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .dmvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .dmvp-h::before,.dmvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .dmvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .dmvp-wrap .dmvp-lead { text-align:center; font-size:15px; line-height:1.75; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .dmvp-lead b { color:#a8861f; }<br /> .dmvp-wrap .dmvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .dmvp-sub b { color:#a8861f; }<br /> <br /> /* 3 PILARES (cards claros, border-left dourado) */<br /> .dmvp-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .dmvp-pillar { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:18px 20px; transition:box-shadow .16s, transform .16s; }<br /> .dmvp-pillar:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .dmvp-pillar h4 { margin:0 0 8px; font-size:17px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .dmvp-pillar p { margin:0; font-size:12.8px; line-height:1.6; color:#5a4a22; }<br /> .dmvp-pillar b { color:#a8861f; }<br /> <br /> /* FÓRMULA DE PONTOS */<br /> .dmvp-formula { display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; gap:12px; }<br /> .dmvp-cat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:10px; padding:15px 16px 13px; text-align:center; min-width:160px; display:flex; flex-direction:column; justify-content:center; }<br /> .dmvp-cat b { display:block; font-size:15.5px; color:#1b1304; font-weight:800; }<br /> .dmvp-cat .d { display:block; font-size:11.5px; color:#6b5a2e; margin-top:2px; }<br /> .dmvp-cat .pt { display:inline-block; margin:9px auto 0; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:11.5px; padding:3px 12px; border-radius:999px; }<br /> .dmvp-arrow { display:flex; align-items:center; justify-content:center; font-size:26px; color:#d4af37; font-weight:800; }<br /> .dmvp-win { background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; box-shadow:0 8px 20px rgba(212,175,55,0.25); border-radius:10px; padding:15px 24px; text-align:center; display:flex; flex-direction:column; justify-content:center; min-width:180px; }<br /> .dmvp-win b { display:block; font-size:16px; color:#9a7a17; font-weight:800; }<br /> .dmvp-win span { display:block; font-size:11.5px; color:#6b5a2e; margin-top:3px; }<br /> <br /> /* TABELA EXEMPLO (lápide) — header escuro */<br /> .dmvp-tomb { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .dmvp-tomb caption { caption-side:top; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:#8a6c1e; padding:0 0 8px; font-weight:700; }<br /> .dmvp-tomb th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase; padding:11px 12px; text-align:left; font-weight:700; }<br /> .dmvp-tomb th.c { text-align:center; }<br /> .dmvp-tomb td { padding:11px 12px; border-top:1px solid rgba(212,175,55,0.14); font-size:13.5px; vertical-align:middle; }<br /> .dmvp-tomb td.c { text-align:center; }<br /> .dmvp-tomb tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .dmvp-tomb .grp { font-weight:700; color:#1b1304; }<br /> .dmvp-tomb .num { color:#5a4a22; text-align:right; white-space:nowrap; }<br /> .dmvp-tomb tr.win td { background:rgba(212,175,55,0.18) !important; }<br /> .dmvp-tomb tr.win .grp { color:#8a6310; }<br /> .dmvp-tomb .tag { display:inline-block; margin-left:8px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-size:10px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; padding:2px 9px; border-radius:999px; vertical-align:middle; }<br /> .dmvp-tomb .pts { text-align:center; font-weight:800; color:#a8861f; }<br /> <br /> /* NOTE */<br /> .dmvp-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .dmvp-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .dmvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .dmvp-pillars { grid-template-columns:1fr; }<br /> .dmvp-arrow { transform:rotate(90deg); }<br /> .dmvp-cat, .dmvp-win { width:100%; }<br /> .dmvp-tomb th, .dmvp-tomb td { padding:9px 7px; font-size:12px; }<br /> .dmvp-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> CAÇA MVP — página bespoke (escopo .cmvp-wrap)<br /> ============================================================ */<br /> .cmvp-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cmvp-wrap *, .cmvp-wrap *::before, .cmvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .cmvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cmvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cmvp-hero img.cmvp-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cmvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cmvp-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cmvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cmvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cmvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cmvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cmvp-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cmvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cmvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cmvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cmvp-h::before,.cmvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cmvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cmvp-wrap .cmvp-lead { text-align:center; font-size:15px; line-height:1.75; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cmvp-lead b { color:#a8861f; }<br /> .cmvp-wrap .cmvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .cmvp-sub b { color:#a8861f; }<br /> <br /> /* AVISOS (2 cards com selo + msg exemplo) */<br /> .cmvp-warns { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .cmvp-warn { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:18px 20px; }<br /> .cmvp-warn .selo { display:inline-block; font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:3px 11px; border-radius:999px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; }<br /> .cmvp-warn h4 { margin:11px 0 6px; font-size:16px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cmvp-warn p { margin:0 0 11px; font-size:13px; line-height:1.55; color:#5a4a22; }<br /> .cmvp-warn b { color:#a8861f; }<br /> .cmvp-msg { background:#fbf3df; border:1px dashed rgba(212,175,55,0.55); border-radius:8px; padding:9px 12px; font-size:11px; line-height:1.45; color:#c0392b; font-style:italic; white-space:nowrap; overflow-x:auto; }<br /> <br /> /* FERRAMENTAS (3 feature cards) */<br /> .cmvp-tools { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .cmvp-tool { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:20px; transition:box-shadow .16s, transform .16s; }<br /> .cmvp-tool:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .cmvp-tool h4 { margin:0 0 9px; font-size:16px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cmvp-tool .dot { display:inline-block; width:12px; height:12px; border-radius:50%; background:#ff3333; box-shadow:0 0 0 3px rgba(255,51,51,0.25); vertical-align:middle; margin-right:7px; }<br /> .cmvp-tool p { margin:0; font-size:12.8px; line-height:1.6; color:#5a4a22; }<br /> .cmvp-tool b { color:#a8861f; }<br /> <br /> /* NOTE */<br /> .cmvp-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .cmvp-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .cmvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .cmvp-warns { grid-template-columns:1fr; }<br /> .cmvp-tools { grid-template-columns:1fr; }<br /> .cmvp-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> VISUAIS OUTFIT — página bespoke (escopo .vo-wrap)<br /> ============================================================ */<br /> .vo-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .vo-wrap *, .vo-wrap *::before, .vo-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .vo-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .vo-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vo-hero img.vo-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .vo-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .vo-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .vo-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .vo-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .vo-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .vo-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .vo-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .vo-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .vo-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:46px 0 6px; }<br /> .vo-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .vo-h::before,.vo-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .vo-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .vo-wrap .vo-lead { text-align:center; font-size:14.5px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:14px; color:#2a2008; }<br /> .vo-lead b { color:#a8861f; }<br /> .vo-price { display:inline-block; margin:0 0 16px; padding:4px 14px; border-radius:999px; background:rgba(212,175,55,0.14); border:1px solid rgba(212,175,55,0.4); color:#8a6310; font-size:12px; font-weight:700; }<br /> <br /> /* GRID DE CLASSES (homem + mulher por classe) */<br /> .vo-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }<br /> .vo-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:9px 9px 11px; text-align:center; display:flex; flex-direction:column; align-items:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vo-card:hover { transform:translateY(-3px); box-shadow:0 9px 20px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vo-figs { display:flex; gap:4px; align-items:flex-end; justify-content:center; }<br /> .vo-fig { display:flex; flex-direction:column; align-items:center; }<br /> .vo-fig .spr { height:148px; width:98px; display:flex; align-items:flex-end; justify-content:center; }<br /> .vo-fig .spr img { max-height:148px; max-width:98px; image-rendering:auto; filter:drop-shadow(0 3px 5px rgba(0,0,0,0.22)); }<br /> .vo-fig i { font-style:normal; font-size:9px; text-transform:uppercase; letter-spacing:0.7px; color:#9a7a2a; margin-top:4px; font-weight:700; }<br /> .vo-card&gt;span { font-size:12px; font-weight:800; color:#3a2c0a; margin-top:8px; line-height:1.25; max-width:208px; }<br /> <br /> /* NOTE */<br /> .vo-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .vo-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px){<br /> .vo-stats { grid-template-columns:repeat(2,1fr); }<br /> .vo-wrap h1 { font-size:31px; }<br /> .vo-fig .spr { height:120px; width:80px; }<br /> .vo-fig .spr img { max-height:120px; max-width:80px; }<br /> }<br /> <br /> /* ============================================================<br /> CONVIDE E GANHE — página bespoke (escopo .cg-wrap)<br /> ============================================================ */<br /> .cg-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cg-wrap *, .cg-wrap *::before, .cg-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cg-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cg-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cg-hero img.cg-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cg-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cg-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cg-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cg-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cg-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:860px; position:relative; z-index:3; padding:0 10px; }<br /> .cg-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cg-stat b { display:block; font-size:23px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cg-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cg-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cg-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cg-h::before,.cg-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cg-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cg-wrap .cg-lead { text-align:center; font-size:15px; line-height:1.7; max-width:800px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cg-lead b { color:#a8861f; }<br /> .cg-wrap .cg-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .cg-sub b { color:#a8861f; }<br /> <br /> /* PIRÂMIDE (3 níveis, alarga pra baixo) */<br /> .cg-pyramid { display:flex; flex-direction:column; align-items:center; gap:8px; }<br /> .cg-tier { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 24px; border-radius:12px; color:#3a2a06; background:linear-gradient(135deg,#f7e6a6,#d4af37); border:1px solid #c9a430; box-shadow:0 6px 16px rgba(212,175,55,0.28); }<br /> .cg-tier.t1 { width:56%; } .cg-tier.t2 { width:76%; } .cg-tier.t3 { width:96%; }<br /> .cg-tier .lv { text-align:left; }<br /> .cg-tier .lv b { display:block; font-size:15px; font-weight:800; }<br /> .cg-tier .lv span { font-size:12px; color:#5a430a; }<br /> .cg-tier .pts { font-size:26px; font-weight:800; white-space:nowrap; }<br /> .cg-tier .pts small { font-size:12px; font-weight:700; }<br /> .cg-pynote { text-align:center; font-size:12.5px; color:#8a6c1e; margin-top:10px; font-style:italic; }<br /> <br /> /* STEPS */<br /> .cg-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }<br /> .cg-step { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:20px 15px 16px; text-align:center; transition:transform .16s, box-shadow .16s; }<br /> .cg-step:hover { transform:translateY(-4px); box-shadow:0 10px 22px rgba(212,175,55,0.18); }<br /> .cg-step .n { width:34px; height:34px; border-radius:50%; margin:0 auto 12px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(212,175,55,0.4); }<br /> .cg-step h4 { margin:0 0 7px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cg-step p { margin:0; font-size:12.5px; color:#6b5a2e; line-height:1.5; }<br /> .cg-step b { color:#a8861f; }<br /> <br /> /* PÓDIO de prêmios */<br /> .cg-podium { display:flex; align-items:flex-end; justify-content:center; gap:14px; }<br /> .cg-pod { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:10px 10px 0 0; padding:16px 18px; text-align:center; width:170px; }<br /> .cg-pod.first { border-top:3px solid #d4af37; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; box-shadow:0 10px 24px rgba(212,175,55,0.3); padding-bottom:34px; }<br /> .cg-pod.first { transform:translateY(-6px); }<br /> .cg-pod .place { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; }<br /> .cg-pod .prize { font-size:30px; font-weight:800; color:#a8861f; line-height:1.1; margin-top:4px; }<br /> .cg-pod.first .prize { font-size:38px; }<br /> .cg-pod .sub { font-size:11px; color:#7a6320; margin-top:3px; }<br /> <br /> /* COMANDOS */<br /> .cg-cmds { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }<br /> .cg-cmd { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:9px; padding:14px 16px; }<br /> .cg-cmd b { display:block; font-family:'Consolas','Courier New',monospace; font-size:14.5px; color:#a8861f; font-weight:800; }<br /> .cg-cmd span { display:block; font-size:12.5px; color:#4a3a14; line-height:1.45; margin-top:5px; }<br /> <br /> /* NOTE */<br /> .cg-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .cg-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px){<br /> .cg-stats { grid-template-columns:repeat(2,1fr); }<br /> .cg-steps { grid-template-columns:repeat(2,1fr); }<br /> .cg-cmds { grid-template-columns:1fr; }<br /> .cg-tier.t1,.cg-tier.t2,.cg-tier.t3 { width:100%; }<br /> .cg-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> PACOTE FUNDADOR — página bespoke (escopo .cf-wrap)<br /> ============================================================ */<br /> .cf-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cf-wrap *, .cf-wrap *::before, .cf-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cf-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cf-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cf-hero img.cf-ico { width:118px; height:118px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cf-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cf-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cf-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cf-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cf-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cf-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cf-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cf-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* EXCLUSIVIDADE callout */<br /> .cf-excl { max-width:880px; margin:26px auto 0; border:1px solid #c98b2e; border-left:5px solid #c0392b; border-radius:12px; background:linear-gradient(180deg,#fffaef,#fdf3d4); padding:16px 22px; box-shadow:0 6px 18px rgba(192,57,43,0.12); }<br /> .cf-excl .tag { display:inline-block; background:#c0392b; color:#fff; font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:3px 11px; border-radius:999px; margin-bottom:8px; }<br /> .cf-excl p { margin:0; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .cf-excl b { color:#a8330f; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cf-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:46px 0 16px; }<br /> .cf-h span { font-size:15px; font-weight:800; letter-spacing:2px; text-transform:uppercase; white-space:nowrap; }<br /> .cf-h::before,.cf-h::after { content:&quot;&quot;; height:1px; width:90px; flex-shrink:0; }<br /> .cf-wrap .cf-lead { text-align:center; font-size:15px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cf-lead b { color:#a8861f; }<br /> <br /> /* TIER section accents */<br /> .cf-tier { margin-top:12px; padding-bottom:6px; }<br /> .cf-tier.prata .cf-h span { color:#7d828a; } .cf-tier.prata .cf-h::before,.cf-tier.prata .cf-h::after { background:linear-gradient(90deg,transparent,#9aa0a6); }<br /> .cf-tier.ouro .cf-h span { color:#a8861f; } .cf-tier.ouro .cf-h::before,.cf-tier.ouro .cf-h::after { background:linear-gradient(90deg,transparent,#d4af37); }<br /> .cf-tier.diamante .cf-h span { color:#1f8fc7; } .cf-tier.diamante .cf-h::before,.cf-tier.diamante .cf-h::after { background:linear-gradient(90deg,transparent,#2aa6e0); }<br /> .cf-tier .cf-h::after { transform:scaleX(-1); }<br /> <br /> /* SHOWCASE row: pet | visual | set */<br /> .cf-show { display:grid; grid-template-columns: 215px 235px 1fr; gap:14px; align-items:stretch; }<br /> .cf-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:14px; }<br /> .cf-pet, .cf-visual { text-align:center; display:flex; flex-direction:column; }<br /> .cf-pet .spr, .cf-visual .spr { flex:1; min-height:210px; display:flex; align-items:flex-end; justify-content:center;<br /> background:radial-gradient(ellipse at 50% 88%, rgba(212,175,55,0.16), transparent 62%); border-radius:9px; padding:6px; }<br /> .cf-pet .spr img, .cf-visual .spr img { max-height:215px; max-width:100%; image-rendering:auto; filter:drop-shadow(0 5px 9px rgba(0,0,0,0.28)); }<br /> .cf-pet .pname, .cf-visual .vname { font-size:14px; font-weight:800; color:#1b1304; margin-top:9px; }<br /> .cf-pet .plabel, .cf-visual .vlabel { font-size:10.5px; color:#8a6c1e; text-transform:uppercase; letter-spacing:0.6px; margin-top:1px; }<br /> .cf-pet .exp { margin:9px auto 0; background:linear-gradient(135deg,#7bd88f,#2e9b46); color:#fff; font-weight:800; font-size:15px; padding:5px 16px; border-radius:999px; box-shadow:0 4px 10px rgba(46,155,70,0.3); }<br /> .cf-visual .vsub { font-size:11px; color:#8a6c1e; margin-top:6px; line-height:1.4; }<br /> .cf-set { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 18px; }<br /> .cf-set h4 { margin:0 0 4px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cf-set .note { font-size:11.5px; color:#8a6c1e; margin-bottom:11px; }<br /> .cf-set ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }<br /> .cf-set li { display:flex; align-items:center; gap:9px; padding:7px 10px; background:rgba(212,175,55,0.08); border:1px solid rgba(212,175,55,0.25); border-radius:8px; }<br /> .cf-set li img { width:34px; height:34px; object-fit:contain; image-rendering:pixelated; flex:0 0 auto; }<br /> .cf-set li .txt b { display:block; font-size:12.5px; color:#1b1304; line-height:1.2; }<br /> .cf-set li .txt span { font-size:10px; color:#8a6c1e; text-transform:uppercase; letter-spacing:0.5px; }<br /> <br /> /* ITEMS grid */<br /> .cf-itemshead { text-align:center; font-size:11.5px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin:18px 0 10px; }<br /> .cf-items { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }<br /> .cf-item { display:flex; align-items:center; gap:9px; background:#fff; border:1px solid rgba(212,175,55,0.28); border-radius:8px; padding:6px 13px 6px 7px; }<br /> .cf-item img { width:30px; height:30px; object-fit:contain; image-rendering:pixelated; }<br /> .cf-item .nm { font-size:12.5px; color:#3a2c0a; font-weight:600; }<br /> .cf-item .qt { font-size:12px; font-weight:800; color:#a8861f; }<br /> <br /> /* NOTE */<br /> .cf-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:840px; }<br /> .cf-note b { color:#a8330f; }<br /> /* PREÇO por tier (R$) */<br /> .cf-tier .cf-priceline { text-align:center; margin:-2px 0 14px; }<br /> .cf-price { display:inline-flex; align-items:baseline; gap:9px; padding:8px 26px; border-radius:999px; box-shadow:0 5px 16px rgba(0,0,0,0.16); border:1px solid rgba(255,255,255,0.32); }<br /> .cf-price b { font-size:24px; font-weight:800; line-height:1; }<br /> .cf-price i { font-style:normal; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }<br /> .cf-tier.prata .cf-price { background:linear-gradient(135deg,#c6cad0,#9298a0); } .cf-tier.prata .cf-price b,.cf-tier.prata .cf-price i { color:#2b2d31; }<br /> .cf-tier.ouro .cf-price { background:linear-gradient(135deg,#f4d97a,#c69a1d); box-shadow:0 6px 18px rgba(198,154,29,0.4); } .cf-tier.ouro .cf-price b,.cf-tier.ouro .cf-price i { color:#3a2a06; }<br /> .cf-tier.diamante .cf-price { background:linear-gradient(135deg,#b6e6ff,#3f97d6); box-shadow:0 7px 22px rgba(47,134,199,0.45); } .cf-tier.diamante .cf-price b,.cf-tier.diamante .cf-price i { color:#06243a; }<br /> <br /> @media (max-width:880px){<br /> .cf-stats { grid-template-columns:repeat(2,1fr); }<br /> .cf-show { grid-template-columns:1fr; }<br /> .cf-set ul { grid-template-columns:1fr 1fr; }<br /> .cf-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> RESSONÂNCIA — página bespoke (escopo .rs-wrap)<br /> ============================================================ */<br /> .rs-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rs-wrap *, .rs-wrap *::before, .rs-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .rs-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .rs-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rs-hero img.rs-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .rs-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rs-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rs-hero p { max-width:700px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rs-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .rs-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .rs-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rs-stat b { display:block; font-size:20px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .rs-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .rs-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .rs-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rs-h::before,.rs-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .rs-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .rs-wrap .rs-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .rs-lead b { color:#a8861f; }<br /> .rs-wrap .rs-note { text-align:center; font-size:12.5px; color:#8a6c1e; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .rs-note b { color:#a8861f; font-style:normal; }<br /> <br /> /* TIERS de raridade (visão geral) */<br /> .rs-tiers { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .rs-tier { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:14px 12px; text-align:center; border-top:3px solid #b9bcc2; }<br /> .rs-tier b { display:block; font-size:14px; font-weight:800; color:#2a2008; }<br /> .rs-tier i { display:block; font-style:normal; font-size:22px; font-weight:800; margin:3px 0 6px; }<br /> .rs-tier span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> .rs-tier.c { border-top-color:#9aa0a6; } .rs-tier.c i { color:#7d828a; }<br /> .rs-tier.i { border-top-color:#3fa14e; } .rs-tier.i i { color:#3fa14e; }<br /> .rs-tier.r { border-top-color:#2f86c7; } .rs-tier.r i { color:#2f86c7; }<br /> .rs-tier.l { border-top-color:#d4af37; background:linear-gradient(180deg,#fffaef,#fdf3d4); } .rs-tier.l i { color:#b9941f; }<br /> <br /> /* CATEGORIAS */<br /> .rs-cat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 16px 18px; margin-bottom:14px; box-shadow:0 4px 14px rgba(0,0,0,0.05); }<br /> .rs-cath { text-align:center; margin-bottom:12px; }<br /> .rs-cath h3 { margin:0; font-size:18px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .rs-cath p { margin:3px 0 0; font-size:12.5px; color:#8a6c1e; }<br /> .rs-groups { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; align-items:start; }<br /> .rs-grp { border:1px solid rgba(0,0,0,0.08); border-radius:9px; overflow:hidden; background:#fffdf8; }<br /> .rs-gh { display:flex; align-items:center; justify-content:space-between; padding:7px 11px; color:#fff; }<br /> .rs-gh b { font-size:12px; font-weight:800; letter-spacing:0.5px; text-transform:uppercase; }<br /> .rs-gh i { font-style:normal; font-size:12px; font-weight:800; opacity:0.95; }<br /> .rs-grp ul { list-style:none; margin:0; padding:8px 10px; display:flex; flex-direction:column; gap:5px; }<br /> .rs-grp li { font-size:11.5px; line-height:1.3; color:#3a2e12; padding-left:12px; position:relative; }<br /> .rs-grp li::before { content:&quot;&quot;; position:absolute; left:2px; top:6px; width:4px; height:4px; border-radius:50%; background:#c9a430; }<br /> .rs-grp.c .rs-gh { background:linear-gradient(135deg,#9aa0a6,#7d828a); }<br /> .rs-grp.i .rs-gh { background:linear-gradient(135deg,#48b35a,#2e8a3d); }<br /> .rs-grp.r .rs-gh { background:linear-gradient(135deg,#3f97d6,#2a6fae); }<br /> .rs-grp.l .rs-gh { background:linear-gradient(135deg,#e6c552,#c39a1d); }<br /> .rs-grp.l { border-color:rgba(212,175,55,0.6); box-shadow:0 4px 12px rgba(212,175,55,0.18); }<br /> .rs-grp.l li::before { background:#d4af37; }<br /> <br /> /* NPC Sintonizadora */<br /> .rs-npc { max-width:900px; margin:0 auto; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-left:5px solid #d4af37; border-radius:12px; padding:18px 22px; box-shadow:0 6px 18px rgba(212,175,55,0.15); }<br /> .rs-npc h3 { margin:0 0 6px; font-size:16px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .rs-npc p { margin:0 0 12px; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .rs-npc p b { color:#a8861f; }<br /> .rs-npcinfo { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }<br /> .rs-npcinfo li { background:rgba(255,255,255,0.6); border:1px solid rgba(212,175,55,0.3); border-radius:8px; padding:9px 12px; font-size:12.5px; color:#3a2e12; }<br /> .rs-npcinfo li b { display:block; color:#8a6310; font-size:11px; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:2px; }<br /> .rs-npcinfo li span:not(.navi-copy) { color:#6b5a2e; }<br /> <br /> /* FOOT */<br /> .rs-foot { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:840px; }<br /> <br /> @media (max-width:880px){<br /> .rs-stats { grid-template-columns:repeat(2,1fr); }<br /> .rs-tiers { grid-template-columns:repeat(2,1fr); }<br /> .rs-groups { grid-template-columns:repeat(2,1fr); }<br /> .rs-npcinfo { grid-template-columns:1fr; }<br /> .rs-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> NICKS COLORIDOS — página bespoke (escopo .cn-wrap)<br /> ============================================================ */<br /> @font-face { font-family:'SCDream'; src:url('/images/fonts/SCDream4.otf') format('opentype'); font-weight:400; font-display:swap; }<br /> @font-face { font-family:'SCDream'; src:url('/images/fonts/SCDream6.otf') format('opentype'); font-weight:700; font-display:swap; }<br /> .cn-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'SCDream','Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cn-wrap *, .cn-wrap *::before, .cn-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cn-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cn-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cn-hero img.cn-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cn-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cn-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cn-hero p { max-width:700px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cn-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cn-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cn-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cn-stat b { display:block; font-size:20px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cn-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cn-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cn-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cn-h::before,.cn-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cn-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cn-wrap .cn-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cn-lead b { color:#a8861f; }<br /> <br /> /* NPC card */<br /> .cn-npc { display:flex; gap:20px; align-items:center; max-width:900px; margin:0 auto; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:14px; padding:18px 22px; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .cn-npc .spr { flex:0 0 auto; width:150px; height:160px; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at 50% 80%, rgba(212,175,55,0.16), transparent 65%); border-radius:12px; }<br /> .cn-npc .spr img { max-height:150px; image-rendering:auto; filter:drop-shadow(0 5px 9px rgba(0,0,0,0.3)); }<br /> .cn-npc .txt { flex:1; }<br /> .cn-npc h3 { margin:0 0 4px; font-size:18px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .cn-npc .loc { margin:0 0 10px; }<br /> .cn-npc p { margin:0; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .cn-npc p b { color:#a8861f; }<br /> <br /> /* TIER blocks da paleta — banner com destaque crescente (Diamond = máximo) */<br /> .cn-tier { margin-top:18px; text-align:center; }<br /> .cn-tierhead { display:inline-flex; align-items:center; gap:12px; margin:24px auto 4px; padding:11px 30px; border-radius:14px; border:1px solid rgba(255,255,255,0.28); box-shadow:0 6px 18px rgba(0,0,0,0.16); }<br /> .cn-tierhead b { font-size:21px; font-weight:800; letter-spacing:1px; }<br /> .cn-tierhead i { font-style:normal; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; padding:4px 12px; border-radius:999px; background:rgba(255,255,255,0.25); }<br /> /* Prata */<br /> .cn-tier.prata .cn-tierhead { background:linear-gradient(135deg,#c6cad0,#8f949b); }<br /> .cn-tier.prata .cn-tierhead b { color:#2b2d31; } .cn-tier.prata .cn-tierhead i { color:#33363b; }<br /> /* Gold (mais destaque) */<br /> .cn-tier.gold .cn-tierhead { background:linear-gradient(135deg,#f6dd84,#c69a1d); padding:13px 38px; box-shadow:0 8px 22px rgba(198,154,29,0.42); }<br /> .cn-tier.gold .cn-tierhead b { color:#3a2a06; font-size:24px; } .cn-tier.gold .cn-tierhead i { color:#48340a; }<br /> /* Diamond (DESTAQUE MÁXIMO) */<br /> .cn-tier.diamond .cn-tierhead { background:linear-gradient(135deg,#b6e6ff,#3f97d6 52%,#1c6cad); padding:17px 50px; border:1px solid rgba(255,255,255,0.55); box-shadow:0 0 0 3px rgba(90,160,216,0.28), 0 12px 34px rgba(47,134,199,0.6); }<br /> .cn-tier.diamond .cn-tierhead b { color:#062539; font-size:29px; text-shadow:0 1px 0 rgba(255,255,255,0.45); } .cn-tier.diamond .cn-tierhead i { color:#08324f; background:rgba(255,255,255,0.42); }<br /> .cn-tier.diamond .cn-tierhead b::before { content:&quot;✦ &quot;; } .cn-tier.diamond .cn-tierhead b::after { content:&quot; ✦&quot;; }<br /> <br /> /* GRID de nicks (nameplate escuro = swatch). Flex centralizado: últimas linhas centram */<br /> .cn-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; }<br /> .cn-chip { width:152px; background:linear-gradient(180deg,#2e2e36,#1c1c22); border:1px solid rgba(0,0,0,0.35); border-radius:9px; padding:11px 8px 7px; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,0.18) inset, 0 2px 5px rgba(0,0,0,0.12); }<br /> .cn-name { display:block; font-size:16px; font-weight:800; line-height:1.1; }<br /> .cn-lbl { display:block; font-size:10px; color:#9a9088; margin-top:6px; letter-spacing:0.4px; text-transform:uppercase; }<br /> <br /> /* NOTE */<br /> .cn-note { text-align:center; font-size:13px; color:#8a6c1e; margin:26px auto 0; font-style:italic; max-width:840px; }<br /> .cn-note b { color:#a8861f; font-style:normal; }<br /> <br /> @media (max-width:880px){<br /> .cn-stats { grid-template-columns:repeat(2,1fr); }<br /> .cn-npc { flex-direction:column; text-align:center; }<br /> .cn-grid { grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); }<br /> .cn-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> REBALANCE — páginas bespoke (escopo .rb-wrap)<br /> ============================================================ */<br /> .rb-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rb-wrap *, .rb-wrap *::before, .rb-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .rb-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .rb-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rb-hero img.rb-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .rb-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rb-wrap h1 { margin:8px 0 12px; font-size:38px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rb-hero p { max-width:720px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rb-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .rb-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:-34px auto 6px; max-width:520px; position:relative; z-index:3; padding:0 10px; }<br /> .rb-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rb-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .rb-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .rb-wrap .rb-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin:18px auto 8px; color:#2a2008; }<br /> .rb-lead b { color:#a8861f; }<br /> .rb-wrap .rb-src { text-align:center; font-size:14px; line-height:1.6; color:#3a2e12; max-width:820px; margin:22px auto 8px; }<br /> .rb-src b { color:#a8861f; }<br /> .rb-example { text-align:center; margin:2px auto 6px; }<br /> .rb-example img { max-width:430px; width:92%; image-rendering:auto; border:1px solid rgba(212,175,55,0.45); border-radius:8px; padding:8px 14px; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,0.08); }<br /> .rb-beta { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:820px; margin:30px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:13px 22px; }<br /> .rb-beta b { color:#a8861f; }<br /> <br /> /* CLASS section */<br /> .rb-class { margin-top:30px; }<br /> .rb-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:30px 0 14px; }<br /> .rb-h span { font-size:18px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rb-h::before,.rb-h::after { content:&quot;&quot;; height:2px; width:70px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .rb-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> <br /> /* M+F num único box (lado a lado, como dois personagens juntos) */<br /> .rb-chars { display:flex; justify-content:center; margin-bottom:18px; }<br /> .rb-duo { display:inline-flex; gap:0; align-items:flex-end; border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 18px 14px;<br /> background:linear-gradient(180deg,#fff,#fdf8e8); box-shadow:0 5px 16px rgba(0,0,0,0.08);<br /> background-image:radial-gradient(ellipse at 50% 96%, rgba(212,175,55,0.18), transparent 58%), linear-gradient(180deg,#fff,#fdf8e8); }<br /> .rb-duo .spr { display:flex; align-items:flex-end; justify-content:center; }<br /> .rb-duo .spr img { height:150px; width:auto; max-width:none; image-rendering:auto; filter:drop-shadow(0 4px 7px rgba(0,0,0,0.28)); }<br /> .rb-duo .spr + .spr { margin-left:-26px; }<br /> .rb-duo.spaced { padding-left:34px; padding-right:34px; }<br /> .rb-duo.spaced .spr + .spr { margin-left:6px; }<br /> .rb-wrap .rb-noskill { text-align:center; font-size:13.5px; color:#8a6c1e; font-style:italic; max-width:600px; margin:8px auto 0; }<br /> <br /> /* skill cards */<br /> .rb-skills { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:12px; }<br /> .rb-skill { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:10px; padding:13px 16px 14px; flex:1 1 460px; max-width:524px; }<br /> .rb-skh { display:flex; align-items:center; gap:11px; margin-bottom:9px; }<br /> .rb-skic { width:42px; height:42px; flex:0 0 auto; image-rendering:pixelated; border-radius:7px; background:rgba(40,30,12,0.06); border:1px solid rgba(212,175,55,0.3); padding:3px; }<br /> .rb-skn b { display:block; font-size:15px; font-weight:800; color:#1b1304; line-height:1.15; }<br /> .rb-skn span { font-size:10.5px; text-transform:uppercase; letter-spacing:0.5px; color:#8a6c1e; font-weight:700; }<br /> .rb-chg { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }<br /> .rb-chg li { position:relative; padding-left:18px; font-size:13px; line-height:1.5; color:#3a2e12; }<br /> .rb-chg li::before { content:&quot;▸&quot;; position:absolute; left:2px; top:0; color:#c9a430; font-size:12px; }<br /> .rb-chg li b { color:#a8330f; }<br /> <br /> /* invocacoes de espirito (Espiritualista) */<br /> .rb-subh { text-align:center; font-size:13px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin:22px 0 12px; }<br /> .rb-sum-intro { max-width:860px; margin:0 auto 4px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:13px 18px; font-size:13.5px; line-height:1.6; color:#3a2e12; }<br /> .rb-sum-intro b { color:#a8330f; }<br /> .rb-sum-intro ul { list-style:none; margin:9px 0 0; padding:0; display:flex; flex-direction:column; gap:6px; }<br /> .rb-sum-intro li { position:relative; padding-left:18px; }<br /> .rb-sum-intro li::before { content:&quot;▸&quot;; position:absolute; left:2px; top:0; color:#c9a430; }<br /> .rb-summons { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:13px; margin-top:14px; }<br /> .rb-sum { display:flex; align-items:center; gap:13px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:10px; padding:11px 15px; flex:1 1 392px; max-width:440px; }<br /> .rb-sum-spr { flex:0 0 96px; display:flex; align-items:flex-end; justify-content:center; height:122px; background-image:radial-gradient(ellipse at 50% 92%, rgba(212,175,55,0.20), transparent 62%); }<br /> .rb-sum-spr img { height:120px; width:auto; max-width:none; image-rendering:auto; filter:drop-shadow(0 4px 6px rgba(0,0,0,0.30)); }<br /> .rb-sum-body { flex:1 1 auto; min-width:0; }<br /> .rb-sum-name { font-size:15px; font-weight:800; color:#1b1304; line-height:1.15; }<br /> .rb-sum-name span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.5px; color:#8a6c1e; font-weight:700; margin-top:2px; }<br /> .rb-sum-role { font-size:12.5px; color:#3a2e12; margin:7px 0 6px; line-height:1.45; }<br /> .rb-sum-role b { color:#a8330f; }<br /> .rb-sum-sk { font-size:11.5px; color:#6b5618; line-height:1.55; }<br /> .rb-sum-sk b { color:#8a6c1e; font-weight:700; }<br /> .rb-stats.s3 { grid-template-columns:repeat(3,1fr); max-width:720px; }<br /> .rb-spirits { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:10px; }<br /> .rb-spirit { display:flex; align-items:center; gap:10px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:3px solid #c9a430; border-radius:8px; padding:8px 13px; flex:1 1 286px; max-width:352px; }<br /> .rb-spirit img { width:36px; height:36px; flex:0 0 auto; image-rendering:pixelated; border-radius:6px; background:rgba(40,30,12,0.06); border:1px solid rgba(212,175,55,0.3); padding:2px; }<br /> .rb-spirit b { font-size:12.5px; font-weight:800; color:#1b1304; }<br /> .rb-spirit span { display:block; font-size:11.5px; color:#6b5618; margin-top:2px; line-height:1.4; }<br /> .rb-spirit span em { color:#a8330f; font-style:normal; font-weight:700; }<br /> .rb-sum-ic { width:25px; height:25px; vertical-align:-6px; margin-right:6px; image-rendering:pixelated; }<br /> <br /> .rb-foot { text-align:center; font-size:13px; color:#8a6c1e; margin:32px auto 0; font-style:italic; max-width:840px; }<br /> <br /> @media (max-width:780px){<br /> .rb-stats { grid-template-columns:repeat(3,1fr); }<br /> .rb-skills { grid-template-columns:1fr; }<br /> .rb-wrap h1 { font-size:29px; }<br /> }<br /> <br /> /* ===========================================================<br /> REBORN — Sistema de Elos — página bespoke (escopo .rbn-wrap)<br /> =========================================================== */<br /> .rbn-wrap { max-width: 1020px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rbn-wrap *, .rbn-wrap *::before, .rbn-wrap *::after { box-sizing: border-box; }<br /> <br /> .rbn-hero { position: relative; text-align: center; padding: 42px 22px 60px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.34), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.16), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .rbn-hero::before { content:&quot;\2726&quot;; position:absolute; top:16px; right:24px; color:rgba(212,175,55,0.30); font-size:28px; }<br /> .rbn-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rbn-hero img.rbn-ico { width:108px; height:108px; display:block; margin:0 auto 6px; border-radius:16px; filter: drop-shadow(0 8px 20px rgba(212,175,55,0.5)); }<br /> .rbn-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.6px; text-transform:uppercase; font-weight:600; }<br /> .rbn-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rbn-hero p { max-width:730px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rbn-hero p b { color:#f4d97a; }<br /> <br /> .rbn-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-38px auto 6px; max-width:780px; position:relative; z-index:3; padding:0 10px; }<br /> .rbn-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:8px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rbn-stat b { display:block; font-size:17px; font-weight:800; color:#a8861f; line-height:1.15; }<br /> .rbn-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .rbn-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:40px 0 8px; }<br /> .rbn-h span { font-size:15px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rbn-h::before, .rbn-h::after { content:&quot;&quot;; height:1px; width:120px; background:linear-gradient(90deg, transparent, #d4af37); flex-shrink:0; }<br /> .rbn-h::after { background:linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .rbn-wrap .rbn-lead { text-align:center; font-size:15px; line-height:1.7; max-width:830px; margin-left:auto; margin-right:auto; margin-top:14px; margin-bottom:8px; color:#2a2008; }<br /> .rbn-lead b { color:#a8861f; }<br /> .rbn-wrap .rbn-foot { text-align:center; font-size:12.5px; line-height:1.55; max-width:830px; margin:8px auto 4px; color:#6b5a2e; }<br /> <br /> .rbn-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0 4px; }<br /> .rbn-step { position:relative; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:11px; padding:30px 16px 16px; text-align:center; }<br /> .rbn-step-n { position:absolute; top:-15px; left:50%; transform:translateX(-50%); width:32px; height:32px; border-radius:50%; background:linear-gradient(180deg,#f4d97a,#d4af37); color:#3a2607; font-weight:800; font-size:15px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(0,0,0,0.2); }<br /> .rbn-step b { display:block; color:#8a6c1e; font-size:14px; margin-bottom:5px; }<br /> .rbn-step p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> <br /> .rbn-npc { display:flex; align-items:center; gap:26px; max-width:760px; margin:16px auto 6px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.32); border-left:4px solid #d4af37; border-radius:12px; padding:20px 28px; }<br /> .rbn-npc img { width:118px; height:auto; image-rendering:pixelated; flex-shrink:0; filter: drop-shadow(0 4px 10px rgba(0,0,0,0.22)); }<br /> .rbn-npc-body { text-align:left; }<br /> .rbn-npc-body h3 { margin:0 0 5px; font-size:20px; color:#a8861f; border:none; padding:0; }<br /> .rbn-npc-body p { margin:0 0 9px; font-size:13.5px; line-height:1.55; color:#4a3a14; }<br /> .rbn-npc-body p:last-child { margin-bottom:0; }<br /> <br /> .rbn-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; max-width:830px; margin:16px auto 6px; }<br /> .rbn-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:18px 22px; }<br /> .rbn-card h4 { margin:0 0 8px; color:#a8861f; font-size:16px; }<br /> .rbn-card p { margin:0; font-size:13.5px; line-height:1.6; color:#4a3a14; }<br /> .rbn-card p b { color:#a8861f; }<br /> <br /> .rbn-wrap table.rbn-table { width:100%; border-collapse:collapse; margin:16px auto 6px; font-size:13.5px; box-shadow:0 6px 18px rgba(0,0,0,0.08); border-radius:10px; overflow:hidden; }<br /> .rbn-table th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-weight:700; padding:11px 9px; text-align:center; font-size:12.5px; letter-spacing:0.3px; }<br /> .rbn-table td { padding:9px 9px; text-align:center; border-bottom:1px solid #efe4c4; color:#3a2e12; }<br /> .rbn-table td.rbn-elo { font-weight:700; color:#a8861f; text-align:left; white-space:nowrap; }<br /> .rbn-table td small { color:#8a7330; }<br /> .rbn-table tr:nth-child(even) td { background:#fdf8e8; }<br /> .rbn-table tr:hover td { background:#f6ecc6; }<br /> <br /> .rbn-note { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:840px; margin:28px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:14px 24px; }<br /> .rbn-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px) {<br /> .rbn-stats { grid-template-columns:repeat(2,1fr); }<br /> .rbn-steps { grid-template-columns:repeat(2,1fr); }<br /> .rbn-cards { grid-template-columns:1fr; }<br /> .rbn-npc { flex-direction:column; text-align:center; }<br /> .rbn-npc-body { text-align:center; }<br /> .rbn-wrap table.rbn-table { font-size:11.5px; }<br /> .rbn-table th, .rbn-table td { padding:7px 5px; }<br /> }<br /> <br /> /* ===========================================================<br /> ALMAS — Sistema de Almas — página bespoke (escopo .alm-wrap)<br /> =========================================================== */<br /> .alm-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .alm-wrap *, .alm-wrap *::before, .alm-wrap *::after { box-sizing: border-box; }<br /> <br /> .alm-hero { position: relative; text-align: center; padding: 42px 22px 60px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.34), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.16), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .alm-hero::before { content:&quot;\2726&quot;; position:absolute; top:16px; right:24px; color:rgba(212,175,55,0.30); font-size:28px; }<br /> .alm-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .alm-hero img.alm-ico { width:108px; height:108px; display:block; margin:0 auto 6px; border-radius:16px; filter: drop-shadow(0 8px 20px rgba(212,175,55,0.5)); }<br /> .alm-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.6px; text-transform:uppercase; font-weight:600; }<br /> .alm-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .alm-hero p { max-width:740px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .alm-hero p b { color:#f4d97a; }<br /> <br /> .alm-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-38px auto 6px; max-width:800px; position:relative; z-index:3; padding:0 10px; }<br /> .alm-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:8px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .alm-stat b { display:block; font-size:16px; font-weight:800; color:#a8861f; line-height:1.15; }<br /> .alm-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .alm-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:42px 0 8px; }<br /> .alm-h span { font-size:15px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .alm-h::before, .alm-h::after { content:&quot;&quot;; height:1px; width:120px; background:linear-gradient(90deg, transparent, #d4af37); flex-shrink:0; }<br /> .alm-h::after { background:linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .alm-wrap .alm-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-top:14px; margin-bottom:8px; color:#2a2008; }<br /> .alm-lead b { color:#a8861f; }<br /> <br /> /* raridades */<br /> .alm-rar { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; max-width:860px; margin:16px auto 6px; }<br /> .alm-rar-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:12px; padding:16px 16px 18px; text-align:center; }<br /> .alm-rar-card img { width:150px; height:150px; object-fit:contain; border-radius:10px; display:block; margin:0 auto 10px; box-shadow:0 4px 14px rgba(0,0,0,0.28); }<br /> .alm-rar-name { font-weight:800; font-size:15px; margin-bottom:6px; letter-spacing:0.3px; }<br /> .alm-rar-card p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> .alm-rar-blue { border-top-color:#3f8fe0; }<br /> .alm-rar-blue .alm-rar-name { color:#2f73c2; }<br /> .alm-rar-purple { border-top-color:#9a5cd6; }<br /> .alm-rar-purple .alm-rar-name { color:#7e3fc0; }<br /> .alm-rar-red { border-top-color:#df5236; }<br /> .alm-rar-red .alm-rar-name { color:#c23a22; }<br /> <br /> /* passos */<br /> .alm-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0 4px; }<br /> .alm-step { position:relative; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:11px; padding:30px 16px 16px; text-align:center; }<br /> .alm-step-n { position:absolute; top:-15px; left:50%; transform:translateX(-50%); width:32px; height:32px; border-radius:50%; background:linear-gradient(180deg,#f4d97a,#d4af37); color:#3a2607; font-weight:800; font-size:15px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(0,0,0,0.2); }<br /> .alm-step b { display:block; color:#8a6c1e; font-size:14px; margin-bottom:5px; }<br /> .alm-step p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> <br /> /* NPC */<br /> .alm-npc { max-width:680px; margin:14px auto 6px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.32); border-left:4px solid #d4af37; border-radius:12px; padding:18px 26px; }<br /> .alm-npc-body h3 { margin:0 0 6px; font-size:20px; color:#a8861f; border:none; padding:0; }<br /> .alm-npc-body p { margin:0 0 9px; font-size:13.5px; line-height:1.55; color:#4a3a14; }<br /> .alm-npc-body p:last-child { margin-bottom:0; }<br /> <br /> /* cards de regras */<br /> .alm-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:900px; margin:16px auto 6px; }<br /> .alm-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:16px 18px; text-align:center; }<br /> .alm-card h4 { margin:0 0 8px; color:#a8861f; font-size:15px; }<br /> .alm-card p { margin:0; font-size:13px; line-height:1.55; color:#4a3a14; }<br /> .alm-card p b { color:#a8861f; }<br /> <br /> /* galeria de almas — lista compacta com a miniatura do item (inventário) */<br /> .alm-list { max-width:840px; margin:14px auto 6px; display:flex; flex-direction:column; gap:7px; }<br /> .alm-row { display:flex; align-items:center; gap:12px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-radius:9px; padding:7px 14px; transition:border-color .14s, background .14s; }<br /> .alm-row:hover { border-color:#d4af37; background:#fbf3da; }<br /> .alm-slot { width:38px; height:38px; flex-shrink:0; border-radius:7px; background:radial-gradient(circle at 50% 36%, #2c2647, #14101f); border:1px solid rgba(212,175,55,0.4); box-shadow:inset 0 1px 4px rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; }<br /> .alm-slot img { width:28px; height:28px; }<br /> .alm-row-txt { font-size:12.5px; line-height:1.45; color:#4a3a14; text-align:left; }<br /> .alm-row-n { font-weight:800; color:#a8861f; }<br /> <br /> .alm-note { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:840px; margin:28px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:14px 24px; }<br /> .alm-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px) {<br /> .alm-stats { grid-template-columns:repeat(2,1fr); }<br /> .alm-rar { grid-template-columns:1fr; max-width:340px; }<br /> .alm-steps { grid-template-columns:repeat(2,1fr); }<br /> .alm-cards { grid-template-columns:1fr; max-width:380px; }<br /> }<br /> <br /> /* ===========================================================<br /> REBORN — tabela detalhada dos 10 elos (ícones oficiais)<br /> =========================================================== */<br /> .rbn-elotable-wrap { overflow-x:auto; margin:14px 0 6px; -webkit-overflow-scrolling:touch; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.08); border:1px solid rgba(212,175,55,0.25); }<br /> .rbn-wrap table.rbn-elotable { border-collapse:collapse; margin:0; width:100%; min-width:940px; font-size:12px; }<br /> .rbn-elotable th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; padding:8px 6px 7px; text-align:center; font-weight:700; font-size:11px; vertical-align:bottom; }<br /> .rbn-elotable th img.rbn-elo-ico { width:46px; height:46px; display:block; margin:0 auto 4px; filter:drop-shadow(0 2px 5px rgba(0,0,0,0.55)); }<br /> .rbn-elotable th span { display:block; white-space:nowrap; font-size:12.5px; font-weight:800; color:#f7e9b8; margin-top:2px; }<br /> .rbn-elotable td { padding:6px 9px; text-align:center; border-bottom:1px solid #efe4c4; color:#3a2e12; white-space:nowrap; }<br /> .rbn-elotable td.rbn-stat, .rbn-elotable th.rbn-stat { text-align:left; font-weight:700; position:sticky; left:0; z-index:2; }<br /> .rbn-elotable td.rbn-stat { color:#8a6c1e; background:#fbf3da; }<br /> .rbn-elotable th.rbn-stat { color:#f4d97a; background:#1c1305; text-align:center; vertical-align:middle; white-space:normal; line-height:1.25; font-size:12px; }<br /> .rbn-elotable tr:nth-child(even) td { background:#fdf8e8; }<br /> .rbn-elotable tr:nth-child(even) td.rbn-stat { background:#f4ead0; }<br /> .rbn-elotable tr:hover td { background:#f6ecc6; }<br /> .rbn-elotable tr:hover td.rbn-stat { background:#efe2bf; }<br /> .rbn-elotable td.rbn-na { color:#c9bd97; }<br /> <br /> /* =============================================================<br /> RMT — Mercado RMT (escopo .rmt-wrap)<br /> ============================================================= */<br /> .rmt-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .rmt-wrap *, .rmt-wrap *::before, .rmt-wrap *::after { box-sizing: border-box; }<br /> <br /> .rmt-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .rmt-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rmt-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .rmt-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .rmt-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .rmt-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .rmt-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .rmt-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .rmt-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .rmt-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .rmt-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .rmt-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .rmt-h::before, .rmt-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .rmt-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .rmt-wrap .rmt-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 6px; color: #2a2008; }<br /> .rmt-wrap .rmt-lead b { color: #a8861f; }<br /> <br /> .rmt-access { max-width: 640px; margin: 10px auto 0; text-align: center; background: linear-gradient(180deg, #241906, #0d0901); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 16px 20px; color: #e9dcc0; font-size: 14.5px; line-height: 1.7; }<br /> .rmt-access b { color: #f4d97a; }<br /> .rmt-access .cmd { display: inline-block; margin: 2px 2px; padding: 3px 10px; border: 1px solid rgba(212,175,55,0.5); border-radius: 8px; color: #f4d97a; font-family: monospace; font-size: 14px; }<br /> <br /> /* clicável: copia comando/coord ao clicar */<br /> .rmt-copy { cursor: pointer; display: inline-block; padding: 1px 9px; margin: 0 1px; border-radius: 6px; background: rgba(212,175,55,0.16); border: 1px solid rgba(212,175,55,0.45); color: #8a6c1e; font-family: monospace; font-weight: 700; font-size: 0.95em; line-height: 1.55; white-space: nowrap; transition: background .12s, transform .05s; }<br /> .rmt-copy:hover { background: rgba(212,175,55,0.30); }<br /> .rmt-copy:active { transform: translateY(1px); }<br /> .rmt-copy::after { content: &quot;\29C9&quot;; margin-left: 6px; opacity: 0.55; font-family: sans-serif; }<br /> .rmt-access .rmt-copy { background: rgba(244,217,122,0.12); border-color: rgba(212,175,55,0.55); color: #f4d97a; font-size: 14px; }<br /> .rmt-access .rmt-copy:hover { background: rgba(244,217,122,0.24); }<br /> <br /> /* link estilizado (Discord etc.) */<br /> .rmt-link { color: #a8861f; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(212,175,55,0.5); text-underline-offset: 2px; }<br /> .rmt-link:hover { color: #8a6c1e; }<br /> .rmt-access .rmt-link { color: #f4d97a; text-decoration-color: rgba(244,217,122,0.55); }<br /> <br /> .rmt-steps { display: flex; flex-direction: column; gap: 12px; max-width: 820px; margin: 6px auto 0; }<br /> .rmt-step { display: flex; gap: 14px; align-items: flex-start; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-left: 4px solid #d4af37; border-radius: 10px; padding: 14px 16px; }<br /> .rmt-step .n { flex: 0 0 34px; height: 34px; width: 34px; border-radius: 50%; background: #d4af37; color: #241906; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0,0,0,0.15); }<br /> .rmt-step .t { font-size: 14px; line-height: 1.55; color: #3a2e12; align-self: center; }<br /> .rmt-step .t b { color: #a8330f; }<br /> <br /> .rmt-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; max-width: 860px; margin: 6px auto 0; align-items: stretch; }<br /> .rmt-col { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 18px; }<br /> .rmt-col h3 { margin: 0 0 12px; font-size: 15px; color: #a8861f; font-weight: 800; border: none; padding: 0; text-align: center; }<br /> .rmt-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }<br /> .rmt-col li { position: relative; padding-left: 22px; font-size: 13.5px; line-height: 1.5; color: #3a2e12; }<br /> .rmt-col li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> <br /> .rmt-fee { max-width: 520px; margin: 8px auto 0; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 10px 22px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .rmt-fee .row { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; font-size: 14.5px; color: #3a2e12; border-bottom: 1px dashed rgba(212,175,55,0.4); }<br /> .rmt-fee .row:last-child { border-bottom: none; }<br /> .rmt-fee .big { color: #a8330f; font-weight: 800; font-size: 16px; }<br /> .rmt-fee .net { color: #3a9c3a; font-weight: 800; font-size: 16px; }<br /> <br /> .rmt-safe { max-width: 820px; margin: 6px auto 0; background: linear-gradient(180deg, #f4fbf0, #eef7e6); border: 1px solid rgba(58,156,58,0.3); border-left: 4px solid #3a9c3a; border-radius: 10px; padding: 16px 20px; }<br /> .rmt-safe ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .rmt-safe li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.55; color: #2f3a1f; }<br /> .rmt-safe li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 1px; color: #3a9c3a; font-size: 12px; }<br /> .rmt-safe li b { color: #2e7d32; }<br /> <br /> .rmt-rules { max-width: 820px; margin: 6px auto 0; background: linear-gradient(180deg, #fff7f3, #fdeee7); border: 1px solid rgba(192,57,43,0.3); border-left: 4px solid #c0392b; border-radius: 10px; padding: 16px 20px; }<br /> .rmt-rules ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .rmt-rules li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.55; color: #3a2e12; }<br /> .rmt-rules li::before { content: &quot;\26A0&quot;; position: absolute; left: 2px; top: 0; color: #c0392b; font-size: 13px; }<br /> .rmt-rules li b { color: #a8330f; }<br /> <br /> .rmt-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 860px; margin: 6px auto 0; }<br /> .rmt-chip { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 999px; padding: 8px 16px; font-size: 13px; color: #3a2e12; }<br /> .rmt-chip b { color: #a8861f; }<br /> <br /> .rmt-cta { text-align: center; margin: 34px auto 8px; }<br /> .rmt-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .rmt-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .rmt-stats { grid-template-columns: repeat(2, 1fr); }<br /> .rmt-cols { grid-template-columns: 1fr; }<br /> .rmt-hero h1 { font-size: 31px; }<br /> .rmt-h::before, .rmt-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> CORRIDA 99 — Corrida ao 99 (escopo .c99-wrap)<br /> ============================================================= */<br /> .c99-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .c99-wrap *, .c99-wrap *::before, .c99-wrap *::after { box-sizing: border-box; }<br /> <br /> .c99-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .c99-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .c99-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .c99-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .c99-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .c99-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .c99-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .c99-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .c99-stat b { display: block; font-size: 18px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .c99-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .c99-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .c99-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .c99-h::before, .c99-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .c99-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .c99-wrap .c99-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .c99-wrap .c99-lead b { color: #a8861f; }<br /> <br /> .c99-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; max-width: 880px; margin: 10px auto 0; align-items: stretch; }<br /> .c99-col { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 18px; }<br /> .c99-col h3 { margin: 0 0 12px; font-size: 15px; font-weight: 800; border: none; padding: 0; text-align: center; }<br /> .c99-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .c99-col li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.5; color: #3a2e12; }<br /> .c99-bad { border-top-color: #c0392b; }<br /> .c99-bad h3 { color: #c0392b; }<br /> .c99-bad li::before { content: &quot;\2716&quot;; position: absolute; left: 2px; top: 0; color: #c0392b; font-size: 12px; }<br /> .c99-bad li b { color: #a8330f; }<br /> .c99-good { border-top-color: #3a9c3a; }<br /> .c99-good h3 { color: #2e7d32; }<br /> .c99-good li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> .c99-good li b { color: #2e7d32; }<br /> <br /> .c99-relics { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; max-width: 960px; margin: 8px auto 0; }<br /> .c99-relic { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 10px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .c99-relic img { display: block; width: 420px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .c99-cta { text-align: center; margin: 34px auto 8px; }<br /> .c99-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .c99-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .c99-stats { grid-template-columns: repeat(2, 1fr); }<br /> .c99-cols { grid-template-columns: 1fr; }<br /> .c99-hero h1 { font-size: 31px; }<br /> .c99-h::before, .c99-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> GUERRA DO EMPERIUM — WoE (escopo .woe-wrap)<br /> ============================================================= */<br /> .woe-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .woe-wrap *, .woe-wrap *::before, .woe-wrap *::after { box-sizing: border-box; }<br /> <br /> .woe-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .woe-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .woe-hero img { width: 116px; height: 116px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: contain; }<br /> .woe-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .woe-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .woe-hero p { max-width: 700px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .woe-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .woe-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-stat b { display: block; font-size: 19px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .woe-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .woe-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .woe-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .woe-h::before, .woe-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .woe-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .woe-wrap .woe-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .woe-wrap .woe-lead b { color: #a8861f; }<br /> <br /> .woe-sched { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 620px; margin: 6px auto 0; }<br /> .woe-day { flex: 1 1 240px; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px; text-align: center; }<br /> .woe-day b { display: block; font-size: 16px; color: #a8861f; text-transform: uppercase; letter-spacing: 1px; }<br /> .woe-day span { display: block; margin-top: 4px; font-size: 24px; font-weight: 800; color: #3a2e12; }<br /> <br /> .woe-table { width: 100%; max-width: 560px; margin: 6px auto 0; border-collapse: collapse; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-table th { background: #241906; color: #f4d97a; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; padding: 12px 18px; text-align: left; }<br /> .woe-table th.r { text-align: right; }<br /> .woe-table td { padding: 12px 18px; font-size: 14.5px; color: #3a2e12; border-top: 1px solid rgba(212,175,55,0.25); }<br /> .woe-table td.r { text-align: right; font-weight: 800; color: #a8861f; }<br /> .woe-table .nm { font-weight: 700; }<br /> .woe-table tr.woe-king td { background: rgba(212,175,55,0.12); }<br /> <br /> .woe-relics { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 1000px; margin: 8px auto 0; }<br /> .woe-relic { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 9px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-relic img { display: block; width: 290px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .woe-cta { text-align: center; margin: 34px auto 8px; }<br /> .woe-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .woe-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .woe-stats { grid-template-columns: repeat(2, 1fr); }<br /> .woe-hero h1 { font-size: 31px; }<br /> .woe-h::before, .woe-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> TRAGA SUA GUILD — pacotes fundador de guild (escopo .tg-wrap)<br /> ============================================================= */<br /> .tg-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .tg-wrap *, .tg-wrap *::before, .tg-wrap *::after { box-sizing: border-box; }<br /> <br /> .tg-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .tg-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .tg-hero img { width: 110px; height: 110px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .tg-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .tg-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .tg-hero p { max-width: 700px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .tg-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .tg-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-stat b { display: block; font-size: 18px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .tg-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .tg-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .tg-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .tg-h::before, .tg-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .tg-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .tg-wrap .tg-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .tg-wrap .tg-lead b { color: #a8861f; }<br /> .tg-wrap .tg-lead a { color: #a8861f; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(212,175,55,0.5); }<br /> <br /> .tg-tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 960px; margin: 8px auto 0; align-items: stretch; }<br /> .tg-tier { display: flex; flex-direction: column; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 4px solid #d4af37; border-radius: 12px; padding: 18px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-tierimg { width: auto; max-width: 100%; height: 168px; object-fit: contain; margin: 0 auto 8px; filter: drop-shadow(0 3px 10px rgba(0,0,0,0.28)); }<br /> .tg-tname { font-size: 16px; font-weight: 800; color: #a8861f; }<br /> .tg-qty { font-size: 13px; color: #3a2e12; margin-top: 5px; font-weight: 700; }<br /> .tg-price { margin: 10px 0 2px; font-size: 15px; color: #3a2e12; }<br /> .tg-price s { color: #b07a6a; margin-right: 7px; }<br /> .tg-price b { font-size: 23px; color: #a8330f; }<br /> .tg-save { display: inline-block; margin: 6px auto 0; font-size: 12px; font-weight: 800; color: #2e7d32; background: rgba(58,156,58,0.12); border: 1px solid rgba(58,156,58,0.3); border-radius: 999px; padding: 2px 12px; }<br /> .tg-perks { list-style: none; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px dashed rgba(212,175,55,0.4); display: flex; flex-direction: column; gap: 9px; text-align: left; }<br /> .tg-perks li { position: relative; padding-left: 24px; font-size: 13px; line-height: 1.45; color: #3a2e12; }<br /> .tg-perks li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> .tg-perks li b { color: #a8861f; }<br /> .tg-perks li.star::before { content: &quot;\2605&quot;; color: #d4af37; }<br /> .tg-prata { border-top-color: #9fa3ad; }<br /> .tg-prata .tg-tname { color: #7d818c; }<br /> .tg-ouro { border-top-color: #d4af37; }<br /> .tg-diamante { border-top-color: #56c5dc; }<br /> .tg-diamante .tg-tname { color: #2092a8; }<br /> <br /> .tg-banners { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 1000px; margin: 8px auto 0; }<br /> .tg-banner { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 9px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-banner img { display: block; width: 290px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .tg-gpmain { display: block; max-width: 560px; width: 100%; height: auto; margin: 6px auto 16px; border-radius: 12px; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 8px 22px rgba(0,0,0,0.12); }<br /> .tg-gpgrid { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 16px; max-width: 760px; margin: 0 auto; }<br /> .tg-gpcard { flex: 1 1 300px; max-width: 360px; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 16px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); display: flex; flex-direction: column; align-items: center; justify-content: center; }<br /> .tg-gpcard .cap { font-size: 13px; color: #6b5a2e; font-weight: 700; margin-top: 6px; }<br /> .tg-gpcard .sub { font-size: 12px; color: #8a7a4e; margin-top: 2px; }<br /> .tg-gpcard img.npc { width: 268px; max-width: 100%; height: auto; border-radius: 6px; image-rendering: auto; }<br /> .tg-gpcard img.sign { width: 110px; height: auto; image-rendering: pixelated; }<br /> <br /> .tg-gpwide { display: block; max-width: 820px; width: 100%; height: auto; margin: 16px auto 6px; border-radius: 12px; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 8px 22px rgba(0,0,0,0.12); }<br /> .tg-wrap .tg-cap { text-align: center; font-size: 13px; color: #6b5a2e; font-weight: 700; margin: 0 auto 4px; }<br /> .tg-placa { display: flex; flex-direction: column; align-items: center; gap: 7px; margin: 20px auto 0; }<br /> .tg-placa img { width: 184px; height: auto; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; image-rendering: pixelated; filter: drop-shadow(0 3px 8px rgba(0,0,0,0.2)); }<br /> <br /> .tg-cta { text-align: center; margin: 34px auto 8px; }<br /> .tg-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .tg-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 760px) {<br /> .tg-stats { grid-template-columns: repeat(2, 1fr); }<br /> .tg-tiers { grid-template-columns: 1fr; }<br /> .tg-hero h1 { font-size: 31px; }<br /> .tg-h::before, .tg-h::after { width: 40px; }<br /> }/* ===================== Facção (fac-*) — 2026-06-09 ===================== */<br /> .fac-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .fac-hero{position:relative;text-align:center;padding:40px 24px 34px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 62%),linear-gradient(180deg,#241906,#0d0901)}<br /> .fac-hero img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55))}<br /> .fac-hero h1{margin:8px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .fac-hero p{max-width:720px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .fac-badge{display:inline-block;margin:16px 0 4px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .fac-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-34px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .fac-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-stat b{display:block;font-size:18px;color:#a8861f;font-weight:800;line-height:1.15}<br /> .fac-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .fac-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:40px 0 16px}<br /> .fac-h::before,.fac-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .fac-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .fac-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap}<br /> .fac-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .fac-wrap .fac-lead{margin-left:auto;margin-right:auto}<br /> /* cards das 3 faccoes */<br /> .fac-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px auto 0;max-width:900px}<br /> .fac-card{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:12px;padding:22px 16px 18px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-card img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.28))}<br /> .fac-card .nm{display:block;margin:12px 0 4px;font-size:19px;font-weight:800;letter-spacing:.3px}<br /> .fac-card .vs{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .fac-card.aether{border-top-color:#3f86e0}.fac-card.aether .nm{color:#2f74cf}<br /> .fac-card.tartaro{border-top-color:#d24a3a}.fac-card.tartaro .nm{color:#c0392b}<br /> .fac-card.renegado{border-top-color:#8a8a8a}.fac-card.renegado .nm{color:#6a6a6a}<br /> /* passo a passo */<br /> .fac-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .fac-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .fac-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .fac-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .fac-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> /* tabela */<br /> .fac-table{width:100%;max-width:600px;margin:6px auto 0;border-collapse:collapse;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-table th{background:#241906;color:#f4d97a;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:12px 18px;text-align:left}<br /> .fac-table th.r{text-align:right}<br /> .fac-table td{padding:12px 18px;font-size:14.5px;color:#3a2e12;border-top:1px solid rgba(212,175,55,.25)}<br /> .fac-table td.r{text-align:right;font-weight:800;color:#a8861f}<br /> .fac-hi td{background:rgba(212,175,55,.12)}<br /> /* cards de regra/comando */<br /> .fac-cmds{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;margin:0 auto}<br /> .fac-cmd{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:9px;padding:15px 17px}<br /> .fac-cmd b{display:block;color:#a8861f;font-size:15px;margin-bottom:3px}<br /> .fac-cmd span{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .fac-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .fac-wrap .fac-note{margin-left:auto;margin-right:auto}.fac-note b{color:#a8861f}<br /> @media (max-width:850px){<br /> .fac-stats{grid-template-columns:repeat(2,1fr)}<br /> .fac-cards{grid-template-columns:1fr}<br /> .fac-steps{grid-template-columns:repeat(2,1fr)}<br /> .fac-cmds{grid-template-columns:1fr}<br /> .fac-hero h1{font-size:32px}<br /> }<br /> <br /> <br /> /* === Facção: NPC Recrutador (cartão escuro p/ destacar a sprite branca) === */<br /> .fac-npc { display:flex; gap:30px; align-items:center; background:linear-gradient(135deg,#2c1f0e 0%,#221705 100%); border:1px solid #5a4a1e; border-radius:16px; padding:22px 30px; margin:8px 0 6px; flex-wrap:wrap; box-shadow:inset 0 1px 0 rgba(244,217,122,0.08); }<br /> .fac-npc-art { flex:0 0 auto; width:190px; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at 50% 45%, rgba(212,175,55,0.20), rgba(0,0,0,0) 70%); border-radius:14px; padding:6px; }<br /> .fac-npc-art img { display:block; width:100%; height:auto; filter:drop-shadow(0 8px 16px rgba(0,0,0,0.55)); }<br /> .fac-npc-info { flex:1 1 280px; min-width:240px; }<br /> .fac-npc-name { font-size:1.55em; font-weight:800; color:#f4d97a; letter-spacing:0.2px; margin-bottom:10px; }<br /> .fac-npc-desc { color:#e6d9bd; line-height:1.65; margin:0 0 18px; font-size:1.02em; }<br /> .fac-npc-loc { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }<br /> .fac-npc-map { color:#d4af37; font-weight:700; font-size:1.05em; }<br /> .fac-npc .navi-copy { color:#f4d97a; border-bottom-color:#d4af37; background:rgba(212,175,55,0.10); }<br /> .fac-npc .navi-copy:hover { color:#fff7e0; background:rgba(212,175,55,0.24); }<br /> @media (max-width:560px){ .fac-npc{ justify-content:center; text-align:center; } .fac-npc-info{ text-align:center; } .fac-npc-loc{ justify-content:center; } }<br /> <br /> <br /> <br /> /* ===================== Rate Bonificado (rtb-*) — 2026-06-10 ===================== */<br /> .rtb-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .rtb-hero{position:relative;text-align:center;padding:40px 24px 34px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 62%),linear-gradient(180deg,#241906,#0d0901)}<br /> .rtb-hero img{width:128px;height:128px;object-fit:contain;border-radius:14px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55))}<br /> .rtb-hero h1{margin:8px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .rtb-hero p{max-width:720px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .rtb-badge{display:inline-block;margin:16px 0 4px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .rtb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-34px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .rtb-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-stat b{display:block;font-size:18px;color:#a8861f;font-weight:800;line-height:1.15}<br /> .rtb-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .rtb-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:40px 0 16px}<br /> .rtb-h::before,.rtb-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .rtb-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .rtb-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap}<br /> .rtb-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .rtb-wrap .rtb-lead{margin-left:auto;margin-right:auto}<br /> /* cards dos 3 rates */<br /> .rtb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px auto 0;max-width:900px}<br /> .rtb-card{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:12px;padding:24px 16px 20px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-card .mult{display:block;font-size:46px;font-weight:800;line-height:1;letter-spacing:-1px}<br /> .rtb-card .nm{display:block;margin:10px 0 6px;font-size:18px;font-weight:800;letter-spacing:.3px;color:#3a2e12}<br /> .rtb-card .vs{display:block;font-size:13px;color:#5a4a22;line-height:1.6}<br /> .rtb-card.r1{border-top-color:#3fa05a}.rtb-card.r1 .mult{color:#2e8a49}<br /> .rtb-card.r3{border-top-color:#d4af37}.rtb-card.r3 .mult{color:#a8861f}<br /> .rtb-card.r5{border-top-color:#d24a3a}.rtb-card.r5 .mult{color:#c0392b}<br /> /* passo a passo */<br /> .rtb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .rtb-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .rtb-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .rtb-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .rtb-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> /* tabela */<br /> .rtb-table{width:100%;max-width:680px;margin:6px auto 0;border-collapse:collapse;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-table th{background:#241906;color:#f4d97a;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:12px 18px;text-align:left}<br /> .rtb-table th.r{text-align:right}<br /> .rtb-table td{padding:12px 18px;font-size:14.5px;color:#3a2e12;border-top:1px solid rgba(212,175,55,.25)}<br /> .rtb-table td.r{text-align:right;font-weight:800;color:#a8861f}<br /> .rtb-hi td{background:rgba(212,175,55,.12)}<br /> /* cards de regra/faq */<br /> .rtb-cmds{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;margin:0 auto}<br /> .rtb-cmd{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:9px;padding:15px 17px}<br /> .rtb-cmd &gt; b{display:block;color:#a8861f;font-size:15px;margin-bottom:3px}<br /> .rtb-cmd span{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .rtb-cmds &gt; .rtb-cmd:last-child:nth-child(odd){grid-column:1 / -1;width:100%;max-width:calc((100% - 12px) / 2);justify-self:center}<br /> .rtb-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .rtb-wrap .rtb-note{margin-left:auto;margin-right:auto}.rtb-note b{color:#a8861f}<br /> @media (max-width:850px){<br /> .rtb-stats{grid-template-columns:repeat(2,1fr)}<br /> .rtb-cards{grid-template-columns:1fr}<br /> .rtb-steps{grid-template-columns:repeat(2,1fr)}<br /> .rtb-cmds{grid-template-columns:1fr}<br /> .rtb-cmds &gt; .rtb-cmd:last-child:nth-child(odd){grid-column:auto;max-width:none}<br /> .rtb-hero h1{font-size:32px}<br /> }<br /> <br /> /* ===== Coleções de Cartas (colc-) — AureumRO 2026-06-15 ===== */<br /> .colc-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .colc-wrap *{box-sizing:border-box}<br /> <br /> /* hero */<br /> .colc-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .colc-hero-npc{height:178px;width:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));flex:0 0 auto}<br /> .colc-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .colc-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .colc-lead{color:#efe2c4;font-size:16px;max-width:640px;margin:0}<br /> .colc-lead b{color:#f4d97a}<br /> <br /> /* stats */<br /> .colc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 6px}<br /> .colc-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .colc-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .colc-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> <br /> /* headings */<br /> .colc-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .colc-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> <br /> /* steps */<br /> .colc-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .colc-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .colc-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .colc-step b{color:#7a5a12}<br /> .colc-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .colc-note b{color:#7a5a12}<br /> <br /> /* lista de coleções */<br /> .colc-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}<br /> /* coleção órfã na última linha (total ímpar) -&gt; centraliza entre as 2 colunas */<br /> .colc-list&gt;.colc-col:last-child:nth-child(odd){grid-column:1 / -1;width:calc(50% - 9px);justify-self:center}<br /> @media(max-width:860px){.colc-list,.colc-steps,.colc-stats{grid-template-columns:1fr}.colc-list&gt;.colc-col:last-child:nth-child(odd){grid-column:auto;width:auto}}<br /> .colc-col{background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column}<br /> .colc-col-head{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#241906,#3a2c14);padding:12px 14px}<br /> .colc-col-idx{color:#d4af37;font-weight:800;font-size:13px;opacity:.7;font-variant-numeric:tabular-nums}<br /> .colc-col-name{color:#f4d97a;font-weight:800;font-size:17px;flex:1}<br /> .colc-col-total{color:#bfe6b0;font-size:12.5px;font-weight:700;text-align:right;max-width:46%;line-height:1.25}<br /> <br /> .colc-tiers{padding:10px 14px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #efe2c0}<br /> .colc-tier{display:flex;align-items:baseline;gap:10px;font-size:13.5px}<br /> .colc-tier-n{flex:0 0 64px;color:#9a7a2a;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em}<br /> .colc-tier-d{color:#3a2f1e}<br /> <br /> .colc-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:12px 14px 14px}<br /> .colc-card{margin:0;text-align:center}<br /> .colc-card img{width:100%;height:auto;border-radius:6px;border:1px solid #d8c590;box-shadow:0 2px 5px rgba(0,0,0,.2);display:block;background:#efe7d0}<br /> .colc-card figcaption{font-size:10.5px;color:#6a5a38;margin-top:4px;line-height:1.2;font-weight:600}<br /> <br /> .colc-navi{cursor:pointer;color:#8a5e00;font-weight:800;border-bottom:1.5px dashed #c9a23a;white-space:nowrap;padding:0 2px;border-radius:3px;transition:background .15s,color .15s}<br /> .colc-navi:hover{color:#5e3f00;background:#ffefbe}<br /> <br /> .colc-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> <br /> /* ===== Boss Global (.bgl-) ===== */<br /> .bgl-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .bgl-hero{position:relative;text-align:center;padding:38px 24px 30px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.28),transparent 60%),linear-gradient(180deg,#241906,#0d0901)}<br /> .bgl-hero img{width:200px;height:200px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}<br /> .bgl-hero h1{margin:14px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .bgl-hero p{max-width:740px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .bgl-badge{display:inline-block;margin:4px 0 2px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .bgl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-30px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .bgl-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .bgl-stat b{display:block;font-size:16px;color:#a8861f;font-weight:800;line-height:1.18}<br /> .bgl-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .bgl-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:42px 0 16px}<br /> .bgl-h::before,.bgl-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .bgl-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .bgl-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap;text-align:center}<br /> .bgl-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .bgl-wrap .bgl-lead{margin-left:auto;margin-right:auto}.bgl-lead b{color:#9c7d1c}<br /> .bgl-mob{display:flex;gap:30px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 22% 50%,rgba(244,217,122,.14),transparent 58%),linear-gradient(135deg,#2c1f0e,#171003);border:1px solid #5a4a1e;border-radius:16px;padding:24px 32px;flex-wrap:wrap}<br /> .bgl-mob-art{flex:0 0 auto;width:230px;display:flex;align-items:center;justify-content:center;min-height:180px}<br /> .bgl-mob-art img{max-width:210px;max-height:200px;image-rendering:pixelated;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}<br /> .bgl-mob-info{flex:1 1 320px;min-width:280px}<br /> .bgl-mob-name{font-size:1.7em;font-weight:800;color:#f4d97a;line-height:1.1}<br /> .bgl-mob-sub{color:#d4af37;font-size:.8em;letter-spacing:1.5px;text-transform:uppercase;margin:4px 0 14px}<br /> .bgl-feat{list-style:none;padding:0;margin:0}<br /> .bgl-feat li{position:relative;padding:8px 0 8px 26px;color:#e9dcc0;font-size:13.8px;line-height:1.5}<br /> .bgl-feat li+li{border-top:1px solid rgba(212,175,55,.13)}<br /> .bgl-feat li::before{content:&quot;\2726&quot;;position:absolute;left:2px;top:8px;color:#d4af37}<br /> .bgl-feat li b{color:#f4d97a;font-weight:700}<br /> .bgl-secret{text-align:center;max-width:820px;margin:24px auto 0;padding:24px 28px;border-radius:14px;border:1px solid rgba(212,175,55,.4);background:radial-gradient(ellipse at 50% -20%,rgba(244,217,122,.20),transparent 62%),linear-gradient(180deg,#2c1f0e,#1a1204)}<br /> .bgl-secret .st{color:#f4d97a;font-size:18px;font-weight:800;display:block;margin-bottom:7px;letter-spacing:.3px}<br /> .bgl-secret p{color:#e9dcc0;font-size:14.5px;line-height:1.7;margin:0;max-width:680px;margin-left:auto;margin-right:auto}<br /> .bgl-secret p b{color:#f4d97a}<br /> .bgl-reward{display:flex;gap:28px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,rgba(244,217,122,.16),transparent 60%),linear-gradient(180deg,#2c1f0e,#1a1204);border:1px solid #5a4a1e;border-radius:16px;padding:22px 30px;flex-wrap:wrap;margin-bottom:8px}<br /> .bgl-reward img{width:118px;image-rendering:pixelated;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55))}<br /> .bgl-reward-t{font-size:1.35em;font-weight:800;color:#f4d97a;margin-bottom:6px}<br /> .bgl-reward-d{color:#e9dcc0;font-size:14px;line-height:1.6;max-width:430px}<br /> .bgl-guaranteed{display:flex;align-items:center;justify-content:center;gap:16px;max-width:440px;margin:16px auto 4px;padding:14px 24px;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,rgba(244,217,122,.32),transparent 72%),linear-gradient(180deg,#fffaf0,#f7e8c4);border:1px solid #d4af37;box-shadow:0 0 16px rgba(212,175,55,.3)}<br /> .bgl-guaranteed img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}<br /> .bgl-guaranteed .gl{display:block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#a8861f}<br /> .bgl-guaranteed .gn{display:block;font-size:18px;font-weight:800;color:#3a2e12;line-height:1.15}<br /> .bgl-guaranteed .gq{display:block;font-size:12.5px;color:#7a6526;font-weight:600;margin-top:2px}<br /> .bgl-multi{text-align:center;font-size:14px;color:#5a4a22;max-width:720px;margin:10px auto 2px;line-height:1.6}.bgl-multi b{color:#a8861f}<br /> .bgl-loot{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:14px auto 0}<br /> .bgl-lcard{width:202px;box-sizing:border-box;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.28);border-top:3px solid #9a9a9a;border-radius:11px;padding:13px 12px;text-align:center}<br /> .bgl-lcard img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}<br /> .bgl-lcard .rar{display:block;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}<br /> .bgl-lcard .nm{font-size:12.5px;color:#3a2e12;font-weight:700;line-height:1.25;margin:6px 0 3px;min-height:31px;display:flex;align-items:center;justify-content:center;overflow-wrap:break-word}<br /> .bgl-lcard .qt{display:block;font-size:11.5px;color:#6b5a2e;margin-bottom:9px}.bgl-lcard .qt b{color:#3a2e12;font-weight:700}<br /> .bgl-lcard .ch{display:inline-block;font-size:13px;font-weight:800;color:#fff;border-radius:999px;padding:3px 14px}<br /> .bgl-lcard.leg{border-color:rgba(217,131,36,.5);border-top-color:#d98324;box-shadow:0 0 14px rgba(217,131,36,.3);background:linear-gradient(180deg,#fffaf0,#fdeed2)}<br /> .leg .rar{color:#c9700f}.leg .ch{background:#d98324}<br /> .bgl-lcard.epic{border-top-color:#9b59b6}.epic .rar{color:#8e44ad}.epic .ch{background:#9b59b6}<br /> .bgl-lcard.rare{border-top-color:#2f74cf}.rare .rar{color:#2f74cf}.rare .ch{background:#2f74cf}<br /> .bgl-lcard.unc{border-top-color:#2e9e5b}.unc .rar{color:#1f8049}.unc .ch{background:#2e9e5b}<br /> .bgl-lcard.com{border-top-color:#9a9a9a}.com .rar{color:#777}.com .ch{background:#8a8a8a}<br /> .bgl-time{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin:8px auto 0}<br /> .bgl-tcard{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:18px 12px;text-align:center}<br /> .bgl-tcard .hh{font-size:22px;font-weight:800;color:#a8861f;line-height:1}<br /> .bgl-tcard .t{display:block;margin-top:8px;font-size:12.5px;color:#5a4a22;line-height:1.5}<br /> .bgl-tcard.go{border-top:3px solid #d24a3a}.bgl-tcard.go .hh{color:#c0392b}<br /> .bgl-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .bgl-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .bgl-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .bgl-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .bgl-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .bgl-step p b{color:#9c7d1c}<br /> .bgl-soon{margin:34px auto 0;max-width:900px;padding:24px 28px;border-radius:14px;border:1px dashed rgba(212,175,55,.55);background:linear-gradient(180deg,#2c1f0e,#1a1204);text-align:center}<br /> .bgl-soon .st{color:#f4d97a;font-size:17px;font-weight:800;letter-spacing:1px;margin-bottom:8px}<br /> .bgl-soon p{color:#e9dcc0;font-size:14.5px;line-height:1.7;margin:0;max-width:720px;margin-left:auto;margin-right:auto}<br /> .bgl-soon p b{color:#f4d97a}<br /> .bgl-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .bgl-wrap .bgl-note{margin-left:auto;margin-right:auto}.bgl-note b{color:#a8861f}<br /> @media (max-width:680px){<br /> .bgl-stats{grid-template-columns:repeat(2,1fr)}<br /> .bgl-time{grid-template-columns:repeat(2,1fr)}<br /> .bgl-steps{grid-template-columns:repeat(2,1fr)}<br /> .bgl-hero h1{font-size:32px}<br /> }<br /> <br /> /* ===== Coleção de Mapa (.cm-*) — segue o padrão das páginas da wiki (estilo .colc-*) ===== */<br /> .cm-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .cm-wrap *{box-sizing:border-box}<br /> .cm-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .cm-hero-ic{height:150px;width:auto;flex:0 0 auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .cm-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .cm-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .cm-lead{color:#efe2c4;font-size:16px;max-width:660px;margin:0}<br /> .cm-lead b{color:#f4d97a}<br /> .cm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px}<br /> .cm-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .cm-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .cm-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> .cm-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .cm-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> .cm-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .cm-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .cm-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .cm-step b{color:#7a5a12}<br /> .cm-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .cm-note b{color:#7a5a12}<br /> .cm-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}<br /> .cm-pill{display:inline-flex;align-items:center;gap:7px;background:#fdf8e8;border:1px solid #e4d49c;border-radius:999px;padding:6px 13px;color:#5c4a22;font-size:13.5px;font-weight:600;text-decoration:none;transition:.15s}<br /> .cm-pill:hover{background:#241906;border-color:#241906;color:#f4d97a}<br /> .cm-pill span{background:#d4af37;color:#241906;font-weight:800;border-radius:999px;padding:0 7px;font-size:11px}<br /> .cm-city{display:flex;align-items:baseline;gap:11px;font-size:23px;font-weight:800;color:#241906;margin:32px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;scroll-margin-top:14px}<br /> .cm-city:before{content:&quot;✦&quot;;color:#d4af37}<br /> .cm-city-n{font-size:12.5px;font-weight:600;color:#8a7a55;text-transform:uppercase;letter-spacing:.04em}<br /> .cm-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}<br /> .cm-col{width:236px;flex:0 0 auto;background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column}<br /> .cm-col-head{display:flex;align-items:center;gap:9px;background:linear-gradient(90deg,#241906,#3a2c14);padding:10px 13px;border-radius:13px 13px 0 0}<br /> .cm-col-name{color:#f4d97a;font-weight:800;font-size:15px;flex:1;line-height:1.2}<br /> .cm-mm{background:radial-gradient(80% 80% at 50% 38%,#2c1f0c,#150e04);height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #efe2c0}<br /> .cm-mm img{max-width:94%;max-height:94%;image-rendering:auto}<br /> .cm-mm-no{color:#7a6a48;font-size:12px;font-style:italic}<br /> .cm-bonus{display:flex;align-items:flex-start;gap:7px;padding:11px 14px 6px;font-size:13.5px;color:#2f6d27;font-weight:700}<br /> .cm-bonus:before{content:&quot;✦&quot;;color:#9a7a2a;font-weight:800}<br /> .cm-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:8px 12px 14px;margin-top:auto}<br /> .cm-it{position:relative;width:38px;height:38px;flex:0 0 auto;cursor:help}<br /> .cm-it&gt;img{width:38px;height:38px;object-fit:contain;border-radius:7px;border:1px solid #d8c590;background:#efe7d0;box-shadow:0 2px 5px rgba(0,0,0,.18);image-rendering:pixelated;display:block}<br /> .cm-it-no{display:flex;align-items:center;justify-content:center;text-align:center;background:#f1ead4;border:1px dashed #c9b27a;border-radius:7px;font-size:8.5px;color:#8a7a55;line-height:1.04;padding:2px;overflow:hidden}<br /> .cm-qty{position:absolute;top:-6px;right:-6px;background:#d4af37;color:#241906;font-size:10px;font-weight:800;border-radius:7px;padding:0 4px;border:1px solid #fffdf7;line-height:1.5}<br /> .cm-it[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);background:#241906;color:#f4e6bd;border:1px solid #d4af37;border-radius:9px;padding:9px 12px;font-size:12px;white-space:pre-line;width:max-content;max-width:230px;box-shadow:0 8px 22px rgba(0,0,0,.45);z-index:60;pointer-events:none;line-height:1.45;font-weight:600;text-align:left}<br /> .cm-it[data-tip]:hover:before{content:&quot;&quot;;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#d4af37;z-index:60}<br /> .cm-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> @media(max-width:760px){.cm-hero{flex-direction:column;text-align:center}.cm-stats{grid-template-columns:1fr}.cm-steps{grid-template-columns:1fr}}<br /> <br /> /* ===== Roleta Poring (.rp-) ===== */<br /> .rp-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .rp-hero{position:relative;text-align:center;padding:38px 24px 30px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 60%),linear-gradient(180deg,#241906,#0d0901)}<br /> .rp-hero img{width:188px;height:188px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}<br /> .rp-hero h1{margin:14px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .rp-hero p{max-width:740px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .rp-badge{display:inline-block;margin:4px 0 2px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .rp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-30px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .rp-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rp-stat b{display:block;font-size:16px;color:#a8861f;font-weight:800;line-height:1.18}<br /> .rp-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .rp-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:42px 0 16px}<br /> .rp-h::before,.rp-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .rp-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .rp-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap;text-align:center}<br /> .rp-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .rp-wrap .rp-lead{margin-left:auto;margin-right:auto}.rp-lead b{color:#9c7d1c}<br /> /* NPC */<br /> .rp-mob{display:flex;gap:30px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 22% 50%,rgba(244,217,122,.16),transparent 58%),linear-gradient(135deg,#2c1f0e,#171003);border:1px solid #5a4a1e;border-radius:16px;padding:24px 32px;flex-wrap:wrap}<br /> .rp-mob-art{flex:0 0 auto;width:210px;display:flex;align-items:center;justify-content:center;min-height:190px}<br /> .rp-mob-art img{max-width:200px;max-height:210px;image-rendering:pixelated;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}<br /> .rp-mob-info{flex:1 1 320px;min-width:280px}<br /> .rp-mob-name{font-size:1.7em;font-weight:800;color:#f4d97a;line-height:1.1}<br /> .rp-mob-sub{color:#d4af37;font-size:.8em;letter-spacing:1.5px;text-transform:uppercase;margin:4px 0 14px}<br /> .rp-feat{list-style:none;padding:0;margin:0}<br /> .rp-feat li{position:relative;padding:8px 0 8px 26px;color:#e9dcc0;font-size:13.8px;line-height:1.5}<br /> .rp-feat li+li{border-top:1px solid rgba(212,175,55,.13)}<br /> .rp-feat li::before{content:&quot;\2726&quot;;position:absolute;left:2px;top:8px;color:#d4af37}<br /> .rp-feat li b{color:#f4d97a;font-weight:700}<br /> /* moedas (intro) */<br /> .rp-coins{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:840px;margin:6px auto 0}<br /> .rp-coin{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-top:4px solid #d4af37;border-radius:12px;padding:18px 16px 16px;text-align:center}<br /> .rp-coin .cn{font-size:18px;font-weight:800;line-height:1.1}<br /> .rp-coin .cd{display:block;margin-top:6px;font-size:12.5px;color:#5a4a22;line-height:1.5}<br /> .rp-coin .cp{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:800;color:#fff;border-radius:999px;padding:3px 14px}<br /> .rp-coin.bronze{border-top-color:#b06b35}.rp-coin.bronze .cn{color:#a05a26}.rp-coin.bronze .cp{background:#b06b35}<br /> .rp-coin.prata{border-top-color:#8d8d8d}.rp-coin.prata .cn{color:#707070}.rp-coin.prata .cp{background:#8d8d8d}<br /> .rp-coin.ouro{border-top-color:#d4af37}.rp-coin.ouro .cn{color:#a8861f}.rp-coin.ouro .cp{background:#d4af37}<br /> /* premios por moeda/linha */<br /> .rp-group{max-width:920px;margin:18px auto 0;border-radius:14px;padding:6px 16px 18px;border:1px solid rgba(212,175,55,.22)}<br /> .rp-group.bronze{background:linear-gradient(180deg,#fbf1e6,#f6e7d4)}<br /> .rp-group.prata{background:linear-gradient(180deg,#f4f4f6,#e9e9ee)}<br /> .rp-group.ouro{background:linear-gradient(180deg,#fdf6e2,#f8ecc6)}<br /> .rp-ghead{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 4px;font-size:16px;font-weight:800;letter-spacing:.5px}<br /> .rp-group.bronze .rp-ghead{color:#a05a26}.rp-group.prata .rp-ghead{color:#6f6f6f}.rp-group.ouro .rp-ghead{color:#a8861f}<br /> .rp-gsub{text-align:center;font-size:12px;color:#7a6526;margin:0 0 10px}<br /> .rp-line{margin:12px 0 0}<br /> .rp-lline{display:block;text-align:center;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#8a7330;margin:6px 0 8px}<br /> .rp-lline b{color:#3a2e12}<br /> .rp-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}<br /> .rp-card{width:128px;box-sizing:border-box;background:#fffdf6;border:1px solid rgba(120,100,40,.2);border-radius:10px;padding:11px 8px 10px;text-align:center}<br /> .rp-card img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}<br /> .rp-card .nm{font-size:11.5px;color:#3a2e12;font-weight:700;line-height:1.22;margin:6px 0 3px;min-height:28px;display:flex;align-items:center;justify-content:center;overflow-wrap:break-word}<br /> .rp-card .qt{display:inline-block;font-size:11px;font-weight:800;color:#5a4a22;background:#efe4c6;border-radius:999px;padding:2px 10px}<br /> /* reset / bonus destaque */<br /> .rp-callout{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:880px;margin:8px auto 0}<br /> .rp-call{flex:1 1 360px;min-width:300px;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:12px;padding:16px 18px}<br /> .rp-call .ct{font-size:14.5px;font-weight:800;color:#a8861f;margin-bottom:5px}<br /> .rp-call p{margin:0;font-size:13px;color:#5a4a22;line-height:1.6}.rp-call p b{color:#9c7d1c}<br /> .rp-call.bonus{border-left-color:#c451a0}.rp-call.bonus .ct{color:#b03e8f}<br /> /* steps */<br /> .rp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .rp-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .rp-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .rp-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .rp-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}.rp-step p b{color:#9c7d1c}<br /> /* botao /navi */<br /> .rp-navibox{text-align:center;margin:30px auto 0;max-width:560px;padding:22px;border-radius:14px;border:1px solid rgba(212,175,55,.4);background:radial-gradient(ellipse at 50% -20%,rgba(244,217,122,.22),transparent 62%),linear-gradient(180deg,#2c1f0e,#1a1204)}<br /> .rp-navibox .nl{display:block;color:#f4d97a;font-size:15px;font-weight:800;margin-bottom:12px}<br /> .rp-navibtn{display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:none;border-radius:999px;padding:12px 26px;font-size:15px;font-weight:800;color:#3a2a06;background:linear-gradient(135deg,#f4d97a,#d4af37);box-shadow:0 5px 16px rgba(212,175,55,.45);transition:transform .12s,box-shadow .12s;font-family:inherit}<br /> .rp-navibtn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(212,175,55,.6)}<br /> .rp-navibtn:active{transform:translateY(0)}<br /> .rp-navibox .nh{display:block;margin-top:10px;font-size:11.5px;color:#c9b88a}<br /> .rp-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .rp-wrap .rp-note{margin-left:auto;margin-right:auto}.rp-note b{color:#a8861f}<br /> @media (max-width:680px){<br /> .rp-stats{grid-template-columns:repeat(2,1fr)}<br /> .rp-coins{grid-template-columns:1fr}<br /> .rp-steps{grid-template-columns:repeat(2,1fr)}<br /> .rp-hero h1{font-size:32px}<br /> }<br /> <br /> /* ==== Hats (Chapeleiro / craft de chapéus) — .htc- ==== */<br /> .htc-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .htc-wrap *{box-sizing:border-box}<br /> .htc-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .htc-hero-ic{height:150px;width:auto;flex:0 0 auto;border-radius:14px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .htc-hero-npc{height:268px;width:auto;flex:0 0 auto;margin-left:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .htc-copy{display:inline-flex;align-items:center;gap:7px;margin-top:9px;background:#241906;color:#f4d97a;border:1px solid #d4af37;border-radius:9px;padding:7px 14px;font-family:Consolas,'Courier New',monospace;font-size:13.5px;font-weight:700;cursor:pointer;transition:.15s}<br /> .htc-copy:hover{background:#3a2c14}<br /> .htc-copy.ok{background:#2f6d27;border-color:#2f6d27;color:#fff}<br /> .htc-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .htc-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .htc-lead{color:#efe2c4;font-size:16px;max-width:660px;margin:0}<br /> .htc-lead b{color:#f4d97a}<br /> .htc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px}<br /> .htc-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .htc-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .htc-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> .htc-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .htc-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> .htc-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .htc-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .htc-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .htc-step b{color:#7a5a12}<br /> .htc-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .htc-note b{color:#7a5a12}<br /> .htc-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}<br /> .htc-card{width:340px;flex:0 0 auto;background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column;scroll-margin-top:14px}<br /> .htc-head{background:linear-gradient(90deg,#241906,#3a2c14);padding:10px 14px;border-radius:13px 13px 0 0;color:#f4d97a;font-weight:800;font-size:15.5px;line-height:1.2}<br /> .htc-mm{background:radial-gradient(80% 80% at 50% 42%,#2c1f0c,#150e04);height:130px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #efe2c0}<br /> .htc-mm img{max-height:88%;max-width:60%;object-fit:contain;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.55)}<br /> .htc-fx{padding:10px 14px;border-bottom:1px dashed #e4d49c;background:#fffaf0;font-size:12.5px;color:#4a3b20;line-height:1.55}<br /> .htc-fx-gap{height:7px}<br /> .htc-sub{padding:9px 14px 0;font-size:11.5px;font-weight:800;color:#8a7a55;text-transform:uppercase;letter-spacing:.06em}<br /> .htc-ings{padding:8px 14px 6px;display:flex;flex-direction:column;gap:5px}<br /> .htc-ing{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#4a3b20}<br /> .htc-ing img{width:24px;height:24px;flex:0 0 auto;image-rendering:pixelated;background:#efe7d0;border:1px solid #d8c590;border-radius:5px}<br /> .htc-q{font-weight:800;color:#7a5a12;min-width:52px;text-align:right}<br /> .htc-in{font-weight:600}<br /> .htc-cost{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:9px 14px;border-top:1px dashed #d8c590;font-size:13px}<br /> .htc-z{font-weight:800;color:#2f6d27}<br /> .htc-c{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#7a5a12}<br /> .htc-c img{width:20px;height:20px;image-rendering:pixelated}<br /> .htc-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> @media(max-width:760px){.htc-hero{flex-direction:column;text-align:center}.htc-stats{grid-template-columns:1fr}.htc-steps{grid-template-columns:1fr}.htc-card{width:100%}}<br /> <br /> <br /> /* ===== Passe de Batalha (.bpw-) ===== */<br /> .bpw-wrap{font-family:'Inter',sans-serif;max-width:980px;margin:0 auto;color:#241906}<br /> .bpw-hero{background:linear-gradient(160deg,#241906 0%,#3a2a10 60%,#241906 100%);border-radius:14px;padding:38px 34px;text-align:center;color:#fdf8e8;margin-bottom:26px}<br /> .bpw-hero img{height:220px;image-rendering:pixelated;margin-bottom:14px}<br /> .bpw-badge{display:inline-block;background:rgba(212,175,55,.15);border:1px solid #d4af37;color:#f4d97a;border-radius:999px;padding:4px 14px;font-size:13px;letter-spacing:.08em;margin-bottom:10px}<br /> .bpw-hero h1{color:#f4d97a;font-size:34px;margin:6px 0 10px;font-weight:800}<br /> .bpw-hero p{max-width:640px;margin:0 auto;line-height:1.6;color:#f2e8cf}<br /> .bpw-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:30px}<br /> .bpw-stat{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:14px;text-align:center}<br /> .bpw-stat b{display:block;color:#8a6d1a;font-size:18px}<br /> .bpw-stat span{font-size:13px;color:#6b5a2e}<br /> .bpw-h{margin:34px 0 14px;border-bottom:2px solid #d4af37;padding-bottom:6px}<br /> .bpw-h span{font-size:22px;font-weight:800;color:#241906}<br /> .bpw-lead{line-height:1.6;margin:0 0 14px}<br /> .bpw-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}<br /> .bpw-step{display:flex;gap:12px;background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:14px}<br /> .bpw-stepn{flex:0 0 34px;height:34px;border-radius:50%;background:#d4af37;color:#241906;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px}<br /> .bpw-step p{margin:4px 0 0;font-size:13.5px;line-height:1.5}<br /> .bpw-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(36,25,6,.12)}<br /> .bpw-table th{background:#241906;color:#f4d97a;padding:10px 12px;text-align:left;font-size:14px}<br /> .bpw-table td{padding:9px 12px;border-bottom:1px solid #f0e8cf;font-size:14px;vertical-align:middle}<br /> .bpw-table tr:nth-child(even) td{background:#fbf6e4}<br /> .bpw-table code{background:#241906;color:#f4d97a;border-radius:6px;padding:2px 8px;font-size:13px}<br /> .bpw-prizes td:first-child,.bpw-prizes td:nth-child(2){white-space:nowrap;font-weight:600;color:#8a6d1a}<br /> .bpw-pi{display:inline-flex;align-items:center;gap:8px;margin:2px 12px 2px 0}<br /> .bpw-pi img{height:44px;width:auto}<br /> .bpw-pi span{font-size:13.5px}<br /> .bpw-final td{background:#f6ecc8 !important;font-weight:700}<br /> .bpw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}<br /> .bpw-card{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}<br /> .bpw-ic{height:100px;display:flex;align-items:center;justify-content:center}<br /> .bpw-ic img{max-height:100px;width:auto}<br /> .bpw-nm{font-weight:700;font-size:15px}<br /> .bpw-ds{font-size:12.5px;color:#6b5a2e;line-height:1.45}<br /> .bpw-pr{background:#241906;color:#f4d97a;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}<br /> .bpw-rules{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:18px 18px 18px 36px;line-height:1.7;margin:0}<br /> .bpw-rules li{margin-bottom:6px}<br /> .bpw-note{background:#f6ecc8;border-left:4px solid #d4af37;border-radius:6px;padding:12px 16px;font-size:13.5px;line-height:1.55;margin-top:14px}<br /> .bpw-wgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}<br /> .bpw-wcard{background:#241906;border:1px solid #3a2a10;border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}<br /> .bpw-wgifs{display:flex;align-items:flex-end;justify-content:center;min-height:270px;max-width:100%;overflow:hidden}<br /> .bpw-wgifs img{max-height:270px;width:auto;max-width:100%;min-width:0;height:auto;object-fit:contain;image-rendering:pixelated}<br /> .bpw-wnm{color:#f4d97a;font-weight:800;font-size:15.5px}<br /> .bpw-wcl{color:#cbb87a;font-size:12.5px;letter-spacing:.04em}<br /> .bpw-cta{margin:34px 0 8px;background:linear-gradient(160deg,#241906,#3a2a10);color:#fdf8e8;text-align:center;border-radius:12px;padding:22px;font-size:16px}<br /> .bpw-cta b{color:#f4d97a}<br /> @media (max-width:600px){.bpw-hero img{height:150px}.bpw-wgifs{min-height:190px}.bpw-wgifs img{max-height:190px}}/* ============================================================<br /> REFINAMENTO — página bespoke (escopo .rf-wrap)<br /> ============================================================ */<br /> .rf-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rf-wrap *, .rf-wrap *::before, .rf-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .rf-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(230,126,34,0.5);<br /> background: radial-gradient(circle at 50% -10%, rgba(255,158,64,0.28) 0%, transparent 58%), linear-gradient(160deg, #26130a 0%, #0d0500 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,180,90,0.18); }<br /> .rf-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #e67e22, transparent); }<br /> .rf-hero img.rf-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(230,126,34,0.5)); }<br /> .rf-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(255,180,90,0.5); border-radius:999px; color:#ffb45a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rf-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#ffe3bd; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rf-hero p { max-width:720px; margin:0 auto; color:#f0d3ac; font-size:15.5px; line-height:1.65; }<br /> .rf-hero p b { color:#ffb45a; }<br /> <br /> /* STATS */<br /> .rf-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .rf-stat { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-top:3px solid #e67e22; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rf-stat b { display:block; font-size:20px; font-weight:800; color:#b35c10; line-height:1.1; }<br /> .rf-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#9c6a2a; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .rf-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .rf-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#b35c10; white-space:nowrap; }<br /> .rf-h::before,.rf-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#e67e22); flex-shrink:0; }<br /> .rf-h::after { background:linear-gradient(90deg,#e67e22,transparent); }<br /> .rf-wrap .rf-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .rf-lead b { color:#b35c10; }<br /> .rf-wrap .rf-note { text-align:center; font-size:12.5px; color:#9c6a2a; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .rf-note b { color:#b35c10; font-style:normal; }<br /> <br /> /* GANHOS POR REFINO */<br /> .rf-gains { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; max-width:940px; margin:0 auto; }<br /> .rf-gain { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:10px; padding:14px 10px; text-align:center; border-top:3px solid #e67e22; }<br /> .rf-gain b { display:block; font-size:13px; font-weight:800; color:#2a2008; }<br /> .rf-gain i { display:block; font-style:normal; font-size:21px; font-weight:800; margin:3px 0 5px; color:#b35c10; }<br /> .rf-gain span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> <br /> /* CARDS DE MINÉRIO */<br /> .rf-ores { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:1000px; margin:0 auto; }<br /> .rf-ore { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:11px; padding:14px 12px; text-align:center; }<br /> .rf-ore img { height:52px; image-rendering:pixelated; margin-bottom:6px; }<br /> .rf-ore b { display:block; font-size:13.5px; font-weight:800; color:#1b1304; }<br /> .rf-ore i { display:block; font-style:normal; font-size:11.5px; color:#b35c10; font-weight:700; margin:2px 0; }<br /> .rf-ore span { display:block; font-size:11px; color:#6b5a2e; line-height:1.4; }<br /> .rf-ore.premium { border:1px solid rgba(212,175,55,0.55); background:linear-gradient(180deg,#fffaef,#fdf3d4); box-shadow:0 4px 14px rgba(212,175,55,0.18); }<br /> <br /> /* TABELAS DE CHANCE */<br /> .rf-tablewrap { overflow-x:auto; max-width:1000px; margin:0 auto; }<br /> .rf-table { width:100%; border-collapse:collapse; background:#fffdf8; border:1px solid rgba(230,126,34,0.3); border-radius:10px; overflow:hidden; font-size:13px; }<br /> .rf-table th { background:linear-gradient(135deg,#3a1e0c,#26130a); color:#ffce96; padding:9px 8px; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; }<br /> .rf-table td { padding:7px 8px; text-align:center; border-top:1px solid rgba(0,0,0,0.06); font-weight:700; }<br /> .rf-table td.lv { background:#fdf3e8; color:#7c5514; font-weight:800; white-space:nowrap; }<br /> .rf-table td.g { color:#2e7d32; }<br /> .rf-table td.y { color:#a8861f; }<br /> .rf-table td.o { color:#c96a10; }<br /> .rf-table td.r { color:#c62828; }<br /> <br /> /* LOJA DE REFINO — bloco destaque escuro */<br /> .rf-shop { border-radius:14px; overflow:hidden; border:1px solid rgba(230,126,34,0.5); background: radial-gradient(circle at 50% -20%, rgba(255,158,64,0.22) 0%, transparent 55%), linear-gradient(160deg,#26130a 0%,#120801 100%); padding:26px 22px; max-width:1000px; margin:0 auto; color:#f0d3ac; }<br /> .rf-shop h3 { margin:0 0 6px; text-align:center; color:#ffe3bd; font-size:22px; font-weight:800; border:none; padding:0; }<br /> .rf-shop .rf-shoplead { text-align:center; max-width:760px; margin:0 auto 18px; font-size:14px; line-height:1.65; color:#f0d3ac; }<br /> .rf-shop .rf-shoplead b { color:#ffb45a; }<br /> .rf-balloon { display:block; width:max-content; margin:0 auto 18px; background:#fff; color:#1b1304; border-radius:8px; padding:7px 18px; font-weight:800; font-size:15px; box-shadow:0 6px 18px rgba(0,0,0,0.4); position:relative; }<br /> .rf-balloon::after { content:&quot;&quot;; position:absolute; left:50%; bottom:-7px; transform:translateX(-50%); border:8px solid transparent; border-top-color:#fff; border-bottom:none; }<br /> .rf-cols { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .rf-col { background:rgba(255,255,255,0.05); border:1px solid rgba(255,180,90,0.25); border-radius:10px; padding:16px; }<br /> .rf-col h4 { margin:0 0 10px; color:#ffb45a; font-size:14px; text-transform:uppercase; letter-spacing:1.5px; border:none; padding:0; }<br /> .rf-col ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }<br /> .rf-col li { font-size:13px; line-height:1.5; padding-left:16px; position:relative; color:#f0d3ac; }<br /> .rf-col li::before { content:&quot;&quot;; position:absolute; left:2px; top:8px; width:5px; height:5px; border-radius:50%; background:#e67e22; }<br /> .rf-col li b { color:#ffce96; }<br /> .rf-col li code { background:rgba(0,0,0,0.4); border:1px solid rgba(255,180,90,0.3); border-radius:5px; padding:1px 7px; color:#ffe3bd; font-size:12.5px; }<br /> <br /> /* BÔNUS DO FERREIRO */<br /> .rf-bonus { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .rf-attr { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:10px; padding:14px; text-align:center; border-top:3px solid #e67e22; }<br /> .rf-attr b { display:block; font-size:15px; font-weight:800; color:#1b1304; }<br /> .rf-attr i { display:block; font-style:normal; font-size:20px; font-weight:800; color:#b35c10; margin:2px 0 8px; }<br /> .rf-attr span { display:block; font-size:11.5px; color:#6b5a2e; line-height:1.6; }<br /> .rf-attr span b { display:inline; font-size:11.5px; color:#b35c10; }<br /> <br /> /* FOOT */<br /> .rf-foot { text-align:center; margin:40px auto 0; max-width:820px; font-size:13px; color:#9c6a2a; font-style:italic; }<br /> <br /> @media (max-width: 760px) {<br /> .rf-stats, .rf-gains, .rf-ores, .rf-bonus { grid-template-columns:repeat(2,1fr); }<br /> .rf-cols { grid-template-columns:1fr; }<br /> }<br /> <br /> /* aviso de sistema novo */<br /> .rf-alert { max-width:880px; margin:18px auto 0; background:#fff4e0; border:1px solid rgba(230,126,34,0.5); border-left:4px solid #e67e22; border-radius:8px; padding:12px 18px; font-size:13px; line-height:1.6; color:#7c4a10; text-align:center; }<br /> .rf-alert b { color:#b35c10; }/* ============================================================<br /> MERCADO DE SERVICOS — página bespoke (escopo .ms-wrap)<br /> ============================================================ */<br /> .ms-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a1a20; }<br /> .ms-wrap *, .ms-wrap *::before, .ms-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .ms-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,160,58,0.5);<br /> background: radial-gradient(circle at 50% -10%, rgba(226,120,170,0.28) 0%, transparent 58%), linear-gradient(160deg, #2d1020 0%, #14060e 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(242,207,125,0.18); }<br /> .ms-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4a03a, transparent); }<br /> .ms-hero img.ms-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,160,58,0.5)); }<br /> .ms-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(242,207,125,0.5); border-radius:999px; color:#f2cf7d; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .ms-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#ffe9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .ms-hero p { max-width:720px; margin:0 auto; color:#ecd2c8; font-size:15.5px; line-height:1.65; }<br /> .ms-hero p b { color:#f2cf7d; }<br /> <br /> /* STATS */<br /> .ms-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .ms-stat { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-top:3px solid #d4a03a; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .ms-stat b { display:block; font-size:20px; font-weight:800; color:#8c3357; line-height:1.1; }<br /> .ms-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a5d55; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .ms-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .ms-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#8c3357; white-space:nowrap; }<br /> .ms-h::before,.ms-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4a03a); flex-shrink:0; }<br /> .ms-h::after { background:linear-gradient(90deg,#d4a03a,transparent); }<br /> .ms-wrap .ms-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a1a20; }<br /> .ms-lead b { color:#8c3357; }<br /> .ms-wrap .ms-note { text-align:center; font-size:12.5px; color:#8a5d55; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .ms-note b { color:#8c3357; font-style:normal; }<br /> <br /> /* GANHOS POR REFINO */<br /> .ms-gains { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .ms-gain { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:10px; padding:14px 10px; text-align:center; border-top:3px solid #d4a03a; }<br /> .ms-gain b { display:block; font-size:13px; font-weight:800; color:#2a1a20; }<br /> .ms-gain i { display:block; font-style:normal; font-size:21px; font-weight:800; margin:3px 0 5px; color:#8c3357; }<br /> .ms-gain span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> <br /> /* CARDS DE MINÉRIO */<br /> .ms-ores { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:1000px; margin:0 auto; }<br /> .ms-ore { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:11px; padding:14px 12px; text-align:center; }<br /> .ms-ore img { height:52px; image-rendering:pixelated; margin-bottom:6px; }<br /> .ms-ore b { display:block; font-size:13.5px; font-weight:800; color:#1b1304; }<br /> .ms-ore i { display:block; font-style:normal; font-size:11.5px; color:#8c3357; font-weight:700; margin:2px 0; }<br /> .ms-ore span { display:block; font-size:11px; color:#6b5a2e; line-height:1.4; }<br /> .ms-ore.premium { border:1px solid rgba(212,175,55,0.55); background:linear-gradient(180deg,#fffaef,#fdf3d4); box-shadow:0 4px 14px rgba(212,175,55,0.18); }<br /> <br /> /* TABELAS DE CHANCE */<br /> .ms-tablewrap { overflow-x:auto; max-width:1000px; margin:0 auto; }<br /> .ms-table { width:100%; border-collapse:collapse; background:#fffdf8; border:1px solid rgba(212,160,58,0.3); border-radius:10px; overflow:hidden; font-size:13px; }<br /> .ms-table th { background:linear-gradient(135deg,#3a1e0c,#2d1020); color:#ffce96; padding:9px 8px; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; }<br /> .ms-table td { padding:7px 8px; text-align:center; border-top:1px solid rgba(0,0,0,0.06); font-weight:700; }<br /> .ms-table td.lv { background:#fdf5ec; color:#7c5514; font-weight:800; white-space:nowrap; }<br /> .ms-table td.g { color:#2e7d32; }<br /> .ms-table td.y { color:#a8861f; }<br /> .ms-table td.o { color:#c96a10; }<br /> .ms-table td.r { color:#c62828; }<br /> <br /> /* LOJA DE REFINO — bloco destaque escuro */<br /> .ms-shop { border-radius:14px; overflow:hidden; border:1px solid rgba(212,160,58,0.5); background: radial-gradient(circle at 50% -20%, rgba(226,120,170,0.22) 0%, transparent 55%), linear-gradient(160deg,#2d1020 0%,#120801 100%); padding:26px 22px; max-width:1000px; margin:0 auto; color:#ecd2c8; }<br /> .ms-shop h3 { margin:0 0 6px; text-align:center; color:#ffe9b8; font-size:22px; font-weight:800; border:none; padding:0; }<br /> .ms-shop .ms-shoplead { text-align:center; max-width:760px; margin:0 auto 18px; font-size:14px; line-height:1.65; color:#ecd2c8; }<br /> .ms-shop .ms-shoplead b { color:#f2cf7d; }<br /> .ms-balloon { display:block; width:max-content; margin:0 auto 18px; background:#fff; color:#1b1304; border-radius:8px; padding:7px 18px; font-weight:800; font-size:15px; box-shadow:0 6px 18px rgba(0,0,0,0.4); position:relative; }<br /> .ms-balloon::after { content:&quot;&quot;; position:absolute; left:50%; bottom:-7px; transform:translateX(-50%); border:8px solid transparent; border-top-color:#fff; border-bottom:none; }<br /> .ms-cols { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .ms-col { background:rgba(255,255,255,0.05); border:1px solid rgba(242,207,125,0.25); border-radius:10px; padding:16px; }<br /> .ms-col h4 { margin:0 0 10px; color:#f2cf7d; font-size:14px; text-transform:uppercase; letter-spacing:1.5px; border:none; padding:0; }<br /> .ms-col ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }<br /> .ms-col li { font-size:13px; line-height:1.5; padding-left:16px; position:relative; color:#ecd2c8; }<br /> .ms-col li::before { content:&quot;&quot;; position:absolute; left:2px; top:8px; width:5px; height:5px; border-radius:50%; background:#d4a03a; }<br /> .ms-col li b { color:#ffce96; }<br /> .ms-col li code { background:rgba(0,0,0,0.4); border:1px solid rgba(242,207,125,0.3); border-radius:5px; padding:1px 7px; color:#ffe9b8; font-size:12.5px; }<br /> <br /> /* BÔNUS DO FERREIRO */<br /> .ms-bonus { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .ms-attr { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:10px; padding:14px; text-align:center; border-top:3px solid #d4a03a; }<br /> .ms-attr b { display:block; font-size:15px; font-weight:800; color:#1b1304; }<br /> .ms-attr i { display:block; font-style:normal; font-size:20px; font-weight:800; color:#8c3357; margin:2px 0 8px; }<br /> .ms-attr span { display:block; font-size:11.5px; color:#6b5a2e; line-height:1.6; }<br /> .ms-attr span b { display:inline; font-size:11.5px; color:#8c3357; }<br /> <br /> /* FOOT */<br /> .ms-foot { text-align:center; margin:40px auto 0; max-width:820px; font-size:13px; color:#8a5d55; font-style:italic; }<br /> <br /> @media (max-width: 760px) {<br /> .ms-stats, .ms-gains, .ms-ores, .ms-bonus { grid-template-columns:repeat(2,1fr); }<br /> .ms-cols { grid-template-columns:1fr; }<br /> }<br /> <br /> /* aviso de sistema novo */<br /> .ms-alert { max-width:880px; margin:18px auto 0; background:#fff4e0; border:1px solid rgba(212,160,58,0.5); border-left:4px solid #d4a03a; border-radius:8px; padding:12px 18px; font-size:13px; line-height:1.6; color:#7c4a10; text-align:center; }<br /> .ms-alert b { color:#8c3357; }<br /> <br /> /* MERCADO DE SERVICOS — cartoes de servico do hub */<br /> .ms-svc { border:1px solid rgba(212,160,58,0.34); border-radius:12px; padding:20px 22px 18px; margin:16px 0 6px;<br /> background:linear-gradient(180deg,#fff,#fdf5ec); box-shadow:0 10px 26px rgba(0,0,0,0.09); }<br /> .ms-svc-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:6px; }<br /> .ms-svc-head h3 { margin:0; font-size:21px; font-weight:800; color:#8c3357; border:none; padding:0; }<br /> .ms-tag { display:inline-block; padding:3px 11px; border-radius:999px; font-size:10.5px; font-weight:700;<br /> letter-spacing:1.2px; text-transform:uppercase; }<br /> .ms-tag.on { background:rgba(46,160,90,0.14); color:#227a49; border:1px solid rgba(46,160,90,0.4); }<br /> .ms-tag.soon { background:rgba(212,160,58,0.16); color:#9a6c14; border:1px solid rgba(212,160,58,0.45); }<br /> .ms-svc-who { font-size:12.5px; color:#8a5d55; font-weight:600; }<br /> .ms-more { display:inline-block; margin-top:10px; padding:9px 18px; border-radius:8px; font-weight:700; font-size:13px;<br /> background:linear-gradient(180deg,#d4a03a,#b8862a); color:#2a1a20 !important; text-decoration:none;<br /> box-shadow:0 4px 12px rgba(212,160,58,0.35); }<br /> .ms-more:hover { filter:brightness(1.08); }<br /> .ms-seealso { margin:26px auto 0; max-width:840px; padding:14px 18px; border-radius:10px; text-align:center;<br /> border:1px solid rgba(212,160,58,0.4); background:linear-gradient(180deg,#fffaf1,#fdf0e0); font-size:14.5px; color:#2a1a20; }<br /> .ms-seealso a { color:#8c3357 !important; font-weight:700; }</div> Admin https://wiki.aureumro.com/index.php?title=Visuais&diff=4754 Visuais 2026-08-04T23:31:44Z <p>Admin: [ROT2] pity real de cada caixa no destaque (40/80/80/200)</p> <hr /> <div>{{DISPLAYTITLE:Visuais}}<br /> __NOTOC__<br /> &lt;html&gt;<br /> &lt;div class=&quot;vis-wrap&quot;&gt;<br /> <br /> &lt;div class=&quot;vis-hero&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/2/28/Visuais.png&quot; alt=&quot;Visuais&quot;&gt;<br /> &lt;div class=&quot;vis-badge&quot;&gt;✦ Cosméticos AureumRO&lt;/div&gt;<br /> &lt;h1&gt;Visuais&lt;/h1&gt;<br /> &lt;p&gt;No AureumRO, expressar seu estilo é para todos. São &lt;b&gt;4 Caixas de Visuais&lt;/b&gt; com mais de &lt;b&gt;100 cosméticos&lt;/b&gt; — e aqui &lt;b&gt;não existe visual ruim&lt;/b&gt;.&lt;/p&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-stats&quot;&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;4&lt;/b&gt;&lt;span&gt;Caixas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;100&lt;/b&gt;&lt;span&gt;Visuais&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;5.000&lt;/b&gt;&lt;span&gt;Cash por caixa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;Garantido&lt;/b&gt;&lt;span&gt;Lendário no pity&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Feitas para todos se divertirem&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Acreditamos que personalizar o visual do seu personagem não pode ser privilégio de poucos. Por isso cada caixa custa um &lt;b&gt;preço justo de 5.000 cash&lt;/b&gt; — acessível para qualquer aventureiro.&lt;/p&gt;<br /> &lt;div class=&quot;vis-msg&quot;&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Não existe visual ruim&lt;/h4&gt;<br /> &lt;p&gt;Cada visual de cada caixa foi escolhido a dedo. Não importa o que sair, você vai abrir algo bonito de usar.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Só visuais. Nada de enrolação&lt;/h4&gt;<br /> &lt;p&gt;As Caixas de Visuais contêm &lt;b&gt;apenas cosméticos&lt;/b&gt; — sem consumíveis sem graça que ninguém liga ocupando espaço. Você paga por visual e recebe visual.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Lendário garantido&lt;/h4&gt;<br /> &lt;p&gt;Cada caixa tem um sistema de &lt;b&gt;pity&lt;/b&gt;: passou do limite de aberturas sem o lendário? A próxima vem com ele, garantido.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-tabs&quot;&gt;<br /> &lt;input type=&quot;radio&quot; name=&quot;visrot&quot; id=&quot;visrot2&quot; checked&gt;<br /> &lt;input type=&quot;radio&quot; name=&quot;visrot&quot; id=&quot;visrot1&quot;&gt;<br /> &lt;div class=&quot;vis-tabbar&quot;&gt;<br /> &lt;label for=&quot;visrot2&quot;&gt;2ª rotação &lt;b&gt;&amp;middot; atual&lt;/b&gt;&lt;/label&gt;<br /> &lt;label for=&quot;visrot1&quot;&gt;1ª rotação&lt;/label&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-pane vis-pane2&quot;&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixas em rotação&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Esta é a &lt;b&gt;2ª rotação&lt;/b&gt; de Caixas de Visuais. Os visuais abaixo são os que estão disponíveis agora &amp;mdash; e, como sempre, &lt;b&gt;não voltarão&lt;/b&gt; em rotações futuras.&lt;/p&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Topo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de topo da cabeça &amp;mdash; &lt;b&gt;21 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/0/04/Visual2_37533.webp&quot; alt=&quot;Pequeno Aprendiz&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Pequeno Aprendiz&lt;/h4&gt;<br /> &lt;p&gt;&lt;b&gt;2,5% de chance&lt;/b&gt; por caixa e &lt;b&gt;garantido a cada 40 caixas&lt;/b&gt;. O item mais cobiçado desta caixa &amp;mdash; e, mesmo na pior sorte, você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/04/Visual2_37533.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Pequeno Aprendiz&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/23/Visual2_36356.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Winghead Blue&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/94/Visual2_32062.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aureum Auréola&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ca/Visual2_37514.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cartola Fantasma&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d1/Visual2_31005.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Grifinho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual2_31330.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fairy Poison Apple&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_32146.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tiara de Grand Peco&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1f/Visual2_36863.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Heroica&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual2_37004.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Hat de bode&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual2_37224.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Argolas Divinas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/51/Visual2_37273.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cabeça de Cavalo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/29/Visual2_37345.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Máscara de Bafomé&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0f/Visual2_37448.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amizade Felina&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual2_37464.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Divina&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b3/Visual2_37467.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Duque Gatistico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b3/Visual2_38008.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Friendly white fox&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/77/Visual2_38038.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sakura Witch Hat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual2_38045.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa de Leão&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/13/Visual2_38117.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Angel Berry Wig&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a4/Visual2_38138.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cat Whisper Cloth&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/aa/Visual2_38166.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Guide of Dead Cap&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Meio&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de meio da cabeça &amp;mdash; &lt;b&gt;24 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual2_31205.webp&quot; alt=&quot;Twin Dragons&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Twin Dragons&lt;/h4&gt;<br /> &lt;p&gt;&lt;b&gt;1% de chance&lt;/b&gt; por caixa e &lt;b&gt;garantido a cada 80 caixas&lt;/b&gt;. O item mais cobiçado desta caixa &amp;mdash; e, mesmo na pior sorte, você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual2_31205.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Twin Dragons&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/08/Visual2_31195.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Skulls&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f8/Visual2_31214.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Crows&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_34286.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Snack Party&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5d/Visual2_31110.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Immortal Power&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/26/Visual2_31156.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Goo Ghost&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/80/Visual2_31181.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Minireaper&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual2_31216.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Music Ring&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/da/Visual2_31263.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Thin Eyes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/32/Visual2_31279.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Blink Eyes Dragon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/28/Visual2_31407.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Midnight Candle&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ca/Visual2_33853.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Black Lotus Flower Coat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2b/Visual2_33854.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Black Navy Coat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a0/Visual2_35103.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Evileye of Falsegods&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e9/Visual2_36279.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Kitsune Kimono&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual2_36301.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Kanzashi Februry&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6b/Visual2_37440.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Caveiras Flutuantes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1d/Visual2_37524.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gelo de Loomin&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9f/Visual2_37612.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manystars&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/95/Visual2_37621.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Elephangel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e5/Visual2_37723.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Rabbit Winged Robe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b1/Visual2_37961.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Yesterday Once More&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b5/Visual2_37962.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Magic Celestial Globe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual2_38103.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Consecrate Aureola&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Baixo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de baixo da cabeça &amp;mdash; &lt;b&gt;20 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_36357.webp&quot; alt=&quot;Maia Aura&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Maia Aura&lt;/h4&gt;<br /> &lt;p&gt;&lt;b&gt;1% de chance&lt;/b&gt; por caixa e &lt;b&gt;garantido a cada 80 caixas&lt;/b&gt;. O item mais cobiçado desta caixa &amp;mdash; e, mesmo na pior sorte, você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_36357.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Maia Aura&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c4/Visual2_31081.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Colorful Spark&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/76/Visual2_36355.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Inlove&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/14/Visual2_31075.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Bubbles&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1c/Visual2_31165.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Lightning Power Black&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b9/Visual2_31051.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Berserk Black&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c2/Visual2_31072.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amaterasu Aura Blue&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3d/Visual2_31073.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Athena Blue&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/da/Visual2_31095.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Walking Enjoy A-Ji&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a3/Visual2_31143.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dim Thunder&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual2_31163.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Feathers&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/51/Visual2_31211.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Void Energy&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/69/Visual2_31227.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Zombie Hands&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual2_32933.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Inuyasha Kagone pet&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/74/Visual2_34214.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cons of Light Dark&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/57/Visual2_36349.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Hologram&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/fb/Visual2_37564.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;White Rabbit&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual2_37629.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Protect Cloth&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a5/Visual2_37638.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Stall of demonios&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual2_38208.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chained bear&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Manto&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de manto &amp;mdash; &lt;b&gt;24 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend gg&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_36358.webp&quot; alt=&quot;Dark Lord Manteau&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Dark Lord Manteau&lt;/h4&gt;<br /> &lt;p&gt;&lt;b&gt;0,5% de chance&lt;/b&gt; por caixa e &lt;b&gt;garantido a cada 200 caixas&lt;/b&gt;. O item mais cobiçado desta caixa &amp;mdash; e, mesmo na pior sorte, você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg gg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_36358.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dark Lord Manteau&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg gg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8b/Visual2_32633.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manto do Dragão Guerreiro&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/bc/Visual2_32692.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Labrys&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a7/Visual2_32695.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Leticia Wings&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/81/Visual2_32780.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Twin Edge&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/73/Visual2_32489.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Samurai Sword&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/91/Visual2_32515.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Valkyrie Spear&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/96/Visual2_32523.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Relicalitea&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/48/Visual2_32580.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Wings Girm&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ad/Visual2_32616.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Big Ribbon Cloa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9e/Visual2_32643.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Diabolic&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f5/Visual2_32645.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Divine Phoenix&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1c/Visual2_32652.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Filir Bag&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual2_32657.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Galapago Aquarium&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cf/Visual2_32693.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Lapine Wings&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/7f/Visual2_32694.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Leaf Umbrella&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/89/Visual2_32696.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Libra Wing&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/30/Visual2_32697.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Loli Ruri Moon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/19/Visual2_32705.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Moonlight Bell&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/50/Visual2_32722.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Plant Outing&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f8/Visual2_32728.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Poring Syringe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/22/Visual2_32775.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sweet Flower Garden&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6f/Visual2_32928.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;HoleWings&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/12/Visual2_37446.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sprite de Maldição&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-pane vis-pane1&quot;&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;&lt;b&gt;Rotação encerrada.&lt;/b&gt; Os visuais abaixo saíram das Caixas de Visuais e &lt;b&gt;não voltarão&lt;/b&gt;. Ficam aqui como registro &amp;mdash; quem conquistou, tem para sempre.&lt;/p&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixas em rotação&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;As Caixas de Visuais funcionam em &lt;b&gt;rotação&lt;/b&gt;: de tempos em tempos, as caixas atuais saem de cena e dão lugar a &lt;b&gt;caixas novas, com visuais novos&lt;/b&gt;. E o mais importante — &lt;b&gt;os visuais da caixa atual nunca mais voltarão&lt;/b&gt; em outras caixas. Quem garante agora, garante para sempre o que é exclusivo daquela rotação.&lt;/p&gt;<br /> <br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Topo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de topo da cabeça — &lt;b&gt;25 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/1/1a/Visual_30031.webp&quot; alt=&quot;Flaming Goats Yellow&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Flaming Goats Yellow&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 100 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1a/Visual_30031.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Flaming Goats Yellow&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30091.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chama Imortal Vermelho&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3a/Visual_30062.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Bola de Praia&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual_30063.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu de Bruxa Orelhuda&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d5/Visual_30064.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Café de Gato&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual_30065.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Chocolat Rabbit&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e1/Visual_30066.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Poring Campeão&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2f/Visual_30067.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Peixe Raivoso&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/62/Visual_30068.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu do Astrólogo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8e/Visual_30069.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu de Buquê&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual_30070.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Ex Twin&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/32/Visual_30071.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu Choco Banana&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/60/Visual_30072.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tigresa Mascote&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b5/Visual_30073.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Deusa Freya&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30074.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Véu Divino&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a6/Visual_30075.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Orelhas Floridas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual_30076.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Guia da Floresta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9f/Visual_30077.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Capuz de Sapo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/18/Visual_30078.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Violeta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/68/Visual_30079.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Gata Halloween&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/31/Visual_30080.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gato Feliz&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0b/Visual_30081.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Boina Olhuda&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/45/Visual_30082.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sombreiro Muka&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0b/Visual_30083.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Quebra Nozes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/66/Visual_30095.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Instinto Vigilante Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Meio&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de meio da cabeça — &lt;b&gt;27 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30116.webp&quot; alt=&quot;Livros da Magia&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Livros da Magia&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 20 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30116.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Livros da Magia&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c0/Visual_30118_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fitas com Biscoitos&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/7f/Visual_30120.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Balões de Aniversário&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/01/Visual_30127.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Experimento Mental&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual_30141.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Céu Estrelado&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/58/Visual_30112.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Óculos Alien Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/30/Visual_30115.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sky Lantern&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3f/Visual_30117.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fitas de Orelha de Gato&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/47/Visual_30119.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mapa do Aventureiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d0/Visual_30121_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Olhos Piscantes Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/80/Visual_30124.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sombrinha Florida&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual_30125.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cinnamon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/67/Visual_30126_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Brilho Divino&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual_30128.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Banquinha Marinha&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c4/Visual_30129_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Abafadores de Orelha de Coração&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30130.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tilby Voadora&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c9/Visual_30131.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amigos da Floresta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8b/Visual_30132.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Morcegos Fantasmagóricos&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/72/Visual_30133.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Anjinho do Amor&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/40/Visual_30134.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Elmo de Rá&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d1/Visual_30135_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Espíritos de Papel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30136.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Balança do Julgamento&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ae/Visual_30137.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aparato Flutuante&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/db/Visual_30138.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Rochosa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/26/Visual_30139.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Caveiras Místicas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/46/Visual_30140.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Drones Vigilantes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ac/Visual_30180.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Byalan&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Baixo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de baixo da cabeça e auras — &lt;b&gt;20 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/5/5e/Visual_30182.webp&quot; alt=&quot;Dobra de Terra&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Dobra de Terra&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 33 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5e/Visual_30182.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Terra&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/12/Visual_30183.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Fogo&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8e/Visual_30186.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Vento&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/85/Visual_30188.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Água&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a1/Visual_30192.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Fantasmagórica Laranja&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f1/Visual_30200_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Cibernética Verde&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2b/Visual_30246_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Elétrica Vermelho&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual_30190.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura do Amor&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/63/Visual_30189_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Antique Pipe Poring&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30191.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Visual de Chiclete&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/bb/Visual_30187_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Brilho das Estrelas Violeta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a7/Visual_30184.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Set de Velas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ee/Visual_30218_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Sheen Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30229_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Atômica Dourada&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/4e/Visual_30214_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura da Natureza Verde&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0d/Visual_30211_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura da Ascensão Branco&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c2/Visual_30042.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Apaixonada&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/33/Visual_30252.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Pétalas Vermelho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/45/Visual_30261.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Outono&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5d/Visual_30267_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Borboletas Colorido&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Manto&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Asas, mantos e mochilas — &lt;b&gt;28 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30049_b.webp&quot; alt=&quot;Aureum Wings Dourada&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Aureum Wings Dourada&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 200 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30049_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aureum Wings Dourada&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/91/Visual_30293_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cruz do Druida Maligno&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/68/Visual_30295_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Foice da Princesa Mestiça&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9e/Visual_30285_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Shuriken Ornamental&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/02/Visual_30280_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Baldir&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e2/Visual_30269_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila da Aventura&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ee/Visual_30270_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Fada Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a6/Visual_30271_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Uriel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8c/Visual_30272_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila de Amstir&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/84/Visual_30273_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Aniversário 20 Anos&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual_30274_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Serafim&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/85/Visual_30275_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Arco nas Costas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d7/Visual_30277_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila do Explorador&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a3/Visual_30278_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Vassoura da Alice&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f0/Visual_30279_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manto Aquático&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual_30281_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila do Cervejeiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual_30282_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila de Coelho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e7/Visual_30283_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cauda de Arbusto&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/18/Visual_30284_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Grimório Mágico Antigo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30286_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Baú do Mímico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b7/Visual_30287_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Véu Abençoado&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9c/Visual_30288_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cutelo do Açougueiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/59/Visual_30289_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gatosquinha&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d2/Visual_30290_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cajado do Relógio&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/41/Visual_30291_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Espada Cibernética&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/59/Visual_30294_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Macabro Gigante&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ab/Visual_30296_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Rabo de Esquilo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30297_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Sakura&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-note&quot;&gt;Todos os visuais acima são cosméticos puros (Costume), aplicados sobre o seu equipamento sem alterar atributos. Personalize sem abrir mão da build.&lt;/div&gt;<br /> <br /> &lt;a href=&quot;/wiki/Item_Recolor&quot; style=&quot;display:flex;align-items:center;gap:18px;margin:34px auto 6px;max-width:760px;padding:20px 26px;text-decoration:none;border:1px solid rgba(198,160,74,.45);border-radius:16px;background:linear-gradient(135deg,rgba(40,30,12,.55),rgba(20,16,8,.35));box-shadow:0 6px 22px rgba(0,0,0,.28)&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/8/88/ItemRecolor.png&quot; alt=&quot;Item Recolor&quot; style=&quot;width:74px;height:74px;flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))&quot;&gt;<br /> &lt;div style=&quot;line-height:1.5&quot;&gt;<br /> &lt;div style=&quot;font-size:1.18em;font-weight:800;color:#e9c876;letter-spacing:.3px&quot;&gt;✦ Ah, e ainda temos o sistema de Recolor&lt;/div&gt;<br /> &lt;div style=&quot;color:#d8cdb4;margin-top:4px&quot;&gt;Boa parte desses visuais ganha &lt;b style=&quot;color:#e9c876&quot;&gt;versões recoloridas exclusivas do AureumRO&lt;/b&gt; — o mesmo visual que você ama, em dezenas de cores novas. &lt;b style=&quot;color:#f0d898&quot;&gt;Conheça o Item Recolor →&lt;/b&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/a&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> <br /> [[Categoria:Sobre o servidor]]</div> Admin https://wiki.aureumro.com/index.php?title=MediaWiki:Common.css&diff=4753 MediaWiki:Common.css 2026-08-04T23:07:13Z <p>Admin: [ROT2] destaque da 2a rotacao com altura fixa (iguala Pequeno Aprendiz e Twin Dragons)</p> <hr /> <div><br /> <br /> /* ============================================================<br /> AureumRO Wiki — Identidade própria (Vector legacy)<br /> Paleta dourada + fontes Cinzel/Cormorant + decoração medieval<br /> ============================================================ */<br /> <br /> /* === FONTES ============================================== */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;display=swap');<br /> <br /> /* === VARIÁVEIS ============================================ */<br /> :root {<br /> --aur-primary: #d4af37;<br /> --aur-primary2: #a8861f;<br /> --aur-dark: #1b1304;<br /> --aur-darker: #0e0a02;<br /> --aur-accent: #f4d97a;<br /> --aur-bronze: #8a6c1e;<br /> --aur-border: rgba(212, 175, 55, 0.22);<br /> --aur-text: #3a2614;<br /> --aur-muted: #8a7a5a;<br /> --aur-surface: #fdf8e8;<br /> --aur-cream: #faf4e0;<br /> }<br /> <br /> /* === FUNDO GERAL ========================================== */<br /> body {<br /> background: #faf4e0 !important;<br /> font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;<br /> font-size: 16px !important;<br /> color: #3a2614 !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> /* === LOGO ================================================= */<br /> a.mw-wiki-logo {<br /> width: 200px !important;<br /> height: 200px !important;<br /> background-size: 190px 190px !important;<br /> background-repeat: no-repeat !important;<br /> background-position: center center !important;<br /> display: block !important;<br /> filter: drop-shadow(0 4px 12px rgba(212,175,55,0.25));<br /> }<br /> <br /> #p-logo {<br /> width: 220px !important;<br /> height: 210px !important;<br /> padding: 5px 0 0 0 !important;<br /> margin: 0 !important;<br /> overflow: visible !important;<br /> background: linear-gradient(180deg, transparent, rgba(212,175,55,0.05)) !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.2) !important;<br /> }<br /> <br /> /* === TOPBAR =============================================== */<br /> #mw-head,<br /> .vector-header,<br /> div#mw-head {<br /> background: linear-gradient(180deg, #1b1304 0%, #0e0a02 100%) !important;<br /> border-bottom: 2px solid #d4af37 !important;<br /> box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> #p-namespaces li a,<br /> #p-views li a,<br /> li.selected a,<br /> .vector-tab-noaction a {<br /> background: transparent !important;<br /> color: rgba(255,255,255,0.55) !important;<br /> border-color: transparent !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 11px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 1.5px !important;<br /> text-transform: uppercase !important;<br /> }<br /> #p-namespaces li.selected a,<br /> #p-views li.selected a {<br /> color: #f4d97a !important;<br /> border-bottom: 2px solid #d4af37 !important;<br /> background: rgba(212,175,55,0.12) !important;<br /> }<br /> #p-namespaces li a:hover,<br /> #p-views li a:hover {<br /> color: #fff !important;<br /> background: rgba(255,255,255,0.06) !important;<br /> }<br /> <br /> #searchInput,<br /> input[name=&quot;search&quot;],<br /> .cdx-text-input__input {<br /> border-radius: 0 !important;<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.6) !important;<br /> background: rgba(0,0,0,0.25) !important;<br /> color: rgba(255,255,255,0.95) !important;<br /> padding: 6px 14px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 14px !important;<br /> font-style: italic !important;<br /> }<br /> #searchInput::placeholder { color: rgba(255,255,255,0.4) !important; font-style: italic; }<br /> #searchButton, .searchButton {<br /> background: #d4af37 !important;<br /> border-radius: 0 !important;<br /> border: none !important;<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1px !important;<br /> text-transform: uppercase !important;<br /> font-size: 10px !important;<br /> }<br /> <br /> /* === SIDEBAR ============================================== */<br /> #mw-panel {<br /> position: absolute !important;<br /> width: 220px !important;<br /> left: 0 !important;<br /> top: 0 !important;<br /> padding-top: 0 !important;<br /> background: #faf4e0 !important;<br /> border-right: 1px solid rgba(212,175,55,0.18) !important;<br /> }<br /> <br /> .portal h3,<br /> #p-tb h3,<br /> #p-navigation h3 {<br /> color: #a8861f !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 10px !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 2px !important;<br /> text-transform: uppercase !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.25) !important;<br /> padding-bottom: 6px !important;<br /> margin-bottom: 8px !important;<br /> position: relative;<br /> }<br /> .portal h3::after,<br /> #p-tb h3::after,<br /> #p-navigation h3::after {<br /> content: &quot;✦&quot;;<br /> position: absolute;<br /> right: 0;<br /> color: #d4af37;<br /> font-size: 9px;<br /> opacity: 0.7;<br /> }<br /> <br /> .portal li a,<br /> #p-tb li a,<br /> #p-navigation li a {<br /> color: #2a1a08 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 600 !important;<br /> text-decoration: none !important;<br /> line-height: 1.95 !important;<br /> transition: all 0.2s !important;<br /> }<br /> .portal li a:hover,<br /> #p-tb li a:hover,<br /> #p-navigation li a:hover {<br /> color: #a8861f !important;<br /> padding-left: 6px !important;<br /> }<br /> <br /> .portal {<br /> margin: 12px 0 !important;<br /> padding: 0 12px !important;<br /> }<br /> <br /> /* === CONTEÚDO PRINCIPAL =================================== */<br /> #content, div#content {<br /> margin-left: 260px !important;<br /> margin-right: 12px !important;<br /> margin-top: 12px !important;<br /> margin-bottom: 12px !important;<br /> background: #fff !important;<br /> border: 1px solid rgba(212,175,55,0.25) !important;<br /> border-radius: 4px !important;<br /> box-shadow: 0 2px 10px rgba(212,175,55,0.08), inset 0 0 0 1px rgba(212,175,55,0.04) !important;<br /> padding: 32px 36px !important;<br /> position: relative;<br /> }<br /> /* Decoração de cantos no content (4 cantos com pequeno detalhe dourado) */<br /> #content::before,<br /> #content::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 14px;<br /> height: 14px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.5;<br /> }<br /> #content::before {<br /> top: 6px; left: 6px;<br /> border-right: none; border-bottom: none;<br /> }<br /> #content::after {<br /> bottom: 6px; right: 6px;<br /> border-left: none; border-top: none;<br /> }<br /> #column-content {<br /> margin-left: 250px !important;<br /> }<br /> #mw-head-base {<br /> margin-left: 230px !important;<br /> }<br /> <br /> /* === TIPOGRAFIA =========================================== */<br /> h1.firstHeading,<br /> #firstHeading {<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 32px !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1.5px !important;<br /> border-bottom: none !important;<br /> padding-bottom: 12px !important;<br /> margin-bottom: 24px !important;<br /> position: relative;<br /> }<br /> h1.firstHeading::after,<br /> #firstHeading::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0; left: 0;<br /> width: 100px; height: 2px;<br /> background: linear-gradient(90deg, #d4af37, transparent);<br /> }<br /> h2 {<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 20px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 1px !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.25) !important;<br /> padding-bottom: 8px !important;<br /> margin: 28px 0 14px !important;<br /> }<br /> h3 {<br /> color: #a8861f !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 0.5px !important;<br /> margin: 20px 0 10px !important;<br /> }<br /> <br /> p { font-size: 16px !important; }<br /> <br /> a, a:visited { color: #a8861f !important; text-decoration: none !important; transition: all 0.15s !important; }<br /> a:hover { color: #d4af37 !important; text-decoration: underline !important; text-decoration-color: rgba(212,175,55,0.5) !important; text-underline-offset: 3px !important; }<br /> a.new { color: #c25450 !important; }<br /> <br /> /* === TABELAS ============================================== */<br /> table.wikitable {<br /> border-collapse: collapse !important;<br /> width: 100% !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 15px !important;<br /> margin: 16px 0 !important;<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-radius: 4px !important;<br /> overflow: hidden !important;<br /> }<br /> table.wikitable th {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02) !important;<br /> color: #f4d97a !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 11px !important;<br /> font-weight: 700 !important;<br /> text-transform: uppercase !important;<br /> letter-spacing: 1.5px !important;<br /> padding: 12px 16px !important;<br /> border: 1px solid rgba(212,175,55,0.4) !important;<br /> }<br /> table.wikitable td {<br /> padding: 10px 16px !important;<br /> border: 1px solid rgba(212,175,55,0.15) !important;<br /> background: #fff !important;<br /> color: #3a2614 !important;<br /> }<br /> table.wikitable tr:nth-child(even) td { background: #fdf8e8 !important; }<br /> table.wikitable tr:hover td { background: #fef3d5 !important; }<br /> <br /> /* === TOC, CATEGORIAS, FOOTER (mantém base) ================ */<br /> #toc, .toc {<br /> background: #fdf8e8 !important;<br /> border: 1px solid rgba(212,175,55,0.25) !important;<br /> border-radius: 4px !important;<br /> padding: 14px 18px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> }<br /> #toc h2, .toc h2 { font-family: 'Inter', system-ui, sans-serif !important; color: #a8861f !important; font-size: 12px !important; letter-spacing: 1.5px !important; }<br /> <br /> #catlinks {<br /> background: #fdf8e8 !important;<br /> border: 1px solid rgba(212,175,55,0.2) !important;<br /> border-radius: 4px !important;<br /> padding: 10px 16px !important;<br /> font-size: 13px !important;<br /> margin-top: 28px !important;<br /> }<br /> <br /> #footer-info-lastmod, li#footer-info-lastmod { display: none !important; }<br /> .page-Página_principal #footer-places,<br /> .page-Página_principal #footer-info { display: none !important; }<br /> <br /> #footer, .mw-footer {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02) !important;<br /> border-top: 2px solid #d4af37 !important;<br /> padding: 14px 24px !important;<br /> }<br /> #footer-places li, #footer-info li, #footer li {<br /> display: inline !important;<br /> color: rgba(255,255,255,0.5) !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 13px !important;<br /> }<br /> #footer-places li::after { content: &quot; · &quot;; color: rgba(212,175,55,0.4); }<br /> #footer-places li:last-child::after { content: &quot;&quot;; }<br /> #footer a { color: rgba(255,255,255,0.55) !important; }<br /> #footer a:hover { color: #d4af37 !important; }<br /> #footer-icons { display: none !important; }<br /> <br /> /* === EDIT BOX, BOTÕES, SCROLLBAR ========================== */<br /> #wpTextbox1 {<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-radius: 4px !important;<br /> padding: 12px !important;<br /> font-size: 14px !important;<br /> font-family: &quot;Courier New&quot;, monospace !important;<br /> }<br /> .mw-ui-progressive,<br /> .oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background: linear-gradient(180deg, #d4af37, #a8861f) !important;<br /> border: 1px solid #8a6c1e !important;<br /> color: #1b1304 !important;<br /> border-radius: 2px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1px !important;<br /> text-transform: uppercase !important;<br /> font-size: 11px !important;<br /> }<br /> ::-webkit-scrollbar { width: 6px; height: 6px; }<br /> ::-webkit-scrollbar-track { background: rgba(212,175,55,0.05); }<br /> ::-webkit-scrollbar-thumb { background: rgba(212,175,55,0.4); border-radius: 0; }<br /> ::-webkit-scrollbar-thumb:hover { background: #d4af37; }<br /> <br /> /* ============================================================<br /> COMPONENTES AureumRO (.aur-*)<br /> ============================================================ */<br /> <br /> /* === HERO com decoração própria ============================ */<br /> .aur-hero {<br /> position: relative;<br /> background:<br /> radial-gradient(circle at 20% 30%, rgba(212,175,55,0.08) 0%, transparent 50%),<br /> radial-gradient(circle at 80% 70%, rgba(212,175,55,0.06) 0%, transparent 50%),<br /> linear-gradient(135deg, #1b1304 0%, #2a1f0c 50%, #0e0a02 100%);<br /> border: 1px solid rgba(212,175,55,0.4);<br /> border-radius: 4px;<br /> padding: 44px 36px;<br /> text-align: center;<br /> margin-bottom: 24px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 24px rgba(212,175,55,0.12), inset 0 1px 0 rgba(255,255,255,0.05);<br /> }<br /> /* Cantos decorativos do hero (4 cantos) */<br /> .aur-hero::before,<br /> .aur-hero::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 32px;<br /> height: 32px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.6;<br /> }<br /> .aur-hero::before {<br /> top: 10px; left: 10px;<br /> border-right: none; border-bottom: none;<br /> }<br /> .aur-hero::after {<br /> bottom: 10px; right: 10px;<br /> border-left: none; border-top: none;<br /> }<br /> .aur-hero-title {<br /> color: #fff;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 36px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> margin-bottom: 10px;<br /> text-shadow: 0 2px 8px rgba(212,175,55,0.3);<br /> line-height: 1.15;<br /> }<br /> .aur-hero-title .accent {<br /> background: linear-gradient(120deg, #f4d97a 0%, #d4af37 60%, #a8861f 100%);<br /> -webkit-background-clip: text;<br /> -webkit-text-fill-color: transparent;<br /> background-clip: text;<br /> }<br /> .aur-hero-sub {<br /> color: rgba(255,255,255,0.65);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-style: italic;<br /> font-size: 16px;<br /> line-height: 1.6;<br /> margin-bottom: 22px;<br /> max-width: 640px;<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> .aur-hero-badge {<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.5);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> letter-spacing: 3px;<br /> text-transform: uppercase;<br /> padding: 5px 14px;<br /> border-radius: 0;<br /> margin-bottom: 18px;<br /> }<br /> .aur-pills {<br /> display: flex;<br /> gap: 10px;<br /> justify-content: center;<br /> flex-wrap: wrap;<br /> }<br /> .aur-pill {<br /> background: rgba(212,175,55,0.08);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> color: rgba(255,255,255,0.8);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> padding: 6px 14px;<br /> border-radius: 0;<br /> font-size: 13px;<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> transition: all 0.2s;<br /> }<br /> .aur-pill:hover {<br /> border-color: #d4af37;<br /> background: rgba(212,175,55,0.18);<br /> color: #fff;<br /> }<br /> <br /> /* === STATS GRANDES (4 cards substituem a infobar 6-células) === */<br /> .aur-stats {<br /> display: grid;<br /> grid-template-columns: repeat(4, 1fr);<br /> gap: 12px;<br /> margin-bottom: 22px;<br /> }<br /> .aur-stat {<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> border-top: 3px solid #d4af37;<br /> padding: 18px 16px;<br /> text-align: center;<br /> position: relative;<br /> transition: all 0.2s;<br /> }<br /> .aur-stat:hover {<br /> border-top-color: #f4d97a;<br /> box-shadow: 0 6px 18px rgba(212,175,55,0.15);<br /> transform: translateY(-2px);<br /> }<br /> .aur-stat-icon {<br /> font-size: 22px;<br /> color: #d4af37;<br /> margin-bottom: 4px;<br /> }<br /> .aur-stat-label {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 600;<br /> text-transform: uppercase;<br /> letter-spacing: 2px;<br /> color: #8a6c1e;<br /> margin-bottom: 6px;<br /> }<br /> .aur-stat-value {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> letter-spacing: 0.5px;<br /> }<br /> <br /> /* === WIDGETS: Status do servidor + Notícias ============== */<br /> .aur-widgets {<br /> display: grid;<br /> grid-template-columns: 1fr 1.4fr;<br /> gap: 12px;<br /> margin-bottom: 22px;<br /> }<br /> .aur-widget {<br /> background: #fff;<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-radius: 4px;<br /> overflow: hidden;<br /> position: relative;<br /> }<br /> .aur-widget-header {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02);<br /> padding: 12px 18px;<br /> border-bottom: 2px solid #d4af37;<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> }<br /> .aur-widget-title {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 12px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> text-transform: uppercase;<br /> }<br /> .aur-widget-body { padding: 16px 18px; }<br /> .aur-widget-body p { margin: 4px 0; font-size: 14px; color: #3a2614; }<br /> <br /> /* Status indicator */<br /> .aur-status-dot {<br /> display: inline-block;<br /> width: 10px; height: 10px;<br /> border-radius: 50%;<br /> background: #2eb86b;<br /> box-shadow: 0 0 8px #2eb86b;<br /> animation: aur-pulse 2s infinite;<br /> }<br /> @keyframes aur-pulse {<br /> 0%, 100% { opacity: 1; }<br /> 50% { opacity: 0.6; }<br /> }<br /> .aur-status-line {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> padding: 6px 0;<br /> border-bottom: 1px dashed rgba(212,175,55,0.18);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> }<br /> .aur-status-line:last-child { border-bottom: none; }<br /> .aur-status-label { color: #6b5a3a; font-size: 14px; }<br /> .aur-status-value { color: #1b1304; font-weight: 600; font-size: 14px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.5px; }<br /> <br /> /* Notícias */<br /> .aur-news-item {<br /> padding: 10px 0;<br /> border-bottom: 1px dashed rgba(212,175,55,0.18);<br /> }<br /> .aur-news-item:last-child { border-bottom: none; }<br /> .aur-news-date {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> color: #a8861f;<br /> text-transform: uppercase;<br /> letter-spacing: 1.5px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-news-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 14px;<br /> color: #1b1304;<br /> font-weight: 600;<br /> }<br /> .aur-news-title a { color: #1b1304 !important; }<br /> .aur-news-title a:hover { color: #d4af37 !important; text-decoration: none !important; }<br /> <br /> /* === BLOCOS DE NAVEGAÇÃO ================================== */<br /> .wiki-blocks {<br /> display: grid;<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 12px;<br /> margin-bottom: 16px;<br /> }<br /> .wiki-block {<br /> background: #fff;<br /> border: 1px solid rgba(212,175,55,0.22);<br /> border-radius: 4px;<br /> overflow: hidden;<br /> transition: all 0.2s;<br /> }<br /> .wiki-block:hover {<br /> border-color: rgba(212,175,55,0.5);<br /> box-shadow: 0 4px 16px rgba(212,175,55,0.1);<br /> }<br /> .wiki-block-title {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02);<br /> padding: 11px 18px;<br /> border-bottom: 2px solid #d4af37;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 10px;<br /> }<br /> .wiki-block-title::before,<br /> .wiki-block-title::after {<br /> content: &quot;✦&quot;;<br /> color: #d4af37;<br /> font-size: 10px;<br /> }<br /> .wiki-block-title-text {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 2px;<br /> }<br /> .wiki-link {<br /> display: flex;<br /> align-items: center;<br /> gap: 12px;<br /> padding: 12px 18px;<br /> border-bottom: 1px solid rgba(212,175,55,0.08);<br /> text-decoration: none !important;<br /> color: #3a2614 !important;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> transition: all 0.18s;<br /> position: relative;<br /> }<br /> .wiki-link::after {<br /> content: &quot;›&quot;;<br /> position: absolute;<br /> right: 14px;<br /> color: rgba(212,175,55,0);<br /> font-size: 18px;<br /> transition: all 0.18s;<br /> }<br /> .wiki-link:last-child { border-bottom: none; }<br /> .wiki-link:hover {<br /> color: #a8861f !important;<br /> background: linear-gradient(90deg, rgba(212,175,55,0.08), transparent);<br /> padding-left: 22px;<br /> }<br /> .wiki-link:hover::after {<br /> color: #d4af37;<br /> right: 10px;<br /> }<br /> .wiki-link img,<br /> .wiki-link .mw-file-element {<br /> width: 40px !important;<br /> height: 40px !important;<br /> max-width: 40px !important;<br /> max-height: 40px !important;<br /> object-fit: contain !important;<br /> flex-shrink: 0 !important;<br /> filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15));<br /> }<br /> /* Ícones do divine-pride são pixel art — manter pixelated */<br /> .wiki-link img[src*=&quot;divine-pride&quot;] {<br /> image-rendering: pixelated;<br /> }<br /> /* Wrapper que MediaWiki coloca em [[File:]] */<br /> .wiki-link span[typeof=&quot;mw:File&quot;] {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> flex-shrink: 0 !important;<br /> }<br /> .wiki-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); }<br /> .wiki-grid-2 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-2 .wiki-link:nth-child(2n) { border-right: none; }<br /> .wiki-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); }<br /> .wiki-grid-4 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-4 .wiki-link:nth-child(4n) { border-right: none; }<br /> .wiki-grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); }<br /> .wiki-grid-5 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-5 .wiki-link:nth-child(5n) { border-right: none; }<br /> .wiki-full { grid-column: span 2; }<br /> <br /> @media (max-width: 850px) {<br /> .wiki-blocks { grid-template-columns: 1fr; }<br /> .wiki-full { grid-column: span 1; }<br /> .wiki-grid-4 { grid-template-columns: repeat(2, 1fr); }<br /> .wiki-grid-5 { grid-template-columns: repeat(2, 1fr); }<br /> .aur-stats { grid-template-columns: repeat(2, 1fr); }<br /> .aur-widgets { grid-template-columns: 1fr; }<br /> }<br /> <br /> /* === BANNER FINAL ========================================= */<br /> .aur-banner {<br /> background:<br /> radial-gradient(circle at 30% 50%, rgba(212,175,55,0.1) 0%, transparent 70%),<br /> linear-gradient(135deg, #1b1304, #0e0a02);<br /> border: 1px solid rgba(212,175,55,0.35);<br /> border-radius: 4px;<br /> padding: 18px 22px;<br /> display: flex;<br /> align-items: center;<br /> gap: 16px;<br /> margin: 18px 0;<br /> position: relative;<br /> overflow: hidden;<br /> }<br /> .aur-banner::before,<br /> .aur-banner::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 20px; height: 20px;<br /> border: 1px solid rgba(212,175,55,0.5);<br /> }<br /> .aur-banner::before {<br /> top: 6px; left: 6px;<br /> border-right: none; border-bottom: none;<br /> }<br /> .aur-banner::after {<br /> bottom: 6px; right: 6px;<br /> border-left: none; border-top: none;<br /> }<br /> .aur-banner-title {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-weight: 700;<br /> font-size: 14px;<br /> letter-spacing: 1px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-banner-sub {<br /> color: rgba(255,255,255,0.55);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-style: italic;<br /> font-size: 13px;<br /> line-height: 1.4;<br /> }<br /> .aur-banner-tags {<br /> display: flex;<br /> gap: 8px;<br /> margin-left: auto;<br /> flex-shrink: 0;<br /> }<br /> .aur-banner-tag {<br /> background: rgba(212,175,55,0.18);<br /> border: 1px solid rgba(212,175,55,0.5);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> padding: 4px 10px;<br /> letter-spacing: 1.5px;<br /> text-transform: uppercase;<br /> }<br /> <br /> /* === HERO DE PÁGINA INTERNA ============================== */<br /> .aur-page-hero {<br /> background:<br /> radial-gradient(circle at 30% 20%, rgba(212,175,55,0.1) 0%, transparent 60%),<br /> linear-gradient(135deg, #1b1304 0%, #2a1f0c 50%, #0e0a02 100%);<br /> border: 1px solid rgba(212,175,55,0.4);<br /> border-radius: 4px;<br /> padding: 28px 32px;<br /> margin: 0 auto 32px;<br /> max-width: 720px;<br /> position: relative;<br /> text-align: center;<br /> }<br /> .aur-page-hero::before,<br /> .aur-page-hero::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 22px; height: 22px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.6;<br /> }<br /> .aur-page-hero::before { top: 8px; left: 8px; border-right: none; border-bottom: none; }<br /> .aur-page-hero::after { bottom: 8px; right: 8px; border-left: none; border-top: none; }<br /> .aur-page-hero-badge {<br /> display: inline-block;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.45);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> letter-spacing: 1.6px;<br /> text-transform: uppercase;<br /> padding: 5px 14px;<br /> margin-bottom: 12px;<br /> }<br /> .aur-page-hero-sub {<br /> color: rgba(255,255,255,0.7);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> line-height: 1.55;<br /> }<br /> <br /> /* === TÍTULOS DE SEÇÃO — banner suave ===================== */<br /> .aur-section-banner {<br /> display: inline-block;<br /> position: relative;<br /> margin: 32px auto 20px;<br /> padding: 14px 56px;<br /> background: linear-gradient(180deg, #fdf8e8 0%, #faf0d4 100%);<br /> border: 1px solid rgba(212,175,55,0.35);<br /> border-radius: 4px;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.08), inset 0 1px 0 rgba(255,255,255,0.6);<br /> }<br /> .aur-section-banner::before,<br /> .aur-section-banner::after {<br /> content: &quot;✦&quot;;<br /> position: absolute;<br /> top: 50%;<br /> transform: translateY(-50%);<br /> color: #d4af37;<br /> font-size: 11px;<br /> opacity: 0.7;<br /> }<br /> .aur-section-banner::before { left: 22px; }<br /> .aur-section-banner::after { right: 22px; }<br /> .aur-section-banner-text {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> letter-spacing: 0.5px;<br /> }<br /> /* Compat: manter .aur-section-title antigo funcional sem ícone */<br /> .aur-section-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 20px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> margin: 28px 0 18px;<br /> text-align: center;<br /> }<br /> .aur-section-icon { display: none; }<br /> <br /> /* === GRID DE INFOS (substitui tabela) ===================== */<br /> .aur-info-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 10px;<br /> margin: 0 auto 16px;<br /> max-width: 880px;<br /> }<br /> .aur-info-grid-2 {<br /> grid-template-columns: repeat(2, 1fr);<br /> max-width: 640px;<br /> }<br /> .aur-info-cell {<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-top: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 14px 16px;<br /> text-align: center;<br /> transition: all 0.18s;<br /> }<br /> .aur-info-cell:hover {<br /> border-top-color: #f4d97a;<br /> transform: translateY(-2px);<br /> box-shadow: 0 4px 12px rgba(212,175,55,0.15);<br /> }<br /> .aur-info-label {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 1.4px;<br /> color: #8a6c1e;<br /> margin-bottom: 6px;<br /> }<br /> .aur-info-value {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 16px;<br /> font-weight: 600;<br /> color: #1b1304;<br /> line-height: 1.3;<br /> }<br /> .aur-info-value small {<br /> display: block;<br /> font-size: 11px;<br /> font-weight: 400;<br /> color: #a09075;<br /> margin-top: 2px;<br /> letter-spacing: 0.3px;<br /> }<br /> <br /> /* === DICA / TIP CARD ===================================== */<br /> .aur-tip-card {<br /> display: flex;<br /> align-items: flex-start;<br /> gap: 16px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 18px 20px;<br /> margin: 0 auto 16px;<br /> max-width: 720px;<br /> text-align: left;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.1);<br /> }<br /> .aur-tip-icon {<br /> flex-shrink: 0;<br /> width: 48px; height: 48px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.12);<br /> border-radius: 4px;<br /> image-rendering: pixelated;<br /> }<br /> .aur-tip-icon .mw-file-element {<br /> width: 36px !important;<br /> height: 36px !important;<br /> max-width: 36px !important;<br /> max-height: 36px !important;<br /> image-rendering: pixelated;<br /> }<br /> .aur-tip-body { flex: 1; }<br /> .aur-tip-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 1.6px;<br /> color: #a8861f;<br /> margin-bottom: 6px;<br /> }<br /> .aur-tip-text {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> color: #3a2614;<br /> line-height: 1.6;<br /> }<br /> <br /> /* === DIVIDER decorativo ✦ ================================ */<br /> .aur-divider {<br /> display: flex;<br /> align-items: center;<br /> gap: 14px;<br /> margin: 32px auto 24px;<br /> max-width: 880px;<br /> }<br /> .aur-divider::before,<br /> .aur-divider::after {<br /> content: &quot;&quot;;<br /> flex: 1;<br /> height: 1px;<br /> background: linear-gradient(90deg, transparent, rgba(212,175,55,0.4), transparent);<br /> }<br /> .aur-divider span {<br /> color: #d4af37;<br /> font-size: 14px;<br /> }<br /> <br /> @media (max-width: 800px) {<br /> .aur-info-grid { grid-template-columns: repeat(2, 1fr); }<br /> .aur-info-grid-2 { grid-template-columns: 1fr; }<br /> }<br /> <br /> /* === CONTEÚDO CENTRALIZADO (.aur-centered wrapper) ====== */<br /> .aur-centered { text-align: center; }<br /> .aur-centered h1, .aur-centered h2, .aur-centered h3 {<br /> text-align: center !important;<br /> border-bottom: none !important;<br /> position: relative;<br /> }<br /> .aur-centered h1::after,<br /> .aur-centered h2::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: -4px; left: 50%;<br /> transform: translateX(-50%);<br /> width: 80px; height: 2px;<br /> background: linear-gradient(90deg, transparent, #d4af37, transparent) !important;<br /> }<br /> .aur-centered p { text-align: center; }<br /> .aur-centered ul, .aur-centered ol {<br /> display: inline-block;<br /> text-align: left;<br /> }<br /> .aur-centered table {<br /> margin-left: auto !important;<br /> margin-right: auto !important;<br /> }<br /> .aur-centered .mw-editsection,<br /> .aur-centered .mw-editsection-bracket { display: none !important; }<br /> <br /> /* === SEPARADOR DECORATIVO (flor de lis estilizada) ======= */<br /> .aur-separator {<br /> display: flex;<br /> align-items: center;<br /> gap: 16px;<br /> margin: 28px 0;<br /> color: rgba(212,175,55,0.4);<br /> }<br /> .aur-separator::before,<br /> .aur-separator::after {<br /> content: &quot;&quot;;<br /> flex: 1;<br /> height: 1px;<br /> background: linear-gradient(90deg, transparent, rgba(212,175,55,0.4), transparent);<br /> }<br /> .aur-separator-icon { font-size: 14px; color: #d4af37; }<br /> <br /> /* === FIX ABAS DO HEADER (mantém base do Edda) ============= */<br /> #p-namespaces li,<br /> #p-namespaces li a,<br /> #p-namespaces li.selected,<br /> #p-namespaces li.selected a,<br /> #p-views li,<br /> #p-views li a,<br /> #p-views li.selected,<br /> #p-views li.selected a,<br /> .vector-tab-noaction,<br /> .vector-tab-noaction a,<br /> div#p-namespaces ul li,<br /> div#p-views ul li {<br /> background: transparent !important;<br /> background-color: transparent !important;<br /> background-image: none !important;<br /> border: none !important;<br /> border-color: transparent !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> #left-navigation {<br /> margin-left: 230px !important;<br /> }<br /> <br /> /* === ALIASES .edda-* para compatibilidade transitória ===== */<br /> .edda-hero { /* alias deprecado */ }<br /> .edda-pill, .edda-pills,<br /> .edda-infobar, .edda-infobar-cell, .edda-infobar-label, .edda-infobar-value,<br /> .edda-banner, .edda-banner-title, .edda-banner-sub, .edda-banner-tags, .edda-banner-tag {<br /> /* nada — abandonado, use .aur-* */<br /> }<br /> <br /> /* === TIP CARD sem ícone (modifier) ====================== */<br /> .aur-tip-card-noicon { padding-left: 22px; }<br /> .aur-tip-card-noicon .aur-tip-body { width: 100%; }<br /> <br /> /* === ALINHAMENTO: último item ímpar centralizado ========= */<br /> /* Regra global pra TODOS os grids: quando o último item fica<br /> sozinho na última linha, centraliza horizontalmente. */<br /> .aur-info-grid &gt; .aur-info-cell:last-child:nth-child(3n - 2),<br /> .aur-info-grid:not(.aur-info-grid-2) &gt; .aur-info-cell:last-child:nth-child(3n + 1) {<br /> grid-column: 2 / span 1;<br /> }<br /> .aur-info-grid-2 &gt; .aur-info-cell:last-child:nth-child(odd) {<br /> grid-column: 1 / -1;<br /> max-width: calc((100% - 10px) / 2);<br /> justify-self: center;<br /> }<br /> <br /> /* === COMPACTAÇÃO (.aur-compact wrapper) ================== */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 18px 24px;<br /> margin-bottom: 16px;<br /> max-width: 600px;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 6px;<br /> font-size: 10px;<br /> padding: 3px 11px;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 13px;<br /> line-height: 1.4;<br /> }<br /> .aur-compact .aur-section-banner {<br /> margin: 14px auto 10px;<br /> padding: 10px 48px;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 16px; }<br /> .aur-compact .aur-info-grid { gap: 6px; margin-bottom: 10px; }<br /> .aur-compact .aur-info-cell {<br /> padding: 9px 12px;<br /> border-top-width: 2px;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 9.5px;<br /> letter-spacing: 1.2px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-compact .aur-info-value { font-size: 13.5px; line-height: 1.25; }<br /> .aur-compact .aur-info-value small {<br /> font-size: 10px;<br /> margin-top: 1px;<br /> }<br /> .aur-compact .aur-tip-card {<br /> padding: 10px 16px;<br /> margin-bottom: 10px;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 10px;<br /> margin-bottom: 4px;<br /> letter-spacing: 1.4px;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 13px; line-height: 1.45; }<br /> .aur-tip-compact .aur-tip-title { margin-bottom: 2px; }<br /> .aur-tip-compact .aur-tip-text { font-size: 13px; }<br /> <br /> /* === VIP — destaque visual marcante ===================== */<br /> .aur-section-banner-vip {<br /> background: linear-gradient(180deg, #1b1304 0%, #2a1f0c 100%) !important;<br /> border: 1px solid #d4af37 !important;<br /> box-shadow: 0 4px 14px rgba(212,175,55,0.25), inset 0 1px 0 rgba(255,255,255,0.08) !important;<br /> padding-right: 110px !important;<br /> position: relative;<br /> }<br /> .aur-section-banner-vip::before,<br /> .aur-section-banner-vip::after {<br /> color: #f4d97a !important;<br /> opacity: 1 !important;<br /> font-size: 12px !important;<br /> }<br /> .aur-section-banner-vip .aur-section-banner-text {<br /> color: #f4d97a !important;<br /> letter-spacing: 2px !important;<br /> text-shadow: 0 0 12px rgba(244,217,122,0.4);<br /> }<br /> .aur-vip-tag {<br /> position: absolute;<br /> right: 14px;<br /> top: 50%;<br /> transform: translateY(-50%);<br /> background: linear-gradient(180deg, #d4af37, #a8861f);<br /> color: #1b1304;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 9px;<br /> font-weight: 800;<br /> letter-spacing: 1.4px;<br /> text-transform: uppercase;<br /> padding: 4px 9px;<br /> border-radius: 12px;<br /> box-shadow: 0 2px 6px rgba(212,175,55,0.4);<br /> }<br /> .aur-tip-vip {<br /> background: linear-gradient(180deg, #fff8e0, #fdf0c8) !important;<br /> border-color: rgba(212,175,55,0.5) !important;<br /> border-left-color: #d4af37 !important;<br /> border-left-width: 5px !important;<br /> }<br /> .aur-info-grid-vip .aur-info-cell {<br /> background: linear-gradient(180deg, #fffbe8, #fdf0c8);<br /> border-top-color: #f4d97a !important;<br /> border-top-width: 3px !important;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.12);<br /> }<br /> .aur-info-grid-vip .aur-info-cell:hover {<br /> border-top-color: #ffe999 !important;<br /> box-shadow: 0 5px 14px rgba(212,175,55,0.22);<br /> }<br /> .aur-info-grid-vip .aur-info-label { color: #a8861f !important; }<br /> <br /> /* === VIP fix: esconder ✦ direito (a tag EXCLUSIVO ocupa o espaço) === */<br /> .aur-section-banner-vip::after { display: none !important; }<br /> .aur-section-banner-vip { padding-left: 28px !important; padding-right: 28px !important; }<br /> <br /> /* === VIP: esconder ✦ esquerdo também ==================== */<br /> .aur-section-banner-vip::before { display: none !important; }<br /> .aur-section-banner-vip { padding-left: 28px !important; }<br /> <br /> /* === COMPACTAÇÃO AGRESSIVA (.aur-compact override + extra) === */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 10px 18px !important;<br /> margin-bottom: 8px !important;<br /> max-width: 560px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 3px !important;<br /> font-size: 9px !important;<br /> padding: 2px 10px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 11.5px !important;<br /> line-height: 1.3 !important;<br /> }<br /> .aur-compact .aur-page-hero-sm::before,<br /> .aur-compact .aur-page-hero-sm::after {<br /> width: 14px !important;<br /> height: 14px !important;<br /> }<br /> .aur-compact .aur-section-banner {<br /> margin: 8px auto 6px !important;<br /> padding: 6px 36px !important;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 13px !important; }<br /> .aur-compact .aur-info-grid { gap: 5px !important; margin-bottom: 6px !important; }<br /> .aur-compact .aur-info-cell {<br /> padding: 6px 10px !important;<br /> border-top-width: 2px !important;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 9px !important;<br /> letter-spacing: 1px !important;<br /> margin-bottom: 2px !important;<br /> }<br /> .aur-compact .aur-info-value { font-size: 12.5px !important; line-height: 1.2 !important; }<br /> .aur-compact .aur-info-value small {<br /> font-size: 9.5px !important;<br /> margin-top: 0 !important;<br /> }<br /> .aur-compact .aur-tip-card {<br /> padding: 8px 14px !important;<br /> margin-bottom: 6px !important;<br /> gap: 12px !important;<br /> }<br /> .aur-compact .aur-tip-icon {<br /> width: 38px !important;<br /> height: 38px !important;<br /> }<br /> .aur-compact .aur-tip-icon .mw-file-element {<br /> width: 28px !important;<br /> height: 28px !important;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 9.5px !important;<br /> margin-bottom: 2px !important;<br /> letter-spacing: 1.2px !important;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 12px !important; line-height: 1.4 !important; }<br /> .aur-compact .aur-divider { margin: 8px auto !important; }<br /> .aur-compact .aur-vip-tag {<br /> font-size: 8.5px !important;<br /> padding: 3px 7px !important;<br /> letter-spacing: 1.1px !important;<br /> }<br /> .aur-compact .aur-section-banner-vip { padding-right: 28px !important; }<br /> <br /> /* === ONEPAGE: páginas .aur-compact cabem 100% em 1 tela === */<br /> /* Reduz drasticamente H1 + remove margem grande do firstHeading */<br /> .aur-compact + .aur-compact, /* fallback */<br /> body:has(.aur-compact) h1.firstHeading,<br /> body:has(.aur-compact) #firstHeading {<br /> font-size: 18px !important;<br /> padding-bottom: 4px !important;<br /> margin-bottom: 6px !important;<br /> letter-spacing: 0.5px !important;<br /> }<br /> body:has(.aur-compact) h1.firstHeading::after,<br /> body:has(.aur-compact) #firstHeading::after {<br /> width: 50px !important;<br /> bottom: -2px !important;<br /> }<br /> body:has(.aur-compact) #content,<br /> body:has(.aur-compact) div#content {<br /> padding: 14px 22px !important;<br /> margin-top: 6px !important;<br /> }<br /> body:has(.aur-compact) #content::before,<br /> body:has(.aur-compact) #content::after {<br /> width: 10px !important;<br /> height: 10px !important;<br /> }<br /> <br /> /* Hero ainda menor */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 7px 18px 8px !important;<br /> margin-bottom: 6px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 2px !important;<br /> font-size: 8.5px !important;<br /> padding: 1px 8px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 10.5px !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> /* Banners e dividers ainda mais discretos */<br /> .aur-compact .aur-section-banner {<br /> margin: 6px auto 4px !important;<br /> padding: 5px 32px !important;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 12px !important; }<br /> .aur-compact .aur-divider { margin: 5px auto !important; }<br /> .aur-compact .aur-divider::before,<br /> .aur-compact .aur-divider::after { height: 1px !important; }<br /> .aur-compact .aur-divider span { font-size: 10px !important; }<br /> <br /> /* Grids e cells mais densos */<br /> .aur-compact .aur-info-grid { gap: 4px !important; margin-bottom: 5px !important; }<br /> .aur-compact .aur-info-cell {<br /> padding: 5px 8px !important;<br /> border-top-width: 2px !important;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 8.5px !important;<br /> letter-spacing: 0.9px !important;<br /> margin-bottom: 1px !important;<br /> }<br /> .aur-compact .aur-info-value { font-size: 11.5px !important; line-height: 1.2 !important; }<br /> .aur-compact .aur-info-value small { font-size: 9px !important; }<br /> <br /> /* Tip cards super compactos */<br /> .aur-compact .aur-tip-card {<br /> padding: 6px 12px !important;<br /> margin-bottom: 5px !important;<br /> gap: 10px !important;<br /> }<br /> .aur-compact .aur-tip-icon {<br /> width: 32px !important;<br /> height: 32px !important;<br /> }<br /> .aur-compact .aur-tip-icon .mw-file-element {<br /> width: 24px !important;<br /> height: 24px !important;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 8.5px !important;<br /> margin-bottom: 1px !important;<br /> letter-spacing: 1px !important;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 11px !important; line-height: 1.35 !important; }<br /> <br /> /* VIP banner tag menor */<br /> .aur-compact .aur-vip-tag {<br /> font-size: 8px !important;<br /> padding: 2px 6px !important;<br /> }<br /> .aur-compact .aur-section-banner-vip { padding-right: 28px !important; }<br /> <br /> /* === MESTRA DAS CLASSES — sprite + info row ============== */<br /> .aur-mestra-row {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 28px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-top: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 14px 22px;<br /> margin: 0 auto 10px;<br /> max-width: 560px;<br /> }<br /> .aur-mestra-sprite {<br /> flex-shrink: 0;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.06);<br /> border: 1px solid rgba(212,175,55,0.18);<br /> border-radius: 3px;<br /> padding: 6px;<br /> min-width: 140px;<br /> min-height: 140px;<br /> }<br /> .aur-mestra-sprite img,<br /> .aur-mestra-sprite .mw-file-element {<br /> image-rendering: pixelated !important;<br /> max-width: 160px !important;<br /> max-height: 160px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> }<br /> .aur-mestra-info {<br /> text-align: left;<br /> flex: 1;<br /> max-width: 280px;<br /> }<br /> .aur-mestra-info .aur-info-label {<br /> font-size: 9px !important;<br /> letter-spacing: 1.1px;<br /> color: #8a6c1e;<br /> text-transform: uppercase;<br /> margin-bottom: 2px;<br /> }<br /> .aur-mestra-info .aur-info-value {<br /> font-size: 14px !important;<br /> font-weight: 600;<br /> color: #1b1304;<br /> }<br /> .aur-mestra-info .aur-info-value small {<br /> font-size: 10.5px !important;<br /> font-weight: 400;<br /> color: #a09075;<br /> }<br /> <br /> /* yes / no badges nos valores */<br /> .aur-info-value.aur-yes { color: #1f8f4f !important; }<br /> .aur-info-value.aur-no { color: #b85050 !important; opacity: 0.7; }<br /> <br /> /* === Banner VIP sem tag (padding simétrico) ============== */<br /> .aur-section-banner-vip.aur-banner-no-tag {<br /> padding-left: 28px !important;<br /> padding-right: 28px !important;<br /> }<br /> <br /> /* === MESTRA — sprite SEM moldura ========================== */<br /> .aur-mestra-sprite-bare {<br /> flex-shrink: 0;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> min-width: 180px;<br /> }<br /> .aur-mestra-sprite-bare img,<br /> .aur-mestra-sprite-bare .mw-file-element {<br /> image-rendering: pixelated !important;<br /> max-width: 220px !important;<br /> max-height: 220px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> background: none !important;<br /> border: none !important;<br /> }<br /> <br /> /* === Botão Copiar /navi ================================== */<br /> .aur-navi-btn {<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> margin-top: 10px;<br /> padding: 7px 14px;<br /> background: linear-gradient(180deg, #d4af37 0%, #a8861f 100%);<br /> color: #1b1304;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> letter-spacing: 0.6px;<br /> text-transform: uppercase;<br /> border: 1px solid #8a6c1e;<br /> border-radius: 4px;<br /> cursor: pointer;<br /> box-shadow: 0 2px 6px rgba(212,175,55,0.3), inset 0 1px 0 rgba(255,255,255,0.25);<br /> transition: all 0.18s;<br /> }<br /> .aur-navi-btn:hover {<br /> background: linear-gradient(180deg, #f4d97a 0%, #d4af37 100%);<br /> transform: translateY(-1px);<br /> box-shadow: 0 4px 10px rgba(212,175,55,0.4);<br /> }<br /> .aur-navi-btn:active { transform: translateY(0); }<br /> .aur-navi-btn-icon { font-size: 13px; }<br /> <br /> /* === Descrição abaixo do bloco da Mestra ================== */<br /> .aur-mestra-desc {<br /> max-width: 620px;<br /> margin: 6px auto 12px;<br /> padding: 0 10px;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.55;<br /> color: #3a2614;<br /> text-align: center;<br /> }<br /> .aur-mestra-desc strong, .aur-mestra-desc b {<br /> color: #1b1304;<br /> font-weight: 700;<br /> }<br /> <br /> /* === Toast notification (copiou!) ======================== */<br /> .aur-toast {<br /> position: fixed;<br /> bottom: 32px;<br /> right: 32px;<br /> z-index: 100000;<br /> display: flex;<br /> align-items: center;<br /> gap: 14px;<br /> background: linear-gradient(180deg, #1b1304 0%, #0e0a02 100%);<br /> color: #fff;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> padding: 14px 18px 14px 16px;<br /> border: 1px solid rgba(212,175,55,0.5);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 4px;<br /> box-shadow: 0 10px 36px rgba(0,0,0,0.45), 0 0 20px rgba(212,175,55,0.18);<br /> min-width: 240px;<br /> max-width: 360px;<br /> opacity: 0;<br /> transform: translateX(20px);<br /> transition: all 0.32s cubic-bezier(0.16, 1, 0.3, 1);<br /> }<br /> .aur-toast-show {<br /> opacity: 1;<br /> transform: translateX(0);<br /> }<br /> .aur-toast-out {<br /> opacity: 0;<br /> transform: translateX(20px);<br /> }<br /> .aur-toast-icon {<br /> width: 28px;<br /> height: 28px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: linear-gradient(180deg, #d4af37, #a8861f);<br /> color: #1b1304;<br /> border-radius: 50%;<br /> font-size: 14px;<br /> font-weight: 800;<br /> flex-shrink: 0;<br /> box-shadow: 0 0 8px rgba(212,175,55,0.5);<br /> }<br /> .aur-toast strong { color: #f4d97a; font-weight: 700; }<br /> .aur-toast small {<br /> color: rgba(255,255,255,0.55);<br /> font-size: 11px;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> }<br /> <br /> /* === GIF Mestra menor (30% menos) ======================== */<br /> .aur-mestra-sprite-bare img,<br /> .aur-mestra-sprite-bare .mw-file-element {<br /> max-width: 150px !important;<br /> max-height: 150px !important;<br /> }<br /> .aur-mestra-sprite-bare { min-width: 150px !important; }<br /> <br /> /* === Botão /navi — versão sóbria/elegante ================ */<br /> .aur-navi-btn {<br /> display: inline-flex !important;<br /> align-items: center;<br /> gap: 7px;<br /> margin-top: 10px;<br /> padding: 7px 14px !important;<br /> background: rgba(27,19,4,0.95) !important;<br /> color: #f4d97a !important;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 0.5px !important;<br /> text-transform: none !important;<br /> border: 1px solid rgba(212,175,55,0.45) !important;<br /> border-radius: 3px !important;<br /> cursor: pointer;<br /> box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;<br /> transition: all 0.18s !important;<br /> }<br /> .aur-navi-btn:hover {<br /> background: #1b1304 !important;<br /> color: #fff !important;<br /> border-color: #d4af37 !important;<br /> box-shadow: 0 3px 10px rgba(212,175,55,0.25) !important;<br /> transform: none !important;<br /> }<br /> .aur-navi-btn:active { background: #0e0a02 !important; }<br /> .aur-navi-btn-icon {<br /> font-size: 12px !important;<br /> opacity: 0.85;<br /> }<br /> <br /> /* === Texto explicativo como card destacado ============== */<br /> .aur-mestra-desc-card {<br /> max-width: 600px;<br /> margin: 12px auto;<br /> padding: 14px 20px 14px 22px;<br /> background: linear-gradient(180deg, #fff 0%, #fdf8e8 100%);<br /> border: 1px solid rgba(212,175,55,0.28);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 3px;<br /> text-align: left;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.55;<br /> color: #3a2614;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.08);<br /> }<br /> .aur-mestra-desc-card strong,<br /> .aur-mestra-desc-card b { color: #1b1304; font-weight: 700; }<br /> .aur-mestra-desc-title {<br /> font-size: 9.5px;<br /> font-weight: 700;<br /> letter-spacing: 1.4px;<br /> text-transform: uppercase;<br /> color: #a8861f;<br /> margin-bottom: 6px;<br /> }<br /> <br /> /* === Botão /navi — sem ícone emoji, alinhado à info ===== */<br /> .aur-navi-btn {<br /> margin-top: 6px !important;<br /> padding: 6px 14px !important;<br /> }<br /> .aur-navi-btn-icon { display: none !important; }<br /> <br /> /* === Toast: barra dourada vertical no lugar do checkmark === */<br /> .aur-toast-bar {<br /> width: 3px;<br /> height: 28px;<br /> background: linear-gradient(180deg, #f4d97a, #d4af37);<br /> border-radius: 2px;<br /> box-shadow: 0 0 8px rgba(212,175,55,0.5);<br /> flex-shrink: 0;<br /> }<br /> .aur-toast-icon { display: none !important; }<br /> /* === Mestra: agrupar valor + botão /navi numa linha coesa === */<br /> .aur-mestra-loc-line {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> flex-wrap: wrap;<br /> }<br /> .aur-mestra-loc-line .aur-info-value { margin: 0 !important; }<br /> .aur-mestra-loc-line .aur-navi-btn { margin-top: 0 !important; }<br /> /* === Mestra: botao /navi grudado abaixo do valor (sem &quot;meio do nada&quot;) === */<br /> .aur-mestra-loc-line {<br /> display: flex !important;<br /> flex-direction: column !important;<br /> align-items: flex-start !important;<br /> gap: 6px !important;<br /> flex-wrap: nowrap !important;<br /> }<br /> .aur-mestra-loc-line .aur-info-value { margin: 0 !important; }<br /> .aur-mestra-loc-line .aur-navi-btn { margin-top: 0 !important; }<br /> <br /> /* === GRID DE ITENS (Caixa do Iniciante e afins) ========== */<br /> .aur-item-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 10px;<br /> margin: 0 auto 16px;<br /> max-width: 880px;<br /> }<br /> .aur-item-card {<br /> display: flex;<br /> align-items: center;<br /> gap: 12px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-left: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 10px 12px;<br /> text-align: left;<br /> transition: all 0.18s;<br /> }<br /> .aur-item-card:hover {<br /> border-left-color: #f4d97a;<br /> transform: translateY(-2px);<br /> box-shadow: 0 4px 12px rgba(212,175,55,0.15);<br /> }<br /> .aur-item-icon {<br /> flex-shrink: 0;<br /> width: 46px; height: 46px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.2);<br /> border-radius: 4px;<br /> }<br /> .aur-item-icon .mw-file-element {<br /> max-width: 40px !important;<br /> max-height: 40px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> image-rendering: pixelated;<br /> }<br /> .aur-item-info { flex: 1; min-width: 0; }<br /> .aur-item-name {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13.5px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> line-height: 1.25;<br /> }<br /> .aur-item-name small {<br /> font-weight: 600;<br /> color: #a8861f;<br /> font-size: 11px;<br /> }<br /> .aur-item-qty {<br /> display: inline-block;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> color: #8a6c1e;<br /> background: rgba(212,175,55,0.15);<br /> border-radius: 3px;<br /> padding: 1px 6px;<br /> margin-left: 4px;<br /> vertical-align: middle;<br /> }<br /> .aur-item-desc {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11.5px;<br /> color: #6a5536;<br /> line-height: 1.4;<br /> margin-top: 3px;<br /> }<br /> /* último item ímpar centraliza na coluna do meio (3-col) */<br /> .aur-item-grid &gt; .aur-item-card:last-child:nth-child(3n - 2) { grid-column: 2 / span 1; }<br /> @media (max-width: 800px) {<br /> .aur-item-grid { grid-template-columns: repeat(2, 1fr); }<br /> }<br /> /* compactação */<br /> .aur-compact .aur-item-grid { gap: 6px !important; margin-bottom: 8px !important; }<br /> .aur-compact .aur-item-card { padding: 7px 9px !important; gap: 9px !important; }<br /> .aur-compact .aur-item-icon { width: 40px !important; height: 40px !important; }<br /> .aur-compact .aur-item-icon .mw-file-element { max-width: 34px !important; max-height: 34px !important; }<br /> .aur-compact .aur-item-name { font-size: 12px !important; }<br /> .aur-compact .aur-item-name small { font-size: 10px !important; }<br /> .aur-compact .aur-item-desc { font-size: 10.5px !important; line-height: 1.35 !important; margin-top: 2px !important; }<br /> <br /> /* ===================================================================<br /> ÉDEN AUREUMRO — página dedicada (layout próprio)<br /> =================================================================== */<br /> .eden-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #1b1304; }<br /> .eden-wrap *, .eden-wrap *::before, .eden-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .eden-hero {<br /> position: relative; text-align: center; padding: 42px 24px 56px; border-radius: 10px;<br /> background:<br /> radial-gradient(circle at 50% -10%, rgba(244,217,122,0.28) 0%, transparent 55%),<br /> linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> border: 1px solid rgba(212,175,55,0.45);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18);<br /> overflow: hidden;<br /> }<br /> .eden-hero::after {<br /> content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;<br /> background: linear-gradient(90deg, transparent, #d4af37, transparent);<br /> }<br /> .eden-hero img { width: 92px; height: 92px; display: block; margin: 0 auto 14px; filter: drop-shadow(0 6px 14px rgba(212,175,55,0.45)); }<br /> .eden-hero .eden-badge {<br /> display: inline-block; font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase;<br /> color: #f4d97a; border: 1px solid rgba(244,217,122,0.45); border-radius: 999px; padding: 5px 16px; margin-bottom: 16px;<br /> }<br /> .eden-hero h1 {<br /> font-size: 40px; font-weight: 800; margin: 0 0 12px; color: #f7e9b8; letter-spacing: 0.5px;<br /> border: none; padding: 0; text-shadow: 0 2px 16px rgba(0,0,0,0.55);<br /> }<br /> .eden-hero p { font-size: 15.5px; color: #ecdcab; max-width: 620px; margin: 0 auto; line-height: 1.65; }<br /> <br /> /* STAT STRIP (sobrepõe a base do hero) */<br /> .eden-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: -34px auto 6px; max-width: 780px; position: relative; z-index: 3; padding: 0 10px; }<br /> .eden-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 7px; padding: 15px 8px; text-align: center; box-shadow: 0 8px 20px rgba(0,0,0,0.1); }<br /> .eden-stat b { display: block; font-size: 27px; font-weight: 800; color: #a8861f; line-height: 1; }<br /> .eden-stat span { display: block; font-size: 10.5px; text-transform: uppercase; letter-spacing: 1px; color: #8a6c1e; margin-top: 7px; font-weight: 600; }<br /> <br /> /* SECTION HEADING */<br /> .eden-h { text-align: center; margin: 40px 0 18px; }<br /> .eden-h span { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #a8861f; position: relative; padding: 0 22px; }<br /> .eden-h span::before, .eden-h span::after { content: &quot;&quot;; position: absolute; top: 50%; width: 46px; height: 1px; background: linear-gradient(90deg, transparent, #d4af37); }<br /> .eden-h span::before { right: 100%; transform: scaleX(-1); }<br /> .eden-h span::after { left: 100%; }<br /> <br /> /* LEAD */<br /> .eden-wrap .eden-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 760px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .eden-lead b { color: #a8861f; }<br /> <br /> /* STEPS / TIMELINE */<br /> .eden-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .eden-step { background: #fff; border: 1px solid rgba(212,175,55,0.25); border-radius: 8px; padding: 20px 15px 17px; text-align: center; transition: transform .18s, box-shadow .18s, border-color .18s; }<br /> .eden-step:hover { transform: translateY(-4px); box-shadow: 0 10px 22px rgba(212,175,55,0.2); border-color: #f4d97a; }<br /> .eden-step .n { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #1b1304; font-weight: 800; font-size: 16px; line-height: 36px; margin: 0 auto 12px; box-shadow: 0 4px 10px rgba(212,175,55,0.4); }<br /> .eden-step h4 { margin: 0 0 7px; font-size: 14.5px; color: #1b1304; font-weight: 700; border: none; padding: 0; }<br /> .eden-step p { margin: 0; font-size: 12.5px; line-height: 1.5; color: #6b5a2e; }<br /> <br /> /* TIER TABLE */<br /> .eden-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .eden-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .eden-tiers td { padding: 14px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; vertical-align: middle; }<br /> .eden-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .eden-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .eden-tiers .coin { color: #a8861f; font-weight: 800; white-space: nowrap; text-align: right; }<br /> .eden-tiers .coin img { width: 30px; height: 30px; vertical-align: -9px; margin-right: 7px; }<br /> .eden-tiers .mis { color: #5a4a22; }<br /> .eden-tiers .book { width: 72px; padding: 8px 0 8px 14px; }<br /> .eden-tiers .book img { width: 52px; height: auto; display: block; background: #fff; border-radius: 8px; padding: 4px; box-shadow: 0 1px 4px rgba(36,25,6,0.16); border: 1px solid rgba(212,175,55,0.35); }<br /> <br /> /* ECONOMY LOOP */<br /> .eden-loop { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: 8px; }<br /> .eden-node { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 8px; padding: 20px 16px; text-align: center; }<br /> .eden-node img { width: 58px; height: 58px; margin: 0 auto 10px; display: block; image-rendering: pixelated; image-rendering: crisp-edges; }<br /> .eden-node .dot { width: 38px; height: 38px; border-radius: 50%; margin: 0 auto 10px; background: linear-gradient(135deg, #f4d97a, #d4af37); }<br /> .eden-node h4 { margin: 0 0 7px; font-size: 13.5px; color: #a8861f; font-weight: 800; border: none; padding: 0; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .eden-node p { margin: 0; font-size: 12.5px; color: #6b5a2e; line-height: 1.5; }<br /> .eden-arrow { display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 26px; font-weight: 700; }<br /> .eden-loop-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 12px; font-style: italic; }<br /> <br /> /* ARMEIRO FEATURE CARDS */<br /> .eden-feats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }<br /> .eden-feat { background: #fff; border: 1px solid rgba(212,175,55,0.25); border-left: 4px solid #d4af37; border-radius: 7px; padding: 20px; transition: box-shadow .18s; }<br /> .eden-feat:hover { box-shadow: 0 8px 20px rgba(212,175,55,0.15); }<br /> .eden-feat h4 { margin: 0 0 9px; font-size: 15.5px; color: #1b1304; font-weight: 700; border: none; padding: 0; }<br /> .eden-feat p { margin: 0; font-size: 13px; line-height: 1.6; color: #5a4a22; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width: 850px) {<br /> .eden-stats { grid-template-columns: repeat(2, 1fr); }<br /> .eden-steps { grid-template-columns: repeat(2, 1fr); }<br /> .eden-loop { grid-template-columns: 1fr; }<br /> .eden-arrow { transform: rotate(90deg); padding: 2px 0; }<br /> .eden-feats { grid-template-columns: 1fr; }<br /> .eden-hero h1 { font-size: 31px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> CURANDEIRA — página bespoke (escopo .cura-wrap)<br /> ========================================================= */<br /> .cura-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> <br /> /* HERO */<br /> .cura-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35);<br /> background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .cura-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cura-hero img { width: auto; height: 171px; image-rendering: pixelated; filter: drop-shadow(0 8px 24px rgba(0,0,0,0.55)); }<br /> .cura-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .cura-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .cura-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> /* STATS STRIP (sobreposta à base do hero) */<br /> .cura-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .cura-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .cura-stat b { display: block; font-size: 24px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .cura-stat span { display: block; margin-top: 4px; font-size: 11.5px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.6px; }<br /> <br /> /* HEADINGS com linha dourada dos dois lados */<br /> .cura-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .cura-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .cura-h::before, .cura-h::after { content: &quot;&quot;; height: 1px; width: 90px; background: linear-gradient(90deg, transparent, #d4af37); }<br /> .cura-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> /* LEAD (especificidade alta p/ vencer .mw-parser-output p) */<br /> .cura-wrap .cura-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 760px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .cura-wrap .cura-lead b { color: #a8861f; }<br /> <br /> /* STEPS — timeline horizontal */<br /> .cura-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .cura-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; position: relative; }<br /> .cura-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .cura-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .cura-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> <br /> /* PRICE TABLE */<br /> .cura-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .cura-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .cura-tiers td { padding: 13px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; vertical-align: middle; }<br /> .cura-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .cura-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .cura-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .cura-tiers .price { text-align: right; font-weight: 800; color: #a8861f; white-space: nowrap; }<br /> .cura-tiers .free { color: #2e7d32; }<br /> <br /> /* PLANOS (Jogador x VIP) */<br /> .cura-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }<br /> .cura-plan { border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 22px 22px 20px; background: linear-gradient(180deg, #fff, #fdf8e8); }<br /> .cura-plan.vip { border: 1px solid #d4af37; box-shadow: 0 8px 22px rgba(212,175,55,0.2); background: linear-gradient(180deg, #fffaef, #fdf3d4); }<br /> .cura-plan-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }<br /> .cura-plan h4 { margin: 0; font-size: 18px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .cura-plan.vip h4 { color: #9a7a17; }<br /> .cura-plan .tag { font-size: 10.5px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; }<br /> .cura-plan .tag.t-free { background: #ece3c8; color: #6b5a2e; }<br /> .cura-plan .tag.t-vip { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .cura-plan ul { list-style: none; margin: 8px 0 0; padding: 0; }<br /> .cura-plan li { padding: 8px 0 8px 26px; position: relative; font-size: 13.8px; color: #3a2e12; border-top: 1px solid rgba(212,175,55,0.14); line-height: 1.45; }<br /> .cura-plan li:first-child { border-top: none; }<br /> .cura-plan li::before { content: &quot;✦&quot;; position: absolute; left: 2px; top: 8px; color: #d4af37; font-size: 12px; }<br /> .cura-plan .dur { margin-top: 14px; text-align: center; font-size: 12.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: #8a6c1e; background: rgba(212,175,55,0.12); border-radius: 8px; padding: 9px; }<br /> <br /> /* CIDADES — chips */<br /> .cura-cities { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; max-width: 880px; margin: 0 auto; }<br /> .cura-city { padding: 6px 13px; border-radius: 999px; background: #fdf8e8; border: 1px solid rgba(212,175,55,0.3); font-size: 13px; color: #5a4a22; font-weight: 600; }<br /> .cura-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 14px; font-style: italic; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width: 850px) {<br /> .cura-stats { grid-template-columns: repeat(2, 1fr); }<br /> .cura-steps { grid-template-columns: repeat(2, 1fr); }<br /> .cura-plans { grid-template-columns: 1fr; }<br /> .cura-hero h1 { font-size: 31px; }<br /> }<br /> /* CURANDEIRA — bloco &quot;sem desvalorizar o suporte&quot; (Sacerdote) */<br /> .cura-priest { border: 1px solid #d4af37; border-radius: 12px; padding: 26px 28px 24px; background: linear-gradient(180deg, #fffaef, #fdf3d4); box-shadow: 0 8px 22px rgba(212,175,55,0.18); max-width: 860px; margin: 0 auto; text-align: center; }<br /> .cura-priest h3 { margin: 0 0 10px; font-size: 19px; color: #9a7a17; font-weight: 800; border: none; padding: 0; letter-spacing: 0.3px; }<br /> .cura-priest p { margin: 0 auto; max-width: 700px; font-size: 14.5px; line-height: 1.7; color: #3a2e12; }<br /> .cura-priest p + p { margin-top: 10px; }<br /> .cura-priest b { color: #a8861f; }<br /> .cura-ladder-label { margin: 22px 0 10px; font-size: 11.5px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: #8a6c1e; }<br /> .cura-ladder { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 580px; margin: 0 auto; }<br /> .cura-rung { background: #fff; border: 1px solid rgba(212,175,55,0.32); border-radius: 10px; padding: 14px 8px; text-align: center; }<br /> .cura-rung.max { background: linear-gradient(135deg, #f4d97a, #d4af37); border-color: #d4af37; box-shadow: 0 5px 14px rgba(212,175,55,0.45); transform: translateY(-4px); }<br /> .cura-rung .lv { display: block; font-size: 21px; font-weight: 800; color: #a8861f; line-height: 1.1; }<br /> .cura-rung.max .lv { color: #3a2a06; }<br /> .cura-rung .who { display: block; margin-top: 4px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: #6b5a2e; line-height: 1.3; }<br /> .cura-rung.max .who { color: #4a3a0a; font-weight: 800; }<br /> @media (max-width: 850px) { .cura-priest { padding: 22px 18px; } }<br /> /* =========================================================<br /> ECONOMIA — página bespoke (escopo .econ-wrap)<br /> ========================================================= */<br /> .econ-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .econ-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .econ-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .econ-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .econ-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .econ-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .econ-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .econ-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .econ-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .econ-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .econ-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .econ-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .econ-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .econ-h::before, .econ-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .econ-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .econ-wrap .econ-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 780px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .econ-wrap .econ-lead b { color: #a8861f; }<br /> .econ-highlights { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .econ-card { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 18px 12px 16px; text-align: center; }<br /> .econ-card img { width: 44px; height: 44px; image-rendering: pixelated; margin-bottom: 8px; }<br /> .econ-card .nm { display: block; font-size: 12.5px; font-weight: 700; color: #1b1304; line-height: 1.3; min-height: 33px; }<br /> .econ-card .ba { margin-top: 8px; font-size: 12.5px; color: #9a8a5e; text-decoration: line-through; }<br /> .econ-card .af { font-size: 21px; font-weight: 800; color: #a8861f; line-height: 1.2; }<br /> .econ-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .econ-table th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase; padding: 12px 14px; text-align: left; font-weight: 700; }<br /> .econ-table th.r { text-align: right; }<br /> .econ-table td { padding: 8px 14px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13.5px; vertical-align: middle; }<br /> .econ-table tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .econ-table tbody tr:hover td { background: #f6ecc6; }<br /> .econ-table .ic { width: 30px; padding: 5px 0 5px 12px; }<br /> .econ-table .ic img { width: 26px; height: 26px; image-rendering: pixelated; vertical-align: middle; display: block; }<br /> .econ-table .nm { font-weight: 600; color: #2a2008; }<br /> .econ-table .be { text-align: right; color: #9a8a5e; text-decoration: line-through; white-space: nowrap; }<br /> .econ-table .arw { text-align: center; color: #d4af37; width: 22px; font-weight: 700; }<br /> .econ-table .af { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .econ-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 14px; font-style: italic; max-width: 760px; margin-left: auto; margin-right: auto; }<br /> @media (max-width: 850px) {<br /> .econ-stats { grid-template-columns: repeat(2, 1fr); }<br /> .econ-highlights { grid-template-columns: repeat(2, 1fr); }<br /> .econ-hero h1 { font-size: 31px; }<br /> .econ-h::before, .econ-h::after { width: 40px; }<br /> }<br /> /* ARMEIRO DO ÉDEN — loja de troca + encantamentos */<br /> .eden-armeiro-loc { text-align: center; font-size: 13px; color: #8a6c1e; margin: 0 0 8px; }<br /> .eden-armeiro-loc b { color: #a8861f; }<br /> .eden-shop { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }<br /> .eden-shopbox { border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }<br /> .eden-shopbox h4 { margin: 0; background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 12px; letter-spacing: 1.2px; text-transform: uppercase; padding: 12px 16px; border: none; font-weight: 700; }<br /> .eden-shopbox table { width: 100%; border-collapse: separate; border-spacing: 0; }<br /> .eden-shopbox td { padding: 8px 16px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13.5px; vertical-align: middle; }<br /> .eden-shopbox tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-shopbox tr:hover td { background: #f6ecc6; }<br /> .eden-shopbox .it { color: #2a2008; font-weight: 600; }<br /> .eden-shopbox .pr { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .eden-shopbox .pr img { width: 16px; height: 16px; vertical-align: -3px; margin-right: 4px; }<br /> .eden-feat ul { margin: 6px 0 0; padding-left: 0; list-style: none; }<br /> .eden-feat li { padding: 5px 0 5px 20px; position: relative; font-size: 13px; color: #3a2e12; line-height: 1.5; }<br /> .eden-feat li::before { content: &quot;\2726&quot;; position: absolute; left: 0; top: 6px; color: #d4af37; font-size: 11px; }<br /> @media (max-width: 850px) { .eden-shop { grid-template-columns: 1fr; } }<br /> /* ARMEIRO DO ÉDEN — portrait NPC, conjunto, /navi, tabela detalhada */<br /> .eden-armeiro { display: flex; gap: 24px; align-items: center; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 20px 26px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }<br /> .eden-armeiro img { width: 120px; height: auto; image-rendering: pixelated; flex-shrink: 0; filter: drop-shadow(0 7px 11px rgba(0,0,0,0.28)); }<br /> .eden-armeiro-txt { font-size: 14px; line-height: 1.6; color: #3a2e12; }<br /> .eden-armeiro-txt p { margin: 0 0 9px; }<br /> .eden-armeiro-txt p:last-child { margin-bottom: 0; }<br /> .eden-armeiro-txt b { color: #a8861f; }<br /> .navi-copy { color: #9a7a17; font-weight: 700; border-bottom: 1px dotted #d4af37; cursor: pointer; white-space: nowrap; transition: background 0.15s, color 0.15s; padding: 0 2px; border-radius: 3px; }<br /> .navi-copy:hover { color: #6e5410; background: rgba(212,175,55,0.16); }<br /> .eden-set { border: 1px dashed #d4af37; border-radius: 10px; padding: 14px 20px; background: rgba(212,175,55,0.08); font-size: 13.5px; line-height: 1.6; color: #3a2e12; text-align: center; max-width: 860px; margin: 0 auto; }<br /> .eden-set b { color: #a8861f; }<br /> .eden-wtable { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .eden-wtable th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 10.5px; letter-spacing: 1px; text-transform: uppercase; padding: 11px 12px; text-align: left; font-weight: 700; }<br /> .eden-wtable th.c, .eden-wtable td.c { text-align: center; }<br /> .eden-wtable th.r, .eden-wtable td.r { text-align: right; }<br /> .eden-wtable td { padding: 9px 12px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13px; vertical-align: middle; }<br /> .eden-wtable tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-wtable tbody tr:hover td { background: #f6ecc6; }<br /> .eden-wtable .ic { width: 30px; padding-left: 12px; }<br /> .eden-wtable .ic img { width: 26px; height: 26px; image-rendering: pixelated; vertical-align: middle; display: block; }<br /> .eden-wtable .nm { font-weight: 700; color: #1b1304; }<br /> .eden-wtable .lv, .eden-wtable .atk { text-align: center; color: #5a4a22; font-weight: 600; white-space: nowrap; }<br /> .eden-wtable .bn { font-size: 12px; color: #4a3e1e; line-height: 1.45; }<br /> .eden-wtable .bn b { color: #9a7a17; }<br /> .eden-wtable .pr { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .eden-wtable .pr img { width: 15px; height: 15px; vertical-align: -3px; margin-right: 3px; }<br /> @media (max-width: 850px) { .eden-armeiro { flex-direction: column; text-align: center; } .eden-wtable .bn { font-size: 11.5px; } }<br /> /* =========================================================<br /> VISUAIS — página bespoke (escopo .vis-wrap)<br /> ========================================================= */<br /> .vis-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .vis-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .vis-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vis-hero img { width: 110px; height: 110px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .vis-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .vis-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .vis-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .vis-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .vis-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .vis-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .vis-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .vis-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 40px 0 16px; }<br /> .vis-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .vis-h::before, .vis-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .vis-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .vis-wrap .vis-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .vis-wrap .vis-lead b { color: #a8861f; }<br /> .vis-msg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 8px; }<br /> .vis-msg-card { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 18px 18px 16px; }<br /> .vis-msg-card h4 { margin: 0 0 7px; font-size: 15px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .vis-msg-card p { margin: 0; font-size: 13px; color: #5a4a22; line-height: 1.55; }<br /> .vis-msg-card b { color: #a8861f; }<br /> /* legendary showcase */<br /> .vis-legend { display: flex; align-items: center; gap: 24px; background: linear-gradient(180deg, #fffaef, #fdf3d4); border: 1px solid #d4af37; border-radius: 12px; padding: 18px 26px; box-shadow: 0 8px 22px rgba(212,175,55,0.2); margin-bottom: 14px; }<br /> .vis-legend img { width: 130px; height: auto; image-rendering: pixelated; flex-shrink: 0; filter: drop-shadow(0 6px 10px rgba(0,0,0,0.25)); }<br /> .vis-legend-txt h4 { margin: 8px 0 6px; font-size: 20px; color: #9a7a17; font-weight: 800; border: none; padding: 0; }<br /> .vis-legend-txt p { margin: 0; font-size: 13.5px; color: #3a2e12; line-height: 1.6; }<br /> .vis-legend-txt b { color: #a8861f; }<br /> /* gallery */<br /> .vis-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }<br /> .vis-card { width: 132px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 8px 6px 10px; text-align: center; transition: transform 0.12s, box-shadow 0.12s; }<br /> .vis-card:hover { transform: translateY(-3px); box-shadow: 0 8px 18px rgba(0,0,0,0.12); }<br /> .vis-card.leg { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .vis-card.rare { border-color: #9b6bd4; }<br /> .vis-card img { display: block; height: 132px; width: auto; max-width: 100%; margin: 0 auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .vis-noimg { height: 132px; display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 30px; }<br /> .vis-nm { display: block; margin-top: 6px; font-size: 11.5px; font-weight: 600; color: #2a2008; line-height: 1.25; min-height: 28px; }<br /> .vis-rb { display: inline-block; margin-top: 4px; font-size: 9px; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; }<br /> .vis-rb.leg { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .vis-rb.rare { background: #ece0f7; color: #6b3fa0; }<br /> .vis-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 24px auto 0; font-style: italic; max-width: 780px; }<br /> @media (max-width: 850px) {<br /> .vis-stats { grid-template-columns: repeat(2, 1fr); }<br /> .vis-msg { grid-template-columns: 1fr; }<br /> .vis-legend { flex-direction: column; text-align: center; }<br /> .vis-hero h1 { font-size: 31px; }<br /> .vis-card { width: 108px; }<br /> .vis-card img { height: 108px; }<br /> }<br /> /* [ROT2] abas de rotacao e cards grandes */<br /> /* abas em CSS puro: os radios ficam antes da barra e dos paineis, e o<br /> combinador de irmaos liga o radio marcado ao painel correspondente.<br /> Sem JS, que nao roda dentro do bloco de HTML cru da wiki. */<br /> .vis-tabs input[name=&quot;visrot&quot;] { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }<br /> .vis-tabbar { display: flex; justify-content: center; gap: 10px; margin: 34px 0 8px; flex-wrap: wrap; }<br /> .vis-tabbar label { cursor: pointer; font-size: 13px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 10px 24px; border-radius: 999px; border: 1px solid rgba(212,175,55,0.45); color: #8a6c1e; background: linear-gradient(180deg, #fff, #fdf8e8); transition: background 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s; }<br /> .vis-tabbar label:hover { border-color: #d4af37; color: #5a4a12; }<br /> .vis-tabbar label b { font-weight: 800; opacity: 0.75; }<br /> .vis-pane { display: none; }<br /> #visrot2:checked ~ .vis-pane.vis-pane2, #visrot1:checked ~ .vis-pane.vis-pane1 { display: block; }<br /> #visrot2:checked ~ .vis-tabbar label[for=&quot;visrot2&quot;], #visrot1:checked ~ .vis-tabbar label[for=&quot;visrot1&quot;] { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; border-color: #d4af37; box-shadow: 0 4px 14px rgba(212,175,55,0.35); }<br /> /* raridade nova da 2a rotacao (a 1a so tinha leg e rare) */<br /> .vis-card.epic { border-color: #9b6bd4; }<br /> .vis-rb.epic { background: #ece0f7; color: #6b3fa0; }<br /> /* card duplo: nos visuais que vem com efeito do cliente o efeito ocupa boa<br /> parte do quadro, e num card normal o personagem fica pequeno demais. A<br /> imagem tem 456 px de altura = 1,73x os 264 px do card, a mesma reducao do<br /> resto da pagina — ou seja sem perda de nitidez. */<br /> .vis-card.gg { width: 216px; }<br /> .vis-card.gg img { height: 264px; }<br /> /* no destaque a regra da 1a rotacao fixa a LARGURA, entao um visual estreito e<br /> alto (o Pequeno Aprendiz e 102x242) vira um bloco de 308 px de altura, o<br /> dobro dos outros. Aqui vale a ALTURA, e todos ficam do mesmo tamanho. */<br /> .vis-pane2 .vis-legend img { width: auto; height: 140px; }<br /> .vis-pane2 .vis-legend.gg img { height: 250px; }<br /> @media (max-width: 850px) {<br /> .vis-card.gg { width: 176px; }<br /> .vis-card.gg img { height: 216px; }<br /> .vis-pane2 .vis-legend img { height: 120px; }<br /> .vis-pane2 .vis-legend.gg img { height: 200px; }<br /> .vis-tabbar label { padding: 9px 16px; font-size: 12px; }<br /> }<br /> <br /> /* =========================================================<br /> TELEPORTADORA — página bespoke (escopo .tele-wrap)<br /> ========================================================= */<br /> .tele-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .tele-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .tele-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .tele-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .tele-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .tele-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .tele-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .tele-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .tele-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tele-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .tele-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .tele-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .tele-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .tele-h::before, .tele-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .tele-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .tele-wrap .tele-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 780px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .tele-wrap .tele-lead b { color: #a8861f; }<br /> .tele-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .tele-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; }<br /> .tele-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .tele-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .tele-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> .tele-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .tele-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .tele-tiers td { padding: 13px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; }<br /> .tele-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .tele-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .tele-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .tele-tiers .price { text-align: right; font-weight: 800; color: #a8861f; white-space: nowrap; }<br /> .tele-tiers .free { color: #2e7d32; }<br /> .tele-dest { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }<br /> .tele-destbox { border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 18px 18px 16px; background: linear-gradient(180deg, #fff, #fdf8e8); }<br /> .tele-destbox.vip { border-color: #d4af37; box-shadow: 0 6px 18px rgba(212,175,55,0.14); background: linear-gradient(180deg, #fffaef, #fdf3d4); }<br /> .tele-desthead { display: flex; align-items: center; justify-content: space-between; }<br /> .tele-desthead h4 { margin: 0; font-size: 17px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .tele-tag { font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; }<br /> .tele-tag.t-free { background: #d7f0d8; color: #2e7d32; }<br /> .tele-tag.t-vip { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .tele-destn { margin: 6px 0 12px; font-size: 12px; color: #6b5a2e; }<br /> .tele-chips { display: flex; flex-wrap: wrap; gap: 6px; }<br /> .tele-chips-center { justify-content: center; max-width: 880px; margin: 0 auto; }<br /> .tele-chip { padding: 4px 10px; border-radius: 999px; background: #fdf8e8; border: 1px solid rgba(212,175,55,0.3); font-size: 12px; color: #5a4a22; font-weight: 600; }<br /> .tele-destbox.vip .tele-chip { background: #fff; }<br /> .tele-chip.city { font-size: 13px; padding: 6px 13px; }<br /> .tele-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 22px auto; font-style: italic; max-width: 820px; background: rgba(212,175,55,0.08); border: 1px dashed #d4af37; border-radius: 10px; padding: 14px 20px; }<br /> .tele-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .tele-stats { grid-template-columns: repeat(2, 1fr); }<br /> .tele-steps { grid-template-columns: repeat(2, 1fr); }<br /> .tele-dest { grid-template-columns: 1fr; }<br /> .tele-hero h1 { font-size: 31px; }<br /> }<br /> /* =========================================================<br /> ESTILISTA — página bespoke (escopo .est-wrap)<br /> ========================================================= */<br /> .est-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .est-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .est-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .est-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .est-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .est-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .est-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .est-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .est-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .est-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .est-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .est-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .est-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .est-h::before, .est-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .est-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .est-wrap .est-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .est-wrap .est-lead b { color: #a8861f; }<br /> .est-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .est-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; }<br /> .est-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .est-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .est-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> .est-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }<br /> .est-card { width: 150px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 10px 8px 12px; text-align: center; display: flex; flex-direction: column; }<br /> .est-card.mounted { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .est-card img { height: 150px; width: auto; max-width: 100%; margin: 0 auto auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .est-mount { position: absolute; top: 8px; right: 8px; font-size: 9px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .est-cap { display: block; margin-top: 8px; font-size: 11px; font-weight: 600; color: #5a4a22; line-height: 1.3; }<br /> .est-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 24px auto 0; font-style: italic; max-width: 800px; }<br /> .est-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .est-stats { grid-template-columns: repeat(2, 1fr); }<br /> .est-steps { grid-template-columns: repeat(2, 1fr); }<br /> .est-hero h1 { font-size: 31px; }<br /> }<br /> /* =========================================================<br /> ITEM RECOLOR — página bespoke (escopo .ir-wrap)<br /> ========================================================= */<br /> .ir-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .ir-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .ir-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .ir-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .ir-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .ir-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .ir-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .ir-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .ir-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .ir-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .ir-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .ir-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 36px 0 4px; }<br /> .ir-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .ir-h::before, .ir-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .ir-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .ir-wrap .ir-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .ir-wrap .ir-lead b { color: #a8861f; }<br /> .ir-fam { text-align: center; font-size: 11.5px; color: #8a6c1e; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 12px; }<br /> .ir-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .ir-card { width: 116px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 8px 6px 9px; text-align: center; display: flex; flex-direction: column; }<br /> .ir-card.orig { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .ir-card img { height: 116px; width: auto; max-width: 100%; margin: 0 auto auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .ir-noimg { height: 116px; display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 26px; }<br /> .ir-orig { position: absolute; top: 7px; left: 50%; transform: translateX(-50%); font-size: 8.5px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .ir-cap { display: block; margin-top: 6px; font-size: 11px; font-weight: 600; color: #5a4a22; line-height: 1.25; }<br /> .ir-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 26px auto 0; font-style: italic; max-width: 800px; }<br /> .ir-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .ir-stats { grid-template-columns: repeat(2, 1fr); }<br /> .ir-hero h1 { font-size: 31px; }<br /> .ir-card { width: 96px; }<br /> .ir-card img { height: 96px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> AURAS — página bespoke (escopo .aurp-wrap)<br /> ========================================================= */<br /> .aurp-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .aurp-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .aurp-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .aurp-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .aurp-badge2 { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .aurp-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .aurp-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .aurp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .aurp-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .aurp-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .aurp-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .aurp-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 4px; }<br /> .aurp-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .aurp-h::before, .aurp-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .aurp-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .aurp-wrap .aurp-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 820px; margin-left: auto; margin-right: auto; margin-bottom: 10px; color: #2a2008; }<br /> .aurp-wrap .aurp-lead b { color: #a8861f; }<br /> .aurp-types { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; max-width: 880px; margin: 12px auto 4px; }<br /> .aurp-type { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 18px 14px; text-align: center; }<br /> .aurp-type .n { font-size: 26px; font-weight: 800; color: #a8861f; line-height: 1; }<br /> .aurp-type .t { font-weight: 800; margin-top: 6px; color: #3a2c0a; font-size: 15px; }<br /> .aurp-type .d { font-size: 12.5px; color: #6b5a2e; margin-top: 4px; line-height: 1.45; }<br /> .aurp-flex { max-width: 860px; margin: 24px auto 6px; border-radius: 14px; padding: 24px 28px; text-align: center; border: 1px solid rgba(212,175,55,0.45); background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.22), transparent 60%), linear-gradient(180deg, #241906, #0d0901); }<br /> .aurp-flex .ft { font-size: 19px; font-weight: 800; color: #f4d97a; margin-bottom: 8px; }<br /> .aurp-wrap .aurp-flex p { color: #e9dcc0; font-size: 14.5px; line-height: 1.65; margin: 0 auto; max-width: 720px; }<br /> .aurp-flex p b { color: #f4d97a; }<br /> .aurp-packs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 900px; margin: 12px auto 4px; }<br /> .aurp-pack { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 20px 18px; text-align: center; border-top: 4px solid #d4af37; }<br /> .aurp-pack .pn { font-size: 19px; font-weight: 800; margin-bottom: 6px; }<br /> .aurp-pack .pd { font-size: 13px; color: #5a4a22; line-height: 1.5; }<br /> .aurp-pack .pd b { color: #a8861f; }<br /> .aurp-prata { border-top-color: #9fb1c4; } .aurp-prata .pn { color: #6f7d8c; }<br /> .aurp-gold { border-top-color: #d4af37; } .aurp-gold .pn { color: #a8861f; }<br /> .aurp-diam { border-top-color: #5fc8d4; } .aurp-diam .pn { color: #2f9aa6; }<br /> .aurp-sub { text-align: center; font-size: 12px; color: #8a6c1e; text-transform: uppercase; letter-spacing: 1px; margin: 2px 0 14px; }<br /> .aurp-gal { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .aurp-card { position: relative; width: 152px; height: 170px; border-radius: 10px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 4px 14px rgba(0,0,0,0.12); background: #0d0901; }<br /> .aurp-card img { width: 100%; height: 100%; object-fit: cover; display: block; }<br /> .aurp-bdg { position: absolute; top: 7px; right: 7px; font-size: 9px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 8px; border-radius: 999px; color: #241906; }<br /> .aurp-tier-Prata .aurp-bdg { background: linear-gradient(135deg, #eef2f7, #9fb1c4); }<br /> .aurp-tier-Gold .aurp-bdg { background: linear-gradient(135deg, #f4d97a, #d4af37); }<br /> .aurp-tier-Diamante .aurp-bdg { background: linear-gradient(135deg, #c4f1f6, #5fc8d4); }<br /> .aurp-tier-Prata { border-color: rgba(159,177,196,0.6); }<br /> .aurp-tier-Diamante { border-color: rgba(95,200,212,0.55); }<br /> .aurp-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 26px auto 0; font-style: italic; max-width: 800px; }<br /> @media (max-width: 850px) {<br /> .aurp-stats { grid-template-columns: repeat(2, 1fr); }<br /> .aurp-types, .aurp-packs { grid-template-columns: 1fr; }<br /> .aurp-hero h1 { font-size: 31px; }<br /> .aurp-card { width: 120px; height: 138px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> PÁGINA PRINCIPAL — redesign bespoke (escopo .hm-wrap)<br /> ========================================================= */<br /> .hm-wrap { max-width: 1080px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .hm-hero { position: relative; text-align: center; padding: 56px 24px 48px; border-radius: 18px; overflow: hidden; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 50% -25%, rgba(244,217,122,0.30), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.14), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .hm-hero::before { content: &quot;✦&quot;; position: absolute; top: 18px; right: 26px; color: rgba(212,175,55,0.28); font-size: 30px; }<br /> .hm-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .hm-selo { display: inline-block; padding: 5px 17px; border: 1px solid rgba(212,175,55,0.55); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 2.4px; text-transform: uppercase; font-weight: 700; }<br /> .hm-wrap h1.hm-title { margin: 16px 0 8px; font-size: 62px; line-height: 1; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 1px; text-shadow: 0 3px 26px rgba(212,175,55,0.35); }<br /> .hm-tag { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 16px; line-height: 1.62; }<br /> .hm-tag i { color: #f4d97a; font-style: italic; }<br /> .hm-cta { display: flex; gap: 14px; justify-content: center; margin-top: 26px; flex-wrap: wrap; }<br /> .hm-wrap a.hm-btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 28px; border-radius: 11px; font-weight: 700; font-size: 15px; text-decoration: none; transition: transform .15s, box-shadow .15s; }<br /> .hm-wrap a.hm-btn-primary { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07; box-shadow: 0 8px 22px rgba(212,175,55,0.38); }<br /> .hm-wrap a.hm-btn-ghost { border: 1px solid rgba(212,175,55,0.6); color: #f4d97a; }<br /> .hm-wrap a.hm-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.45); }<br /> /* ---- Aviso de BETA (em evidência) ---- */<br /> .hm-beta { position: relative; overflow: hidden; margin: 22px auto 4px; max-width: 1000px; display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; padding: 24px 30px; border-radius: 16px; border: 1.5px solid rgba(244,217,122,0.65); background: radial-gradient(ellipse at 0% 0%, rgba(244,217,122,0.22), transparent 55%), linear-gradient(135deg, #3a2a08, #160f04); box-shadow: 0 0 0 1px rgba(244,217,122,0.12), 0 12px 34px rgba(0,0,0,0.35); }<br /> .hm-beta-l { display: flex; flex-direction: column; gap: 6px; min-width: 280px; flex: 1; }<br /> .hm-beta-badge { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; padding: 4px 13px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07; font-weight: 800; font-size: 12px; letter-spacing: 1.5px; }<br /> .hm-beta-dot { width: 9px; height: 9px; border-radius: 50%; background: #2a1d07; box-shadow: 0 0 0 0 rgba(42,29,7,0.6); animation: hmpulse 1.6s infinite; }<br /> @keyframes hmpulse { 0% { box-shadow: 0 0 0 0 rgba(42,29,7,0.55); } 70% { box-shadow: 0 0 0 7px rgba(42,29,7,0); } 100% { box-shadow: 0 0 0 0 rgba(42,29,7,0); } }<br /> .hm-beta-t { font-size: 21px; font-weight: 800; color: #f4d97a; line-height: 1.2; }<br /> .hm-wrap .hm-beta-s { color: #e9dcc0; font-size: 14px; line-height: 1.55; margin: 2px 0 0; max-width: 620px; }<br /> .hm-beta-s b { color: #f4d97a; }<br /> .hm-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 900px; margin: -30px auto 8px; position: relative; }<br /> .hm-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 11px; padding: 15px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .hm-stat b { display: block; font-size: 17px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .hm-stat span { display: block; margin-top: 3px; font-size: 10.5px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.6px; }<br /> .hm-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 42px 0 6px; }<br /> .hm-h span { font-size: 14px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .hm-h::before, .hm-h::after { content: &quot;&quot;; height: 1px; width: 90px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .hm-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .hm-sub { text-align: center; color: #8a6c1e; font-size: 13px; margin: 0 auto 16px; max-width: 640px; }<br /> /* Fix centralizacao: .mw-parser-output p (0,1,1) zera margin-left/right; 2 classes (0,2,0) vencem */<br /> .hm-wrap .hm-tag, .hm-wrap .hm-sub { margin-left: auto; margin-right: auto; }<br /> .hm-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin: 12px 0; }<br /> .hm-wrap a.hm-card { width: 152px; box-sizing: border-box; padding: 18px 12px 16px; border-radius: 14px; text-align: center; text-decoration: none; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); transition: transform .16s, box-shadow .16s, border-color .16s; display: flex; flex-direction: column; align-items: center; gap: 11px; color: #3a2c0a; }<br /> .hm-wrap a.hm-card:hover { transform: translateY(-5px); box-shadow: 0 12px 26px rgba(0,0,0,0.15); border-color: #d4af37; }<br /> .hm-card img { width: 74px; height: 74px; object-fit: contain; filter: drop-shadow(0 2px 5px rgba(0,0,0,0.22)); }<br /> .hm-card span { font-weight: 700; font-size: 14px; line-height: 1.25; }<br /> .hm-sys a.hm-card { width: 168px; }<br /> .hm-soon { max-width: 900px; margin: 16px auto 6px; padding: 24px 28px; border-radius: 14px; text-align: center; border: 1px dashed rgba(212,175,55,0.55); background: linear-gradient(180deg, rgba(244,217,122,0.07), rgba(244,217,122,0.02)); }<br /> .hm-soon-t { font-weight: 800; color: #a8861f; font-size: 15px; letter-spacing: 0.5px; }<br /> .hm-soon p { margin: 6px auto 0; color: #6b5a2e; font-size: 13.5px; line-height: 1.55; max-width: 600px; }<br /> .hm-soon p b { color: #a8861f; }<br /> .hm-banner { margin: 40px auto 8px; max-width: 1000px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding: 26px 32px; border-radius: 16px; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 0% 0%, rgba(244,217,122,0.18), transparent 55%), linear-gradient(135deg, #2a1d07, #0d0901); }<br /> .hm-banner-t { font-size: 21px; font-weight: 800; color: #f4d97a; }<br /> .hm-banner-s { color: #e9dcc0; font-size: 14px; margin-top: 4px; max-width: 560px; line-height: 1.5; }<br /> .hm-banner-tags { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }<br /> .hm-tag-pill { padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(212,175,55,0.5); color: #f4d97a; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; }<br /> @media (max-width: 860px) {<br /> .hm-wrap h1.hm-title { font-size: 42px; }<br /> .hm-stats { grid-template-columns: repeat(2, 1fr); }<br /> .hm-wrap a.hm-card, .hm-sys a.hm-card { width: 44%; }<br /> .hm-banner { flex-direction: column; text-align: center; }<br /> }<br /> <br /> /* =========================================================<br /> LOJA DE CASH — página bespoke (escopo .cash-wrap)<br /> ========================================================= */<br /> .cash-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .cash-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .cash-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cash-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .cash-badge { display: inline-block; margin: 14px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .cash-wrap h1 { margin: 6px 0 10px; font-size: 38px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .cash-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.6; }<br /> .cash-hero p b { color: #f4d97a; }<br /> .cash-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 34px 0 12px; }<br /> .cash-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .cash-h::before, .cash-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .cash-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .cash-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .cash-card { width: 136px; box-sizing: border-box; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 12px 8px 10px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 7px; transition: transform .14s, box-shadow .14s, border-color .14s; }<br /> .cash-card:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(0,0,0,0.13); border-color: #d4af37; }<br /> .cash-ic { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; }<br /> .cash-ic img { max-width: 56px; max-height: 56px; object-fit: contain; image-rendering: -webkit-optimize-contrast; }<br /> .cash-nm { font-size: 12px; font-weight: 600; color: #3a2c0a; line-height: 1.22; min-height: 29px; display: flex; align-items: center; }<br /> .cash-pr { font-size: 12.5px; font-weight: 800; color: #a8861f; background: rgba(212,175,55,0.12); border-radius: 6px; padding: 2px 8px; }<br /> .cash-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 28px auto 0; font-style: italic; max-width: 760px; }<br /> .cash-note b { color: #a8861f; }<br /> @media (max-width: 850px) { .cash-card { width: 30%; } .cash-hero h1 { font-size: 30px; } }<br /> /* ============================================================<br /> VIP — página bespoke (escopo .vip-wrap) — v3 (1 bloco escuro = hero)<br /> ============================================================ */<br /> .vip-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .vip-wrap *, .vip-wrap *::before, .vip-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .vip-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .vip-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vip-hero img.vip-ico { width: 104px; height: 104px; display:block; margin: 0 auto 8px; border-radius: 18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.40)); }<br /> .vip-badge { display:inline-block; margin: 4px 0; padding: 5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .vip-wrap h1 { margin: 8px 0 12px; font-size: 40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow: 0 2px 16px rgba(0,0,0,0.55); }<br /> .vip-hero p { max-width: 660px; margin: 0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .vip-hero p b { color:#f4d97a; }<br /> <br /> /* STAT STRIP (sobrepoe a base do hero) */<br /> .vip-stats { display:grid; grid-template-columns: repeat(4, 1fr); gap:12px; margin:-34px auto 6px; max-width:840px; position:relative; z-index:3; padding:0 10px; }<br /> .vip-stat { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .vip-stat b { display:block; font-size:26px; font-weight:800; color:#a8861f; line-height:1; }<br /> .vip-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .vip-h { display:flex; align-items:center; justify-content:center; gap:14px; margin: 44px 0 14px; }<br /> .vip-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .vip-h::before, .vip-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .vip-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .vip-wrap .vip-lead { text-align:center; font-size:15px; line-height:1.7; max-width:770px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .vip-lead b { color:#a8861f; }<br /> .vip-wrap .vip-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:720px; }<br /> <br /> /* STEPS — cards claros com círculo dourado (igual Curandeira) */<br /> .vip-steps { display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; }<br /> .vip-step { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:22px 16px 18px; text-align:center; transition:transform .16s, box-shadow .16s, border-color .16s; }<br /> .vip-step:hover { transform:translateY(-4px); box-shadow:0 10px 22px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vip-step .n { width:34px; height:34px; border-radius:50%; margin:0 auto 12px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(212,175,55,0.4); }<br /> .vip-step h4 { margin:0 0 7px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .vip-step p { margin:0; font-size:13px; color:#6b5a2e; line-height:1.5; }<br /> .vip-step a { color:#9a7a17; font-weight:700; border-bottom:1px dotted #d4af37; text-decoration:none; }<br /> .vip-step a:hover { color:#6e5410; }<br /> <br /> /* FEATURE — NPC em card claro (estilo Armeiro do Éden) */<br /> .vip-feature { display:flex; gap:24px; align-items:center; background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 26px; box-shadow:0 6px 18px rgba(0,0,0,0.06); margin-top:14px; }<br /> .vip-feature img { height:118px; image-rendering:pixelated; flex-shrink:0; filter: drop-shadow(0 7px 11px rgba(0,0,0,0.28)); }<br /> .vip-feature-txt { font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .vip-feature-txt h4 { margin:0 0 6px; font-size:16px; color:#9a7a17; font-weight:800; border:none; padding:0; }<br /> .vip-feature-txt p { margin:0; }<br /> .vip-feature-txt b { color:#a8861f; }<br /> <br /> /* COMPARISON TABLE */<br /> .vip-cmp { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .vip-cmp th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; padding:13px 16px; text-align:left; font-weight:700; }<br /> .vip-cmp th.c { text-align:center; }<br /> .vip-cmp td { padding:12px 16px; border-top:1px solid rgba(212,175,55,0.15); font-size:14px; vertical-align:middle; }<br /> .vip-cmp tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .vip-cmp tbody tr:hover td { background:#f6ecc6; }<br /> .vip-cmp .feat { font-weight:700; color:#1b1304; }<br /> .vip-cmp .base { color:#8a7340; text-align:center; }<br /> .vip-cmp th.vipc { background:linear-gradient(180deg,#4a360f,#2a1d07); color:#f7e9b8; text-align:center; border-left:1px solid rgba(212,175,55,0.35); }<br /> .vip-cmp td.vipc { text-align:center; font-weight:800; color:#7a5a10; background:rgba(212,175,55,0.16); border-left:1px solid rgba(212,175,55,0.3); }<br /> .vip-cmp tbody tr:nth-child(even) td.vipc { background:rgba(212,175,55,0.22); }<br /> .vip-cmp tbody tr:hover td.vipc { background:rgba(212,175,55,0.30); }<br /> <br /> /* COMMAND CARDS */<br /> .vip-cmds { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }<br /> .vip-cmd { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:9px; padding:14px 16px; transition:box-shadow .14s; }<br /> .vip-cmd:hover { box-shadow:0 8px 18px rgba(212,175,55,0.16); }<br /> .vip-cmd b { display:block; font-family:'Consolas','Courier New',monospace; font-size:15px; color:#a8861f; font-weight:800; }<br /> .vip-cmd small { display:block; color:#8a6c1e; font-size:11px; margin:2px 0 6px; }<br /> .vip-cmd span { display:block; font-size:12.5px; color:#4a3a14; line-height:1.45; }<br /> <br /> /* SHOP CATALOG */<br /> .vip-shop { border:1px solid rgba(212,175,55,0.3); border-radius:10px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .vip-shop-cat { padding:14px 18px; border-top:1px solid rgba(212,175,55,0.18); }<br /> .vip-shop-cat:first-child { border-top:none; }<br /> .vip-shop-cat:nth-child(even) { background:#fdf8e8; }<br /> .vip-shop-label { font-size:11px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin-bottom:10px; text-align:center; }<br /> .vip-shop-items { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }<br /> .vip-item { display:flex; align-items:center; gap:8px; background:#fff; border:1px solid rgba(212,175,55,0.28); border-radius:8px; padding:5px 12px 5px 7px; transition:transform .12s, box-shadow .12s, border-color .12s; }<br /> .vip-item:hover { transform:translateY(-2px); box-shadow:0 6px 14px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vip-item img { width:28px; height:28px; object-fit:contain; image-rendering:pixelated; }<br /> .vip-item span { font-size:12.5px; color:#3a2c0a; font-weight:600; white-space:nowrap; }<br /> <br /> /* NPCS */<br /> .vip-npcs { display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; }<br /> .vip-npc { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:14px 14px 16px; text-align:center; display:flex; flex-direction:column; align-items:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vip-npc:hover { transform:translateY(-3px); box-shadow:0 10px 22px rgba(0,0,0,0.12); border-color:#f4d97a; }<br /> .vip-npc-spr { height:118px; display:flex; align-items:flex-end; justify-content:center; margin-bottom:8px; }<br /> .vip-npc-spr img { max-height:118px; image-rendering:pixelated; }<br /> .vip-npc h3 { font-size:15px; color:#a8861f; margin:0 0 3px; border:none; padding:0; font-weight:800; }<br /> .vip-npc .vip-loc { font-size:12px; margin-bottom:8px; }<br /> .vip-npc p { font-size:12.5px; color:#4a3a14; line-height:1.45; margin:0; }<br /> <br /> /* SERVIÇOS COM VANTAGEM VIP (cards claros com ícone da página) */<br /> .vip-svc { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .vip-svc-card { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:20px 18px; text-align:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vip-svc-card:hover { transform:translateY(-3px); box-shadow:0 10px 22px rgba(0,0,0,0.1); border-color:#f4d97a; }<br /> .vip-svc-card img { width:64px; height:64px; object-fit:contain; border-radius:12px; margin:0 auto 10px; display:block; box-shadow:0 4px 10px rgba(0,0,0,0.14); }<br /> .vip-svc-card h3 { font-size:15px; margin:0 0 8px; border:none; padding:0; font-weight:800; }<br /> .vip-svc-card h3 a { color:#a8861f; text-decoration:none; }<br /> .vip-svc-card h3 a:hover { color:#6e5410; text-decoration:underline; }<br /> .vip-svc-card p { font-size:12.8px; color:#4a3a14; line-height:1.5; margin:0; }<br /> .vip-svc-card b { color:#a8861f; }<br /> <br /> /* NOTE */<br /> .vip-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:780px; }<br /> .vip-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .vip-stats { grid-template-columns: repeat(2, 1fr); }<br /> .vip-steps { grid-template-columns:1fr; }<br /> .vip-cmds { grid-template-columns:1fr; }<br /> .vip-npcs { grid-template-columns: repeat(2, 1fr); }<br /> .vip-svc { grid-template-columns:1fr; }<br /> .vip-feature { flex-direction:column; text-align:center; }<br /> .vip-cmp th, .vip-cmp td { padding:10px 9px; font-size:13px; }<br /> }<br /> <br /> /* ============================================================<br /> MVP REFORMULADO — página bespoke (escopo .mvp-wrap)<br /> ============================================================ */<br /> .mvp-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .mvp-wrap *, .mvp-wrap *::before, .mvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .mvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.24) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .mvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .mvp-hero img.mvp-ico { width:108px; height:108px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.40)); }<br /> .mvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .mvp-wrap h1 { margin:8px 0 12px; font-size:38px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .mvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .mvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .mvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:860px; position:relative; z-index:3; padding:0 10px; }<br /> .mvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .mvp-stat b { display:block; font-size:24px; font-weight:800; color:#a8861f; line-height:1; }<br /> .mvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .mvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .mvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .mvp-h::before,.mvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .mvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .mvp-wrap .mvp-lead { text-align:center; font-size:15px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .mvp-lead b { color:#a8861f; }<br /> .mvp-wrap .mvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> <br /> /* FEATURE CARDS (mecânicas) */<br /> .mvp-feats { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }<br /> .mvp-feat { flex:0 0 calc((100% - 14px)/2); max-width:calc((100% - 14px)/2); background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:18px 20px; transition:box-shadow .16s, transform .16s; }<br /> .mvp-feat:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .mvp-feat h4 { margin:0 0 7px; font-size:15.5px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .mvp-feat p { margin:0; font-size:13px; line-height:1.6; color:#5a4a22; }<br /> .mvp-feat b { color:#a8861f; }<br /> <br /> /* TABLE antes/depois */<br /> .mvp-table { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .mvp-table th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase; padding:11px 10px; text-align:left; font-weight:700; }<br /> .mvp-table th.c { text-align:center; }<br /> .mvp-table td { padding:9px 10px; border-top:1px solid rgba(212,175,55,0.14); font-size:13px; vertical-align:middle; }<br /> .mvp-table tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .mvp-table tbody tr:hover td { background:#f6ecc6; }<br /> .mvp-table .spr { width:64px; text-align:center; padding:4px 4px; }<br /> .mvp-table .spr img { max-width:56px; max-height:50px; object-fit:contain; image-rendering:pixelated; vertical-align:middle; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.22)); }<br /> .mvp-table .nm { font-weight:700; color:#1b1304; white-space:nowrap; }<br /> .mvp-table td.c { text-align:center; }<br /> .mvp-ba { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }<br /> .mvp-ba .b { color:#9b8a5e; text-decoration:line-through; text-decoration-color:rgba(155,138,94,0.55); font-size:11.5px; }<br /> .mvp-ba .ar { color:#d4af37; font-weight:800; font-size:12px; }<br /> .mvp-ba .a { color:#7a5a10; font-weight:800; }<br /> .mvp-eq { color:#7a5a10; font-weight:700; } /* valor inalterado */<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .mvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .mvp-feat { flex-basis:100%; max-width:100%; }<br /> .mvp-table .mvp-ba .b, .mvp-table .mvp-ba .ar { display:none; }<br /> .mvp-table th, .mvp-table td { padding:8px 6px; font-size:12px; }<br /> .mvp-wrap h1 { font-size:30px; }<br /> }<br /> <br /> /* ============================================================<br /> DROP MVP — página bespoke (escopo .dmvp-wrap)<br /> ============================================================ */<br /> .dmvp-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .dmvp-wrap *, .dmvp-wrap *::before, .dmvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .dmvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .dmvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .dmvp-hero img.dmvp-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .dmvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .dmvp-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .dmvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .dmvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .dmvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .dmvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .dmvp-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .dmvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .dmvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .dmvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .dmvp-h::before,.dmvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .dmvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .dmvp-wrap .dmvp-lead { text-align:center; font-size:15px; line-height:1.75; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .dmvp-lead b { color:#a8861f; }<br /> .dmvp-wrap .dmvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .dmvp-sub b { color:#a8861f; }<br /> <br /> /* 3 PILARES (cards claros, border-left dourado) */<br /> .dmvp-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .dmvp-pillar { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:18px 20px; transition:box-shadow .16s, transform .16s; }<br /> .dmvp-pillar:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .dmvp-pillar h4 { margin:0 0 8px; font-size:17px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .dmvp-pillar p { margin:0; font-size:12.8px; line-height:1.6; color:#5a4a22; }<br /> .dmvp-pillar b { color:#a8861f; }<br /> <br /> /* FÓRMULA DE PONTOS */<br /> .dmvp-formula { display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; gap:12px; }<br /> .dmvp-cat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:10px; padding:15px 16px 13px; text-align:center; min-width:160px; display:flex; flex-direction:column; justify-content:center; }<br /> .dmvp-cat b { display:block; font-size:15.5px; color:#1b1304; font-weight:800; }<br /> .dmvp-cat .d { display:block; font-size:11.5px; color:#6b5a2e; margin-top:2px; }<br /> .dmvp-cat .pt { display:inline-block; margin:9px auto 0; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:11.5px; padding:3px 12px; border-radius:999px; }<br /> .dmvp-arrow { display:flex; align-items:center; justify-content:center; font-size:26px; color:#d4af37; font-weight:800; }<br /> .dmvp-win { background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; box-shadow:0 8px 20px rgba(212,175,55,0.25); border-radius:10px; padding:15px 24px; text-align:center; display:flex; flex-direction:column; justify-content:center; min-width:180px; }<br /> .dmvp-win b { display:block; font-size:16px; color:#9a7a17; font-weight:800; }<br /> .dmvp-win span { display:block; font-size:11.5px; color:#6b5a2e; margin-top:3px; }<br /> <br /> /* TABELA EXEMPLO (lápide) — header escuro */<br /> .dmvp-tomb { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .dmvp-tomb caption { caption-side:top; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:#8a6c1e; padding:0 0 8px; font-weight:700; }<br /> .dmvp-tomb th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase; padding:11px 12px; text-align:left; font-weight:700; }<br /> .dmvp-tomb th.c { text-align:center; }<br /> .dmvp-tomb td { padding:11px 12px; border-top:1px solid rgba(212,175,55,0.14); font-size:13.5px; vertical-align:middle; }<br /> .dmvp-tomb td.c { text-align:center; }<br /> .dmvp-tomb tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .dmvp-tomb .grp { font-weight:700; color:#1b1304; }<br /> .dmvp-tomb .num { color:#5a4a22; text-align:right; white-space:nowrap; }<br /> .dmvp-tomb tr.win td { background:rgba(212,175,55,0.18) !important; }<br /> .dmvp-tomb tr.win .grp { color:#8a6310; }<br /> .dmvp-tomb .tag { display:inline-block; margin-left:8px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-size:10px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; padding:2px 9px; border-radius:999px; vertical-align:middle; }<br /> .dmvp-tomb .pts { text-align:center; font-weight:800; color:#a8861f; }<br /> <br /> /* NOTE */<br /> .dmvp-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .dmvp-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .dmvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .dmvp-pillars { grid-template-columns:1fr; }<br /> .dmvp-arrow { transform:rotate(90deg); }<br /> .dmvp-cat, .dmvp-win { width:100%; }<br /> .dmvp-tomb th, .dmvp-tomb td { padding:9px 7px; font-size:12px; }<br /> .dmvp-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> CAÇA MVP — página bespoke (escopo .cmvp-wrap)<br /> ============================================================ */<br /> .cmvp-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cmvp-wrap *, .cmvp-wrap *::before, .cmvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .cmvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cmvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cmvp-hero img.cmvp-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cmvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cmvp-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cmvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cmvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cmvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cmvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cmvp-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cmvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cmvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cmvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cmvp-h::before,.cmvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cmvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cmvp-wrap .cmvp-lead { text-align:center; font-size:15px; line-height:1.75; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cmvp-lead b { color:#a8861f; }<br /> .cmvp-wrap .cmvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .cmvp-sub b { color:#a8861f; }<br /> <br /> /* AVISOS (2 cards com selo + msg exemplo) */<br /> .cmvp-warns { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .cmvp-warn { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:18px 20px; }<br /> .cmvp-warn .selo { display:inline-block; font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:3px 11px; border-radius:999px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; }<br /> .cmvp-warn h4 { margin:11px 0 6px; font-size:16px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cmvp-warn p { margin:0 0 11px; font-size:13px; line-height:1.55; color:#5a4a22; }<br /> .cmvp-warn b { color:#a8861f; }<br /> .cmvp-msg { background:#fbf3df; border:1px dashed rgba(212,175,55,0.55); border-radius:8px; padding:9px 12px; font-size:11px; line-height:1.45; color:#c0392b; font-style:italic; white-space:nowrap; overflow-x:auto; }<br /> <br /> /* FERRAMENTAS (3 feature cards) */<br /> .cmvp-tools { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .cmvp-tool { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:20px; transition:box-shadow .16s, transform .16s; }<br /> .cmvp-tool:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .cmvp-tool h4 { margin:0 0 9px; font-size:16px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cmvp-tool .dot { display:inline-block; width:12px; height:12px; border-radius:50%; background:#ff3333; box-shadow:0 0 0 3px rgba(255,51,51,0.25); vertical-align:middle; margin-right:7px; }<br /> .cmvp-tool p { margin:0; font-size:12.8px; line-height:1.6; color:#5a4a22; }<br /> .cmvp-tool b { color:#a8861f; }<br /> <br /> /* NOTE */<br /> .cmvp-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .cmvp-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .cmvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .cmvp-warns { grid-template-columns:1fr; }<br /> .cmvp-tools { grid-template-columns:1fr; }<br /> .cmvp-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> VISUAIS OUTFIT — página bespoke (escopo .vo-wrap)<br /> ============================================================ */<br /> .vo-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .vo-wrap *, .vo-wrap *::before, .vo-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .vo-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .vo-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vo-hero img.vo-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .vo-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .vo-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .vo-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .vo-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .vo-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .vo-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .vo-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .vo-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .vo-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:46px 0 6px; }<br /> .vo-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .vo-h::before,.vo-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .vo-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .vo-wrap .vo-lead { text-align:center; font-size:14.5px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:14px; color:#2a2008; }<br /> .vo-lead b { color:#a8861f; }<br /> .vo-price { display:inline-block; margin:0 0 16px; padding:4px 14px; border-radius:999px; background:rgba(212,175,55,0.14); border:1px solid rgba(212,175,55,0.4); color:#8a6310; font-size:12px; font-weight:700; }<br /> <br /> /* GRID DE CLASSES (homem + mulher por classe) */<br /> .vo-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }<br /> .vo-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:9px 9px 11px; text-align:center; display:flex; flex-direction:column; align-items:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vo-card:hover { transform:translateY(-3px); box-shadow:0 9px 20px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vo-figs { display:flex; gap:4px; align-items:flex-end; justify-content:center; }<br /> .vo-fig { display:flex; flex-direction:column; align-items:center; }<br /> .vo-fig .spr { height:148px; width:98px; display:flex; align-items:flex-end; justify-content:center; }<br /> .vo-fig .spr img { max-height:148px; max-width:98px; image-rendering:auto; filter:drop-shadow(0 3px 5px rgba(0,0,0,0.22)); }<br /> .vo-fig i { font-style:normal; font-size:9px; text-transform:uppercase; letter-spacing:0.7px; color:#9a7a2a; margin-top:4px; font-weight:700; }<br /> .vo-card&gt;span { font-size:12px; font-weight:800; color:#3a2c0a; margin-top:8px; line-height:1.25; max-width:208px; }<br /> <br /> /* NOTE */<br /> .vo-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .vo-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px){<br /> .vo-stats { grid-template-columns:repeat(2,1fr); }<br /> .vo-wrap h1 { font-size:31px; }<br /> .vo-fig .spr { height:120px; width:80px; }<br /> .vo-fig .spr img { max-height:120px; max-width:80px; }<br /> }<br /> <br /> /* ============================================================<br /> CONVIDE E GANHE — página bespoke (escopo .cg-wrap)<br /> ============================================================ */<br /> .cg-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cg-wrap *, .cg-wrap *::before, .cg-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cg-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cg-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cg-hero img.cg-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cg-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cg-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cg-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cg-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cg-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:860px; position:relative; z-index:3; padding:0 10px; }<br /> .cg-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cg-stat b { display:block; font-size:23px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cg-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cg-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cg-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cg-h::before,.cg-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cg-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cg-wrap .cg-lead { text-align:center; font-size:15px; line-height:1.7; max-width:800px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cg-lead b { color:#a8861f; }<br /> .cg-wrap .cg-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .cg-sub b { color:#a8861f; }<br /> <br /> /* PIRÂMIDE (3 níveis, alarga pra baixo) */<br /> .cg-pyramid { display:flex; flex-direction:column; align-items:center; gap:8px; }<br /> .cg-tier { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 24px; border-radius:12px; color:#3a2a06; background:linear-gradient(135deg,#f7e6a6,#d4af37); border:1px solid #c9a430; box-shadow:0 6px 16px rgba(212,175,55,0.28); }<br /> .cg-tier.t1 { width:56%; } .cg-tier.t2 { width:76%; } .cg-tier.t3 { width:96%; }<br /> .cg-tier .lv { text-align:left; }<br /> .cg-tier .lv b { display:block; font-size:15px; font-weight:800; }<br /> .cg-tier .lv span { font-size:12px; color:#5a430a; }<br /> .cg-tier .pts { font-size:26px; font-weight:800; white-space:nowrap; }<br /> .cg-tier .pts small { font-size:12px; font-weight:700; }<br /> .cg-pynote { text-align:center; font-size:12.5px; color:#8a6c1e; margin-top:10px; font-style:italic; }<br /> <br /> /* STEPS */<br /> .cg-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }<br /> .cg-step { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:20px 15px 16px; text-align:center; transition:transform .16s, box-shadow .16s; }<br /> .cg-step:hover { transform:translateY(-4px); box-shadow:0 10px 22px rgba(212,175,55,0.18); }<br /> .cg-step .n { width:34px; height:34px; border-radius:50%; margin:0 auto 12px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(212,175,55,0.4); }<br /> .cg-step h4 { margin:0 0 7px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cg-step p { margin:0; font-size:12.5px; color:#6b5a2e; line-height:1.5; }<br /> .cg-step b { color:#a8861f; }<br /> <br /> /* PÓDIO de prêmios */<br /> .cg-podium { display:flex; align-items:flex-end; justify-content:center; gap:14px; }<br /> .cg-pod { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:10px 10px 0 0; padding:16px 18px; text-align:center; width:170px; }<br /> .cg-pod.first { border-top:3px solid #d4af37; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; box-shadow:0 10px 24px rgba(212,175,55,0.3); padding-bottom:34px; }<br /> .cg-pod.first { transform:translateY(-6px); }<br /> .cg-pod .place { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; }<br /> .cg-pod .prize { font-size:30px; font-weight:800; color:#a8861f; line-height:1.1; margin-top:4px; }<br /> .cg-pod.first .prize { font-size:38px; }<br /> .cg-pod .sub { font-size:11px; color:#7a6320; margin-top:3px; }<br /> <br /> /* COMANDOS */<br /> .cg-cmds { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }<br /> .cg-cmd { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:9px; padding:14px 16px; }<br /> .cg-cmd b { display:block; font-family:'Consolas','Courier New',monospace; font-size:14.5px; color:#a8861f; font-weight:800; }<br /> .cg-cmd span { display:block; font-size:12.5px; color:#4a3a14; line-height:1.45; margin-top:5px; }<br /> <br /> /* NOTE */<br /> .cg-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .cg-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px){<br /> .cg-stats { grid-template-columns:repeat(2,1fr); }<br /> .cg-steps { grid-template-columns:repeat(2,1fr); }<br /> .cg-cmds { grid-template-columns:1fr; }<br /> .cg-tier.t1,.cg-tier.t2,.cg-tier.t3 { width:100%; }<br /> .cg-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> PACOTE FUNDADOR — página bespoke (escopo .cf-wrap)<br /> ============================================================ */<br /> .cf-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cf-wrap *, .cf-wrap *::before, .cf-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cf-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cf-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cf-hero img.cf-ico { width:118px; height:118px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cf-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cf-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cf-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cf-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cf-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cf-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cf-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cf-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* EXCLUSIVIDADE callout */<br /> .cf-excl { max-width:880px; margin:26px auto 0; border:1px solid #c98b2e; border-left:5px solid #c0392b; border-radius:12px; background:linear-gradient(180deg,#fffaef,#fdf3d4); padding:16px 22px; box-shadow:0 6px 18px rgba(192,57,43,0.12); }<br /> .cf-excl .tag { display:inline-block; background:#c0392b; color:#fff; font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:3px 11px; border-radius:999px; margin-bottom:8px; }<br /> .cf-excl p { margin:0; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .cf-excl b { color:#a8330f; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cf-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:46px 0 16px; }<br /> .cf-h span { font-size:15px; font-weight:800; letter-spacing:2px; text-transform:uppercase; white-space:nowrap; }<br /> .cf-h::before,.cf-h::after { content:&quot;&quot;; height:1px; width:90px; flex-shrink:0; }<br /> .cf-wrap .cf-lead { text-align:center; font-size:15px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cf-lead b { color:#a8861f; }<br /> <br /> /* TIER section accents */<br /> .cf-tier { margin-top:12px; padding-bottom:6px; }<br /> .cf-tier.prata .cf-h span { color:#7d828a; } .cf-tier.prata .cf-h::before,.cf-tier.prata .cf-h::after { background:linear-gradient(90deg,transparent,#9aa0a6); }<br /> .cf-tier.ouro .cf-h span { color:#a8861f; } .cf-tier.ouro .cf-h::before,.cf-tier.ouro .cf-h::after { background:linear-gradient(90deg,transparent,#d4af37); }<br /> .cf-tier.diamante .cf-h span { color:#1f8fc7; } .cf-tier.diamante .cf-h::before,.cf-tier.diamante .cf-h::after { background:linear-gradient(90deg,transparent,#2aa6e0); }<br /> .cf-tier .cf-h::after { transform:scaleX(-1); }<br /> <br /> /* SHOWCASE row: pet | visual | set */<br /> .cf-show { display:grid; grid-template-columns: 215px 235px 1fr; gap:14px; align-items:stretch; }<br /> .cf-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:14px; }<br /> .cf-pet, .cf-visual { text-align:center; display:flex; flex-direction:column; }<br /> .cf-pet .spr, .cf-visual .spr { flex:1; min-height:210px; display:flex; align-items:flex-end; justify-content:center;<br /> background:radial-gradient(ellipse at 50% 88%, rgba(212,175,55,0.16), transparent 62%); border-radius:9px; padding:6px; }<br /> .cf-pet .spr img, .cf-visual .spr img { max-height:215px; max-width:100%; image-rendering:auto; filter:drop-shadow(0 5px 9px rgba(0,0,0,0.28)); }<br /> .cf-pet .pname, .cf-visual .vname { font-size:14px; font-weight:800; color:#1b1304; margin-top:9px; }<br /> .cf-pet .plabel, .cf-visual .vlabel { font-size:10.5px; color:#8a6c1e; text-transform:uppercase; letter-spacing:0.6px; margin-top:1px; }<br /> .cf-pet .exp { margin:9px auto 0; background:linear-gradient(135deg,#7bd88f,#2e9b46); color:#fff; font-weight:800; font-size:15px; padding:5px 16px; border-radius:999px; box-shadow:0 4px 10px rgba(46,155,70,0.3); }<br /> .cf-visual .vsub { font-size:11px; color:#8a6c1e; margin-top:6px; line-height:1.4; }<br /> .cf-set { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 18px; }<br /> .cf-set h4 { margin:0 0 4px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cf-set .note { font-size:11.5px; color:#8a6c1e; margin-bottom:11px; }<br /> .cf-set ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }<br /> .cf-set li { display:flex; align-items:center; gap:9px; padding:7px 10px; background:rgba(212,175,55,0.08); border:1px solid rgba(212,175,55,0.25); border-radius:8px; }<br /> .cf-set li img { width:34px; height:34px; object-fit:contain; image-rendering:pixelated; flex:0 0 auto; }<br /> .cf-set li .txt b { display:block; font-size:12.5px; color:#1b1304; line-height:1.2; }<br /> .cf-set li .txt span { font-size:10px; color:#8a6c1e; text-transform:uppercase; letter-spacing:0.5px; }<br /> <br /> /* ITEMS grid */<br /> .cf-itemshead { text-align:center; font-size:11.5px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin:18px 0 10px; }<br /> .cf-items { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }<br /> .cf-item { display:flex; align-items:center; gap:9px; background:#fff; border:1px solid rgba(212,175,55,0.28); border-radius:8px; padding:6px 13px 6px 7px; }<br /> .cf-item img { width:30px; height:30px; object-fit:contain; image-rendering:pixelated; }<br /> .cf-item .nm { font-size:12.5px; color:#3a2c0a; font-weight:600; }<br /> .cf-item .qt { font-size:12px; font-weight:800; color:#a8861f; }<br /> <br /> /* NOTE */<br /> .cf-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:840px; }<br /> .cf-note b { color:#a8330f; }<br /> /* PREÇO por tier (R$) */<br /> .cf-tier .cf-priceline { text-align:center; margin:-2px 0 14px; }<br /> .cf-price { display:inline-flex; align-items:baseline; gap:9px; padding:8px 26px; border-radius:999px; box-shadow:0 5px 16px rgba(0,0,0,0.16); border:1px solid rgba(255,255,255,0.32); }<br /> .cf-price b { font-size:24px; font-weight:800; line-height:1; }<br /> .cf-price i { font-style:normal; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }<br /> .cf-tier.prata .cf-price { background:linear-gradient(135deg,#c6cad0,#9298a0); } .cf-tier.prata .cf-price b,.cf-tier.prata .cf-price i { color:#2b2d31; }<br /> .cf-tier.ouro .cf-price { background:linear-gradient(135deg,#f4d97a,#c69a1d); box-shadow:0 6px 18px rgba(198,154,29,0.4); } .cf-tier.ouro .cf-price b,.cf-tier.ouro .cf-price i { color:#3a2a06; }<br /> .cf-tier.diamante .cf-price { background:linear-gradient(135deg,#b6e6ff,#3f97d6); box-shadow:0 7px 22px rgba(47,134,199,0.45); } .cf-tier.diamante .cf-price b,.cf-tier.diamante .cf-price i { color:#06243a; }<br /> <br /> @media (max-width:880px){<br /> .cf-stats { grid-template-columns:repeat(2,1fr); }<br /> .cf-show { grid-template-columns:1fr; }<br /> .cf-set ul { grid-template-columns:1fr 1fr; }<br /> .cf-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> RESSONÂNCIA — página bespoke (escopo .rs-wrap)<br /> ============================================================ */<br /> .rs-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rs-wrap *, .rs-wrap *::before, .rs-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .rs-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .rs-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rs-hero img.rs-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .rs-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rs-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rs-hero p { max-width:700px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rs-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .rs-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .rs-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rs-stat b { display:block; font-size:20px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .rs-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .rs-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .rs-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rs-h::before,.rs-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .rs-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .rs-wrap .rs-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .rs-lead b { color:#a8861f; }<br /> .rs-wrap .rs-note { text-align:center; font-size:12.5px; color:#8a6c1e; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .rs-note b { color:#a8861f; font-style:normal; }<br /> <br /> /* TIERS de raridade (visão geral) */<br /> .rs-tiers { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .rs-tier { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:14px 12px; text-align:center; border-top:3px solid #b9bcc2; }<br /> .rs-tier b { display:block; font-size:14px; font-weight:800; color:#2a2008; }<br /> .rs-tier i { display:block; font-style:normal; font-size:22px; font-weight:800; margin:3px 0 6px; }<br /> .rs-tier span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> .rs-tier.c { border-top-color:#9aa0a6; } .rs-tier.c i { color:#7d828a; }<br /> .rs-tier.i { border-top-color:#3fa14e; } .rs-tier.i i { color:#3fa14e; }<br /> .rs-tier.r { border-top-color:#2f86c7; } .rs-tier.r i { color:#2f86c7; }<br /> .rs-tier.l { border-top-color:#d4af37; background:linear-gradient(180deg,#fffaef,#fdf3d4); } .rs-tier.l i { color:#b9941f; }<br /> <br /> /* CATEGORIAS */<br /> .rs-cat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 16px 18px; margin-bottom:14px; box-shadow:0 4px 14px rgba(0,0,0,0.05); }<br /> .rs-cath { text-align:center; margin-bottom:12px; }<br /> .rs-cath h3 { margin:0; font-size:18px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .rs-cath p { margin:3px 0 0; font-size:12.5px; color:#8a6c1e; }<br /> .rs-groups { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; align-items:start; }<br /> .rs-grp { border:1px solid rgba(0,0,0,0.08); border-radius:9px; overflow:hidden; background:#fffdf8; }<br /> .rs-gh { display:flex; align-items:center; justify-content:space-between; padding:7px 11px; color:#fff; }<br /> .rs-gh b { font-size:12px; font-weight:800; letter-spacing:0.5px; text-transform:uppercase; }<br /> .rs-gh i { font-style:normal; font-size:12px; font-weight:800; opacity:0.95; }<br /> .rs-grp ul { list-style:none; margin:0; padding:8px 10px; display:flex; flex-direction:column; gap:5px; }<br /> .rs-grp li { font-size:11.5px; line-height:1.3; color:#3a2e12; padding-left:12px; position:relative; }<br /> .rs-grp li::before { content:&quot;&quot;; position:absolute; left:2px; top:6px; width:4px; height:4px; border-radius:50%; background:#c9a430; }<br /> .rs-grp.c .rs-gh { background:linear-gradient(135deg,#9aa0a6,#7d828a); }<br /> .rs-grp.i .rs-gh { background:linear-gradient(135deg,#48b35a,#2e8a3d); }<br /> .rs-grp.r .rs-gh { background:linear-gradient(135deg,#3f97d6,#2a6fae); }<br /> .rs-grp.l .rs-gh { background:linear-gradient(135deg,#e6c552,#c39a1d); }<br /> .rs-grp.l { border-color:rgba(212,175,55,0.6); box-shadow:0 4px 12px rgba(212,175,55,0.18); }<br /> .rs-grp.l li::before { background:#d4af37; }<br /> <br /> /* NPC Sintonizadora */<br /> .rs-npc { max-width:900px; margin:0 auto; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-left:5px solid #d4af37; border-radius:12px; padding:18px 22px; box-shadow:0 6px 18px rgba(212,175,55,0.15); }<br /> .rs-npc h3 { margin:0 0 6px; font-size:16px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .rs-npc p { margin:0 0 12px; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .rs-npc p b { color:#a8861f; }<br /> .rs-npcinfo { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }<br /> .rs-npcinfo li { background:rgba(255,255,255,0.6); border:1px solid rgba(212,175,55,0.3); border-radius:8px; padding:9px 12px; font-size:12.5px; color:#3a2e12; }<br /> .rs-npcinfo li b { display:block; color:#8a6310; font-size:11px; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:2px; }<br /> .rs-npcinfo li span:not(.navi-copy) { color:#6b5a2e; }<br /> <br /> /* FOOT */<br /> .rs-foot { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:840px; }<br /> <br /> @media (max-width:880px){<br /> .rs-stats { grid-template-columns:repeat(2,1fr); }<br /> .rs-tiers { grid-template-columns:repeat(2,1fr); }<br /> .rs-groups { grid-template-columns:repeat(2,1fr); }<br /> .rs-npcinfo { grid-template-columns:1fr; }<br /> .rs-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> NICKS COLORIDOS — página bespoke (escopo .cn-wrap)<br /> ============================================================ */<br /> @font-face { font-family:'SCDream'; src:url('/images/fonts/SCDream4.otf') format('opentype'); font-weight:400; font-display:swap; }<br /> @font-face { font-family:'SCDream'; src:url('/images/fonts/SCDream6.otf') format('opentype'); font-weight:700; font-display:swap; }<br /> .cn-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'SCDream','Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cn-wrap *, .cn-wrap *::before, .cn-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cn-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cn-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cn-hero img.cn-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cn-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cn-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cn-hero p { max-width:700px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cn-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cn-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cn-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cn-stat b { display:block; font-size:20px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cn-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cn-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cn-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cn-h::before,.cn-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cn-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cn-wrap .cn-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cn-lead b { color:#a8861f; }<br /> <br /> /* NPC card */<br /> .cn-npc { display:flex; gap:20px; align-items:center; max-width:900px; margin:0 auto; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:14px; padding:18px 22px; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .cn-npc .spr { flex:0 0 auto; width:150px; height:160px; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at 50% 80%, rgba(212,175,55,0.16), transparent 65%); border-radius:12px; }<br /> .cn-npc .spr img { max-height:150px; image-rendering:auto; filter:drop-shadow(0 5px 9px rgba(0,0,0,0.3)); }<br /> .cn-npc .txt { flex:1; }<br /> .cn-npc h3 { margin:0 0 4px; font-size:18px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .cn-npc .loc { margin:0 0 10px; }<br /> .cn-npc p { margin:0; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .cn-npc p b { color:#a8861f; }<br /> <br /> /* TIER blocks da paleta — banner com destaque crescente (Diamond = máximo) */<br /> .cn-tier { margin-top:18px; text-align:center; }<br /> .cn-tierhead { display:inline-flex; align-items:center; gap:12px; margin:24px auto 4px; padding:11px 30px; border-radius:14px; border:1px solid rgba(255,255,255,0.28); box-shadow:0 6px 18px rgba(0,0,0,0.16); }<br /> .cn-tierhead b { font-size:21px; font-weight:800; letter-spacing:1px; }<br /> .cn-tierhead i { font-style:normal; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; padding:4px 12px; border-radius:999px; background:rgba(255,255,255,0.25); }<br /> /* Prata */<br /> .cn-tier.prata .cn-tierhead { background:linear-gradient(135deg,#c6cad0,#8f949b); }<br /> .cn-tier.prata .cn-tierhead b { color:#2b2d31; } .cn-tier.prata .cn-tierhead i { color:#33363b; }<br /> /* Gold (mais destaque) */<br /> .cn-tier.gold .cn-tierhead { background:linear-gradient(135deg,#f6dd84,#c69a1d); padding:13px 38px; box-shadow:0 8px 22px rgba(198,154,29,0.42); }<br /> .cn-tier.gold .cn-tierhead b { color:#3a2a06; font-size:24px; } .cn-tier.gold .cn-tierhead i { color:#48340a; }<br /> /* Diamond (DESTAQUE MÁXIMO) */<br /> .cn-tier.diamond .cn-tierhead { background:linear-gradient(135deg,#b6e6ff,#3f97d6 52%,#1c6cad); padding:17px 50px; border:1px solid rgba(255,255,255,0.55); box-shadow:0 0 0 3px rgba(90,160,216,0.28), 0 12px 34px rgba(47,134,199,0.6); }<br /> .cn-tier.diamond .cn-tierhead b { color:#062539; font-size:29px; text-shadow:0 1px 0 rgba(255,255,255,0.45); } .cn-tier.diamond .cn-tierhead i { color:#08324f; background:rgba(255,255,255,0.42); }<br /> .cn-tier.diamond .cn-tierhead b::before { content:&quot;✦ &quot;; } .cn-tier.diamond .cn-tierhead b::after { content:&quot; ✦&quot;; }<br /> <br /> /* GRID de nicks (nameplate escuro = swatch). Flex centralizado: últimas linhas centram */<br /> .cn-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; }<br /> .cn-chip { width:152px; background:linear-gradient(180deg,#2e2e36,#1c1c22); border:1px solid rgba(0,0,0,0.35); border-radius:9px; padding:11px 8px 7px; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,0.18) inset, 0 2px 5px rgba(0,0,0,0.12); }<br /> .cn-name { display:block; font-size:16px; font-weight:800; line-height:1.1; }<br /> .cn-lbl { display:block; font-size:10px; color:#9a9088; margin-top:6px; letter-spacing:0.4px; text-transform:uppercase; }<br /> <br /> /* NOTE */<br /> .cn-note { text-align:center; font-size:13px; color:#8a6c1e; margin:26px auto 0; font-style:italic; max-width:840px; }<br /> .cn-note b { color:#a8861f; font-style:normal; }<br /> <br /> @media (max-width:880px){<br /> .cn-stats { grid-template-columns:repeat(2,1fr); }<br /> .cn-npc { flex-direction:column; text-align:center; }<br /> .cn-grid { grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); }<br /> .cn-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> REBALANCE — páginas bespoke (escopo .rb-wrap)<br /> ============================================================ */<br /> .rb-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rb-wrap *, .rb-wrap *::before, .rb-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .rb-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .rb-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rb-hero img.rb-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .rb-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rb-wrap h1 { margin:8px 0 12px; font-size:38px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rb-hero p { max-width:720px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rb-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .rb-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:-34px auto 6px; max-width:520px; position:relative; z-index:3; padding:0 10px; }<br /> .rb-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rb-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .rb-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .rb-wrap .rb-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin:18px auto 8px; color:#2a2008; }<br /> .rb-lead b { color:#a8861f; }<br /> .rb-wrap .rb-src { text-align:center; font-size:14px; line-height:1.6; color:#3a2e12; max-width:820px; margin:22px auto 8px; }<br /> .rb-src b { color:#a8861f; }<br /> .rb-example { text-align:center; margin:2px auto 6px; }<br /> .rb-example img { max-width:430px; width:92%; image-rendering:auto; border:1px solid rgba(212,175,55,0.45); border-radius:8px; padding:8px 14px; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,0.08); }<br /> .rb-beta { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:820px; margin:30px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:13px 22px; }<br /> .rb-beta b { color:#a8861f; }<br /> <br /> /* CLASS section */<br /> .rb-class { margin-top:30px; }<br /> .rb-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:30px 0 14px; }<br /> .rb-h span { font-size:18px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rb-h::before,.rb-h::after { content:&quot;&quot;; height:2px; width:70px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .rb-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> <br /> /* M+F num único box (lado a lado, como dois personagens juntos) */<br /> .rb-chars { display:flex; justify-content:center; margin-bottom:18px; }<br /> .rb-duo { display:inline-flex; gap:0; align-items:flex-end; border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 18px 14px;<br /> background:linear-gradient(180deg,#fff,#fdf8e8); box-shadow:0 5px 16px rgba(0,0,0,0.08);<br /> background-image:radial-gradient(ellipse at 50% 96%, rgba(212,175,55,0.18), transparent 58%), linear-gradient(180deg,#fff,#fdf8e8); }<br /> .rb-duo .spr { display:flex; align-items:flex-end; justify-content:center; }<br /> .rb-duo .spr img { height:150px; width:auto; max-width:none; image-rendering:auto; filter:drop-shadow(0 4px 7px rgba(0,0,0,0.28)); }<br /> .rb-duo .spr + .spr { margin-left:-26px; }<br /> .rb-duo.spaced { padding-left:34px; padding-right:34px; }<br /> .rb-duo.spaced .spr + .spr { margin-left:6px; }<br /> .rb-wrap .rb-noskill { text-align:center; font-size:13.5px; color:#8a6c1e; font-style:italic; max-width:600px; margin:8px auto 0; }<br /> <br /> /* skill cards */<br /> .rb-skills { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:12px; }<br /> .rb-skill { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:10px; padding:13px 16px 14px; flex:1 1 460px; max-width:524px; }<br /> .rb-skh { display:flex; align-items:center; gap:11px; margin-bottom:9px; }<br /> .rb-skic { width:42px; height:42px; flex:0 0 auto; image-rendering:pixelated; border-radius:7px; background:rgba(40,30,12,0.06); border:1px solid rgba(212,175,55,0.3); padding:3px; }<br /> .rb-skn b { display:block; font-size:15px; font-weight:800; color:#1b1304; line-height:1.15; }<br /> .rb-skn span { font-size:10.5px; text-transform:uppercase; letter-spacing:0.5px; color:#8a6c1e; font-weight:700; }<br /> .rb-chg { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }<br /> .rb-chg li { position:relative; padding-left:18px; font-size:13px; line-height:1.5; color:#3a2e12; }<br /> .rb-chg li::before { content:&quot;▸&quot;; position:absolute; left:2px; top:0; color:#c9a430; font-size:12px; }<br /> .rb-chg li b { color:#a8330f; }<br /> <br /> /* invocacoes de espirito (Espiritualista) */<br /> .rb-subh { text-align:center; font-size:13px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin:22px 0 12px; }<br /> .rb-sum-intro { max-width:860px; margin:0 auto 4px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:13px 18px; font-size:13.5px; line-height:1.6; color:#3a2e12; }<br /> .rb-sum-intro b { color:#a8330f; }<br /> .rb-sum-intro ul { list-style:none; margin:9px 0 0; padding:0; display:flex; flex-direction:column; gap:6px; }<br /> .rb-sum-intro li { position:relative; padding-left:18px; }<br /> .rb-sum-intro li::before { content:&quot;▸&quot;; position:absolute; left:2px; top:0; color:#c9a430; }<br /> .rb-summons { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:13px; margin-top:14px; }<br /> .rb-sum { display:flex; align-items:center; gap:13px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:10px; padding:11px 15px; flex:1 1 392px; max-width:440px; }<br /> .rb-sum-spr { flex:0 0 96px; display:flex; align-items:flex-end; justify-content:center; height:122px; background-image:radial-gradient(ellipse at 50% 92%, rgba(212,175,55,0.20), transparent 62%); }<br /> .rb-sum-spr img { height:120px; width:auto; max-width:none; image-rendering:auto; filter:drop-shadow(0 4px 6px rgba(0,0,0,0.30)); }<br /> .rb-sum-body { flex:1 1 auto; min-width:0; }<br /> .rb-sum-name { font-size:15px; font-weight:800; color:#1b1304; line-height:1.15; }<br /> .rb-sum-name span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.5px; color:#8a6c1e; font-weight:700; margin-top:2px; }<br /> .rb-sum-role { font-size:12.5px; color:#3a2e12; margin:7px 0 6px; line-height:1.45; }<br /> .rb-sum-role b { color:#a8330f; }<br /> .rb-sum-sk { font-size:11.5px; color:#6b5618; line-height:1.55; }<br /> .rb-sum-sk b { color:#8a6c1e; font-weight:700; }<br /> .rb-stats.s3 { grid-template-columns:repeat(3,1fr); max-width:720px; }<br /> .rb-spirits { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:10px; }<br /> .rb-spirit { display:flex; align-items:center; gap:10px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:3px solid #c9a430; border-radius:8px; padding:8px 13px; flex:1 1 286px; max-width:352px; }<br /> .rb-spirit img { width:36px; height:36px; flex:0 0 auto; image-rendering:pixelated; border-radius:6px; background:rgba(40,30,12,0.06); border:1px solid rgba(212,175,55,0.3); padding:2px; }<br /> .rb-spirit b { font-size:12.5px; font-weight:800; color:#1b1304; }<br /> .rb-spirit span { display:block; font-size:11.5px; color:#6b5618; margin-top:2px; line-height:1.4; }<br /> .rb-spirit span em { color:#a8330f; font-style:normal; font-weight:700; }<br /> .rb-sum-ic { width:25px; height:25px; vertical-align:-6px; margin-right:6px; image-rendering:pixelated; }<br /> <br /> .rb-foot { text-align:center; font-size:13px; color:#8a6c1e; margin:32px auto 0; font-style:italic; max-width:840px; }<br /> <br /> @media (max-width:780px){<br /> .rb-stats { grid-template-columns:repeat(3,1fr); }<br /> .rb-skills { grid-template-columns:1fr; }<br /> .rb-wrap h1 { font-size:29px; }<br /> }<br /> <br /> /* ===========================================================<br /> REBORN — Sistema de Elos — página bespoke (escopo .rbn-wrap)<br /> =========================================================== */<br /> .rbn-wrap { max-width: 1020px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rbn-wrap *, .rbn-wrap *::before, .rbn-wrap *::after { box-sizing: border-box; }<br /> <br /> .rbn-hero { position: relative; text-align: center; padding: 42px 22px 60px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.34), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.16), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .rbn-hero::before { content:&quot;\2726&quot;; position:absolute; top:16px; right:24px; color:rgba(212,175,55,0.30); font-size:28px; }<br /> .rbn-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rbn-hero img.rbn-ico { width:108px; height:108px; display:block; margin:0 auto 6px; border-radius:16px; filter: drop-shadow(0 8px 20px rgba(212,175,55,0.5)); }<br /> .rbn-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.6px; text-transform:uppercase; font-weight:600; }<br /> .rbn-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rbn-hero p { max-width:730px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rbn-hero p b { color:#f4d97a; }<br /> <br /> .rbn-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-38px auto 6px; max-width:780px; position:relative; z-index:3; padding:0 10px; }<br /> .rbn-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:8px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rbn-stat b { display:block; font-size:17px; font-weight:800; color:#a8861f; line-height:1.15; }<br /> .rbn-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .rbn-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:40px 0 8px; }<br /> .rbn-h span { font-size:15px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rbn-h::before, .rbn-h::after { content:&quot;&quot;; height:1px; width:120px; background:linear-gradient(90deg, transparent, #d4af37); flex-shrink:0; }<br /> .rbn-h::after { background:linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .rbn-wrap .rbn-lead { text-align:center; font-size:15px; line-height:1.7; max-width:830px; margin-left:auto; margin-right:auto; margin-top:14px; margin-bottom:8px; color:#2a2008; }<br /> .rbn-lead b { color:#a8861f; }<br /> .rbn-wrap .rbn-foot { text-align:center; font-size:12.5px; line-height:1.55; max-width:830px; margin:8px auto 4px; color:#6b5a2e; }<br /> <br /> .rbn-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0 4px; }<br /> .rbn-step { position:relative; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:11px; padding:30px 16px 16px; text-align:center; }<br /> .rbn-step-n { position:absolute; top:-15px; left:50%; transform:translateX(-50%); width:32px; height:32px; border-radius:50%; background:linear-gradient(180deg,#f4d97a,#d4af37); color:#3a2607; font-weight:800; font-size:15px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(0,0,0,0.2); }<br /> .rbn-step b { display:block; color:#8a6c1e; font-size:14px; margin-bottom:5px; }<br /> .rbn-step p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> <br /> .rbn-npc { display:flex; align-items:center; gap:26px; max-width:760px; margin:16px auto 6px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.32); border-left:4px solid #d4af37; border-radius:12px; padding:20px 28px; }<br /> .rbn-npc img { width:118px; height:auto; image-rendering:pixelated; flex-shrink:0; filter: drop-shadow(0 4px 10px rgba(0,0,0,0.22)); }<br /> .rbn-npc-body { text-align:left; }<br /> .rbn-npc-body h3 { margin:0 0 5px; font-size:20px; color:#a8861f; border:none; padding:0; }<br /> .rbn-npc-body p { margin:0 0 9px; font-size:13.5px; line-height:1.55; color:#4a3a14; }<br /> .rbn-npc-body p:last-child { margin-bottom:0; }<br /> <br /> .rbn-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; max-width:830px; margin:16px auto 6px; }<br /> .rbn-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:18px 22px; }<br /> .rbn-card h4 { margin:0 0 8px; color:#a8861f; font-size:16px; }<br /> .rbn-card p { margin:0; font-size:13.5px; line-height:1.6; color:#4a3a14; }<br /> .rbn-card p b { color:#a8861f; }<br /> <br /> .rbn-wrap table.rbn-table { width:100%; border-collapse:collapse; margin:16px auto 6px; font-size:13.5px; box-shadow:0 6px 18px rgba(0,0,0,0.08); border-radius:10px; overflow:hidden; }<br /> .rbn-table th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-weight:700; padding:11px 9px; text-align:center; font-size:12.5px; letter-spacing:0.3px; }<br /> .rbn-table td { padding:9px 9px; text-align:center; border-bottom:1px solid #efe4c4; color:#3a2e12; }<br /> .rbn-table td.rbn-elo { font-weight:700; color:#a8861f; text-align:left; white-space:nowrap; }<br /> .rbn-table td small { color:#8a7330; }<br /> .rbn-table tr:nth-child(even) td { background:#fdf8e8; }<br /> .rbn-table tr:hover td { background:#f6ecc6; }<br /> <br /> .rbn-note { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:840px; margin:28px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:14px 24px; }<br /> .rbn-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px) {<br /> .rbn-stats { grid-template-columns:repeat(2,1fr); }<br /> .rbn-steps { grid-template-columns:repeat(2,1fr); }<br /> .rbn-cards { grid-template-columns:1fr; }<br /> .rbn-npc { flex-direction:column; text-align:center; }<br /> .rbn-npc-body { text-align:center; }<br /> .rbn-wrap table.rbn-table { font-size:11.5px; }<br /> .rbn-table th, .rbn-table td { padding:7px 5px; }<br /> }<br /> <br /> /* ===========================================================<br /> ALMAS — Sistema de Almas — página bespoke (escopo .alm-wrap)<br /> =========================================================== */<br /> .alm-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .alm-wrap *, .alm-wrap *::before, .alm-wrap *::after { box-sizing: border-box; }<br /> <br /> .alm-hero { position: relative; text-align: center; padding: 42px 22px 60px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.34), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.16), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .alm-hero::before { content:&quot;\2726&quot;; position:absolute; top:16px; right:24px; color:rgba(212,175,55,0.30); font-size:28px; }<br /> .alm-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .alm-hero img.alm-ico { width:108px; height:108px; display:block; margin:0 auto 6px; border-radius:16px; filter: drop-shadow(0 8px 20px rgba(212,175,55,0.5)); }<br /> .alm-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.6px; text-transform:uppercase; font-weight:600; }<br /> .alm-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .alm-hero p { max-width:740px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .alm-hero p b { color:#f4d97a; }<br /> <br /> .alm-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-38px auto 6px; max-width:800px; position:relative; z-index:3; padding:0 10px; }<br /> .alm-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:8px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .alm-stat b { display:block; font-size:16px; font-weight:800; color:#a8861f; line-height:1.15; }<br /> .alm-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .alm-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:42px 0 8px; }<br /> .alm-h span { font-size:15px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .alm-h::before, .alm-h::after { content:&quot;&quot;; height:1px; width:120px; background:linear-gradient(90deg, transparent, #d4af37); flex-shrink:0; }<br /> .alm-h::after { background:linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .alm-wrap .alm-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-top:14px; margin-bottom:8px; color:#2a2008; }<br /> .alm-lead b { color:#a8861f; }<br /> <br /> /* raridades */<br /> .alm-rar { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; max-width:860px; margin:16px auto 6px; }<br /> .alm-rar-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:12px; padding:16px 16px 18px; text-align:center; }<br /> .alm-rar-card img { width:150px; height:150px; object-fit:contain; border-radius:10px; display:block; margin:0 auto 10px; box-shadow:0 4px 14px rgba(0,0,0,0.28); }<br /> .alm-rar-name { font-weight:800; font-size:15px; margin-bottom:6px; letter-spacing:0.3px; }<br /> .alm-rar-card p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> .alm-rar-blue { border-top-color:#3f8fe0; }<br /> .alm-rar-blue .alm-rar-name { color:#2f73c2; }<br /> .alm-rar-purple { border-top-color:#9a5cd6; }<br /> .alm-rar-purple .alm-rar-name { color:#7e3fc0; }<br /> .alm-rar-red { border-top-color:#df5236; }<br /> .alm-rar-red .alm-rar-name { color:#c23a22; }<br /> <br /> /* passos */<br /> .alm-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0 4px; }<br /> .alm-step { position:relative; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:11px; padding:30px 16px 16px; text-align:center; }<br /> .alm-step-n { position:absolute; top:-15px; left:50%; transform:translateX(-50%); width:32px; height:32px; border-radius:50%; background:linear-gradient(180deg,#f4d97a,#d4af37); color:#3a2607; font-weight:800; font-size:15px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(0,0,0,0.2); }<br /> .alm-step b { display:block; color:#8a6c1e; font-size:14px; margin-bottom:5px; }<br /> .alm-step p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> <br /> /* NPC */<br /> .alm-npc { max-width:680px; margin:14px auto 6px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.32); border-left:4px solid #d4af37; border-radius:12px; padding:18px 26px; }<br /> .alm-npc-body h3 { margin:0 0 6px; font-size:20px; color:#a8861f; border:none; padding:0; }<br /> .alm-npc-body p { margin:0 0 9px; font-size:13.5px; line-height:1.55; color:#4a3a14; }<br /> .alm-npc-body p:last-child { margin-bottom:0; }<br /> <br /> /* cards de regras */<br /> .alm-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:900px; margin:16px auto 6px; }<br /> .alm-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:16px 18px; text-align:center; }<br /> .alm-card h4 { margin:0 0 8px; color:#a8861f; font-size:15px; }<br /> .alm-card p { margin:0; font-size:13px; line-height:1.55; color:#4a3a14; }<br /> .alm-card p b { color:#a8861f; }<br /> <br /> /* galeria de almas — lista compacta com a miniatura do item (inventário) */<br /> .alm-list { max-width:840px; margin:14px auto 6px; display:flex; flex-direction:column; gap:7px; }<br /> .alm-row { display:flex; align-items:center; gap:12px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-radius:9px; padding:7px 14px; transition:border-color .14s, background .14s; }<br /> .alm-row:hover { border-color:#d4af37; background:#fbf3da; }<br /> .alm-slot { width:38px; height:38px; flex-shrink:0; border-radius:7px; background:radial-gradient(circle at 50% 36%, #2c2647, #14101f); border:1px solid rgba(212,175,55,0.4); box-shadow:inset 0 1px 4px rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; }<br /> .alm-slot img { width:28px; height:28px; }<br /> .alm-row-txt { font-size:12.5px; line-height:1.45; color:#4a3a14; text-align:left; }<br /> .alm-row-n { font-weight:800; color:#a8861f; }<br /> <br /> .alm-note { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:840px; margin:28px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:14px 24px; }<br /> .alm-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px) {<br /> .alm-stats { grid-template-columns:repeat(2,1fr); }<br /> .alm-rar { grid-template-columns:1fr; max-width:340px; }<br /> .alm-steps { grid-template-columns:repeat(2,1fr); }<br /> .alm-cards { grid-template-columns:1fr; max-width:380px; }<br /> }<br /> <br /> /* ===========================================================<br /> REBORN — tabela detalhada dos 10 elos (ícones oficiais)<br /> =========================================================== */<br /> .rbn-elotable-wrap { overflow-x:auto; margin:14px 0 6px; -webkit-overflow-scrolling:touch; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.08); border:1px solid rgba(212,175,55,0.25); }<br /> .rbn-wrap table.rbn-elotable { border-collapse:collapse; margin:0; width:100%; min-width:940px; font-size:12px; }<br /> .rbn-elotable th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; padding:8px 6px 7px; text-align:center; font-weight:700; font-size:11px; vertical-align:bottom; }<br /> .rbn-elotable th img.rbn-elo-ico { width:46px; height:46px; display:block; margin:0 auto 4px; filter:drop-shadow(0 2px 5px rgba(0,0,0,0.55)); }<br /> .rbn-elotable th span { display:block; white-space:nowrap; font-size:12.5px; font-weight:800; color:#f7e9b8; margin-top:2px; }<br /> .rbn-elotable td { padding:6px 9px; text-align:center; border-bottom:1px solid #efe4c4; color:#3a2e12; white-space:nowrap; }<br /> .rbn-elotable td.rbn-stat, .rbn-elotable th.rbn-stat { text-align:left; font-weight:700; position:sticky; left:0; z-index:2; }<br /> .rbn-elotable td.rbn-stat { color:#8a6c1e; background:#fbf3da; }<br /> .rbn-elotable th.rbn-stat { color:#f4d97a; background:#1c1305; text-align:center; vertical-align:middle; white-space:normal; line-height:1.25; font-size:12px; }<br /> .rbn-elotable tr:nth-child(even) td { background:#fdf8e8; }<br /> .rbn-elotable tr:nth-child(even) td.rbn-stat { background:#f4ead0; }<br /> .rbn-elotable tr:hover td { background:#f6ecc6; }<br /> .rbn-elotable tr:hover td.rbn-stat { background:#efe2bf; }<br /> .rbn-elotable td.rbn-na { color:#c9bd97; }<br /> <br /> /* =============================================================<br /> RMT — Mercado RMT (escopo .rmt-wrap)<br /> ============================================================= */<br /> .rmt-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .rmt-wrap *, .rmt-wrap *::before, .rmt-wrap *::after { box-sizing: border-box; }<br /> <br /> .rmt-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .rmt-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rmt-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .rmt-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .rmt-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .rmt-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .rmt-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .rmt-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .rmt-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .rmt-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .rmt-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .rmt-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .rmt-h::before, .rmt-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .rmt-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .rmt-wrap .rmt-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 6px; color: #2a2008; }<br /> .rmt-wrap .rmt-lead b { color: #a8861f; }<br /> <br /> .rmt-access { max-width: 640px; margin: 10px auto 0; text-align: center; background: linear-gradient(180deg, #241906, #0d0901); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 16px 20px; color: #e9dcc0; font-size: 14.5px; line-height: 1.7; }<br /> .rmt-access b { color: #f4d97a; }<br /> .rmt-access .cmd { display: inline-block; margin: 2px 2px; padding: 3px 10px; border: 1px solid rgba(212,175,55,0.5); border-radius: 8px; color: #f4d97a; font-family: monospace; font-size: 14px; }<br /> <br /> /* clicável: copia comando/coord ao clicar */<br /> .rmt-copy { cursor: pointer; display: inline-block; padding: 1px 9px; margin: 0 1px; border-radius: 6px; background: rgba(212,175,55,0.16); border: 1px solid rgba(212,175,55,0.45); color: #8a6c1e; font-family: monospace; font-weight: 700; font-size: 0.95em; line-height: 1.55; white-space: nowrap; transition: background .12s, transform .05s; }<br /> .rmt-copy:hover { background: rgba(212,175,55,0.30); }<br /> .rmt-copy:active { transform: translateY(1px); }<br /> .rmt-copy::after { content: &quot;\29C9&quot;; margin-left: 6px; opacity: 0.55; font-family: sans-serif; }<br /> .rmt-access .rmt-copy { background: rgba(244,217,122,0.12); border-color: rgba(212,175,55,0.55); color: #f4d97a; font-size: 14px; }<br /> .rmt-access .rmt-copy:hover { background: rgba(244,217,122,0.24); }<br /> <br /> /* link estilizado (Discord etc.) */<br /> .rmt-link { color: #a8861f; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(212,175,55,0.5); text-underline-offset: 2px; }<br /> .rmt-link:hover { color: #8a6c1e; }<br /> .rmt-access .rmt-link { color: #f4d97a; text-decoration-color: rgba(244,217,122,0.55); }<br /> <br /> .rmt-steps { display: flex; flex-direction: column; gap: 12px; max-width: 820px; margin: 6px auto 0; }<br /> .rmt-step { display: flex; gap: 14px; align-items: flex-start; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-left: 4px solid #d4af37; border-radius: 10px; padding: 14px 16px; }<br /> .rmt-step .n { flex: 0 0 34px; height: 34px; width: 34px; border-radius: 50%; background: #d4af37; color: #241906; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0,0,0,0.15); }<br /> .rmt-step .t { font-size: 14px; line-height: 1.55; color: #3a2e12; align-self: center; }<br /> .rmt-step .t b { color: #a8330f; }<br /> <br /> .rmt-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; max-width: 860px; margin: 6px auto 0; align-items: stretch; }<br /> .rmt-col { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 18px; }<br /> .rmt-col h3 { margin: 0 0 12px; font-size: 15px; color: #a8861f; font-weight: 800; border: none; padding: 0; text-align: center; }<br /> .rmt-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }<br /> .rmt-col li { position: relative; padding-left: 22px; font-size: 13.5px; line-height: 1.5; color: #3a2e12; }<br /> .rmt-col li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> <br /> .rmt-fee { max-width: 520px; margin: 8px auto 0; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 10px 22px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .rmt-fee .row { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; font-size: 14.5px; color: #3a2e12; border-bottom: 1px dashed rgba(212,175,55,0.4); }<br /> .rmt-fee .row:last-child { border-bottom: none; }<br /> .rmt-fee .big { color: #a8330f; font-weight: 800; font-size: 16px; }<br /> .rmt-fee .net { color: #3a9c3a; font-weight: 800; font-size: 16px; }<br /> <br /> .rmt-safe { max-width: 820px; margin: 6px auto 0; background: linear-gradient(180deg, #f4fbf0, #eef7e6); border: 1px solid rgba(58,156,58,0.3); border-left: 4px solid #3a9c3a; border-radius: 10px; padding: 16px 20px; }<br /> .rmt-safe ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .rmt-safe li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.55; color: #2f3a1f; }<br /> .rmt-safe li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 1px; color: #3a9c3a; font-size: 12px; }<br /> .rmt-safe li b { color: #2e7d32; }<br /> <br /> .rmt-rules { max-width: 820px; margin: 6px auto 0; background: linear-gradient(180deg, #fff7f3, #fdeee7); border: 1px solid rgba(192,57,43,0.3); border-left: 4px solid #c0392b; border-radius: 10px; padding: 16px 20px; }<br /> .rmt-rules ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .rmt-rules li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.55; color: #3a2e12; }<br /> .rmt-rules li::before { content: &quot;\26A0&quot;; position: absolute; left: 2px; top: 0; color: #c0392b; font-size: 13px; }<br /> .rmt-rules li b { color: #a8330f; }<br /> <br /> .rmt-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 860px; margin: 6px auto 0; }<br /> .rmt-chip { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 999px; padding: 8px 16px; font-size: 13px; color: #3a2e12; }<br /> .rmt-chip b { color: #a8861f; }<br /> <br /> .rmt-cta { text-align: center; margin: 34px auto 8px; }<br /> .rmt-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .rmt-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .rmt-stats { grid-template-columns: repeat(2, 1fr); }<br /> .rmt-cols { grid-template-columns: 1fr; }<br /> .rmt-hero h1 { font-size: 31px; }<br /> .rmt-h::before, .rmt-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> CORRIDA 99 — Corrida ao 99 (escopo .c99-wrap)<br /> ============================================================= */<br /> .c99-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .c99-wrap *, .c99-wrap *::before, .c99-wrap *::after { box-sizing: border-box; }<br /> <br /> .c99-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .c99-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .c99-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .c99-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .c99-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .c99-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .c99-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .c99-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .c99-stat b { display: block; font-size: 18px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .c99-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .c99-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .c99-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .c99-h::before, .c99-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .c99-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .c99-wrap .c99-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .c99-wrap .c99-lead b { color: #a8861f; }<br /> <br /> .c99-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; max-width: 880px; margin: 10px auto 0; align-items: stretch; }<br /> .c99-col { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 18px; }<br /> .c99-col h3 { margin: 0 0 12px; font-size: 15px; font-weight: 800; border: none; padding: 0; text-align: center; }<br /> .c99-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .c99-col li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.5; color: #3a2e12; }<br /> .c99-bad { border-top-color: #c0392b; }<br /> .c99-bad h3 { color: #c0392b; }<br /> .c99-bad li::before { content: &quot;\2716&quot;; position: absolute; left: 2px; top: 0; color: #c0392b; font-size: 12px; }<br /> .c99-bad li b { color: #a8330f; }<br /> .c99-good { border-top-color: #3a9c3a; }<br /> .c99-good h3 { color: #2e7d32; }<br /> .c99-good li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> .c99-good li b { color: #2e7d32; }<br /> <br /> .c99-relics { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; max-width: 960px; margin: 8px auto 0; }<br /> .c99-relic { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 10px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .c99-relic img { display: block; width: 420px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .c99-cta { text-align: center; margin: 34px auto 8px; }<br /> .c99-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .c99-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .c99-stats { grid-template-columns: repeat(2, 1fr); }<br /> .c99-cols { grid-template-columns: 1fr; }<br /> .c99-hero h1 { font-size: 31px; }<br /> .c99-h::before, .c99-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> GUERRA DO EMPERIUM — WoE (escopo .woe-wrap)<br /> ============================================================= */<br /> .woe-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .woe-wrap *, .woe-wrap *::before, .woe-wrap *::after { box-sizing: border-box; }<br /> <br /> .woe-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .woe-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .woe-hero img { width: 116px; height: 116px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: contain; }<br /> .woe-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .woe-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .woe-hero p { max-width: 700px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .woe-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .woe-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-stat b { display: block; font-size: 19px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .woe-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .woe-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .woe-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .woe-h::before, .woe-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .woe-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .woe-wrap .woe-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .woe-wrap .woe-lead b { color: #a8861f; }<br /> <br /> .woe-sched { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 620px; margin: 6px auto 0; }<br /> .woe-day { flex: 1 1 240px; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px; text-align: center; }<br /> .woe-day b { display: block; font-size: 16px; color: #a8861f; text-transform: uppercase; letter-spacing: 1px; }<br /> .woe-day span { display: block; margin-top: 4px; font-size: 24px; font-weight: 800; color: #3a2e12; }<br /> <br /> .woe-table { width: 100%; max-width: 560px; margin: 6px auto 0; border-collapse: collapse; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-table th { background: #241906; color: #f4d97a; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; padding: 12px 18px; text-align: left; }<br /> .woe-table th.r { text-align: right; }<br /> .woe-table td { padding: 12px 18px; font-size: 14.5px; color: #3a2e12; border-top: 1px solid rgba(212,175,55,0.25); }<br /> .woe-table td.r { text-align: right; font-weight: 800; color: #a8861f; }<br /> .woe-table .nm { font-weight: 700; }<br /> .woe-table tr.woe-king td { background: rgba(212,175,55,0.12); }<br /> <br /> .woe-relics { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 1000px; margin: 8px auto 0; }<br /> .woe-relic { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 9px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-relic img { display: block; width: 290px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .woe-cta { text-align: center; margin: 34px auto 8px; }<br /> .woe-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .woe-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .woe-stats { grid-template-columns: repeat(2, 1fr); }<br /> .woe-hero h1 { font-size: 31px; }<br /> .woe-h::before, .woe-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> TRAGA SUA GUILD — pacotes fundador de guild (escopo .tg-wrap)<br /> ============================================================= */<br /> .tg-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .tg-wrap *, .tg-wrap *::before, .tg-wrap *::after { box-sizing: border-box; }<br /> <br /> .tg-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .tg-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .tg-hero img { width: 110px; height: 110px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .tg-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .tg-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .tg-hero p { max-width: 700px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .tg-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .tg-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-stat b { display: block; font-size: 18px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .tg-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .tg-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .tg-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .tg-h::before, .tg-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .tg-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .tg-wrap .tg-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .tg-wrap .tg-lead b { color: #a8861f; }<br /> .tg-wrap .tg-lead a { color: #a8861f; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(212,175,55,0.5); }<br /> <br /> .tg-tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 960px; margin: 8px auto 0; align-items: stretch; }<br /> .tg-tier { display: flex; flex-direction: column; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 4px solid #d4af37; border-radius: 12px; padding: 18px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-tierimg { width: auto; max-width: 100%; height: 168px; object-fit: contain; margin: 0 auto 8px; filter: drop-shadow(0 3px 10px rgba(0,0,0,0.28)); }<br /> .tg-tname { font-size: 16px; font-weight: 800; color: #a8861f; }<br /> .tg-qty { font-size: 13px; color: #3a2e12; margin-top: 5px; font-weight: 700; }<br /> .tg-price { margin: 10px 0 2px; font-size: 15px; color: #3a2e12; }<br /> .tg-price s { color: #b07a6a; margin-right: 7px; }<br /> .tg-price b { font-size: 23px; color: #a8330f; }<br /> .tg-save { display: inline-block; margin: 6px auto 0; font-size: 12px; font-weight: 800; color: #2e7d32; background: rgba(58,156,58,0.12); border: 1px solid rgba(58,156,58,0.3); border-radius: 999px; padding: 2px 12px; }<br /> .tg-perks { list-style: none; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px dashed rgba(212,175,55,0.4); display: flex; flex-direction: column; gap: 9px; text-align: left; }<br /> .tg-perks li { position: relative; padding-left: 24px; font-size: 13px; line-height: 1.45; color: #3a2e12; }<br /> .tg-perks li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> .tg-perks li b { color: #a8861f; }<br /> .tg-perks li.star::before { content: &quot;\2605&quot;; color: #d4af37; }<br /> .tg-prata { border-top-color: #9fa3ad; }<br /> .tg-prata .tg-tname { color: #7d818c; }<br /> .tg-ouro { border-top-color: #d4af37; }<br /> .tg-diamante { border-top-color: #56c5dc; }<br /> .tg-diamante .tg-tname { color: #2092a8; }<br /> <br /> .tg-banners { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 1000px; margin: 8px auto 0; }<br /> .tg-banner { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 9px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-banner img { display: block; width: 290px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .tg-gpmain { display: block; max-width: 560px; width: 100%; height: auto; margin: 6px auto 16px; border-radius: 12px; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 8px 22px rgba(0,0,0,0.12); }<br /> .tg-gpgrid { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 16px; max-width: 760px; margin: 0 auto; }<br /> .tg-gpcard { flex: 1 1 300px; max-width: 360px; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 16px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); display: flex; flex-direction: column; align-items: center; justify-content: center; }<br /> .tg-gpcard .cap { font-size: 13px; color: #6b5a2e; font-weight: 700; margin-top: 6px; }<br /> .tg-gpcard .sub { font-size: 12px; color: #8a7a4e; margin-top: 2px; }<br /> .tg-gpcard img.npc { width: 268px; max-width: 100%; height: auto; border-radius: 6px; image-rendering: auto; }<br /> .tg-gpcard img.sign { width: 110px; height: auto; image-rendering: pixelated; }<br /> <br /> .tg-gpwide { display: block; max-width: 820px; width: 100%; height: auto; margin: 16px auto 6px; border-radius: 12px; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 8px 22px rgba(0,0,0,0.12); }<br /> .tg-wrap .tg-cap { text-align: center; font-size: 13px; color: #6b5a2e; font-weight: 700; margin: 0 auto 4px; }<br /> .tg-placa { display: flex; flex-direction: column; align-items: center; gap: 7px; margin: 20px auto 0; }<br /> .tg-placa img { width: 184px; height: auto; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; image-rendering: pixelated; filter: drop-shadow(0 3px 8px rgba(0,0,0,0.2)); }<br /> <br /> .tg-cta { text-align: center; margin: 34px auto 8px; }<br /> .tg-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .tg-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 760px) {<br /> .tg-stats { grid-template-columns: repeat(2, 1fr); }<br /> .tg-tiers { grid-template-columns: 1fr; }<br /> .tg-hero h1 { font-size: 31px; }<br /> .tg-h::before, .tg-h::after { width: 40px; }<br /> }/* ===================== Facção (fac-*) — 2026-06-09 ===================== */<br /> .fac-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .fac-hero{position:relative;text-align:center;padding:40px 24px 34px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 62%),linear-gradient(180deg,#241906,#0d0901)}<br /> .fac-hero img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55))}<br /> .fac-hero h1{margin:8px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .fac-hero p{max-width:720px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .fac-badge{display:inline-block;margin:16px 0 4px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .fac-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-34px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .fac-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-stat b{display:block;font-size:18px;color:#a8861f;font-weight:800;line-height:1.15}<br /> .fac-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .fac-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:40px 0 16px}<br /> .fac-h::before,.fac-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .fac-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .fac-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap}<br /> .fac-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .fac-wrap .fac-lead{margin-left:auto;margin-right:auto}<br /> /* cards das 3 faccoes */<br /> .fac-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px auto 0;max-width:900px}<br /> .fac-card{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:12px;padding:22px 16px 18px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-card img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.28))}<br /> .fac-card .nm{display:block;margin:12px 0 4px;font-size:19px;font-weight:800;letter-spacing:.3px}<br /> .fac-card .vs{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .fac-card.aether{border-top-color:#3f86e0}.fac-card.aether .nm{color:#2f74cf}<br /> .fac-card.tartaro{border-top-color:#d24a3a}.fac-card.tartaro .nm{color:#c0392b}<br /> .fac-card.renegado{border-top-color:#8a8a8a}.fac-card.renegado .nm{color:#6a6a6a}<br /> /* passo a passo */<br /> .fac-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .fac-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .fac-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .fac-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .fac-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> /* tabela */<br /> .fac-table{width:100%;max-width:600px;margin:6px auto 0;border-collapse:collapse;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-table th{background:#241906;color:#f4d97a;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:12px 18px;text-align:left}<br /> .fac-table th.r{text-align:right}<br /> .fac-table td{padding:12px 18px;font-size:14.5px;color:#3a2e12;border-top:1px solid rgba(212,175,55,.25)}<br /> .fac-table td.r{text-align:right;font-weight:800;color:#a8861f}<br /> .fac-hi td{background:rgba(212,175,55,.12)}<br /> /* cards de regra/comando */<br /> .fac-cmds{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;margin:0 auto}<br /> .fac-cmd{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:9px;padding:15px 17px}<br /> .fac-cmd b{display:block;color:#a8861f;font-size:15px;margin-bottom:3px}<br /> .fac-cmd span{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .fac-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .fac-wrap .fac-note{margin-left:auto;margin-right:auto}.fac-note b{color:#a8861f}<br /> @media (max-width:850px){<br /> .fac-stats{grid-template-columns:repeat(2,1fr)}<br /> .fac-cards{grid-template-columns:1fr}<br /> .fac-steps{grid-template-columns:repeat(2,1fr)}<br /> .fac-cmds{grid-template-columns:1fr}<br /> .fac-hero h1{font-size:32px}<br /> }<br /> <br /> <br /> /* === Facção: NPC Recrutador (cartão escuro p/ destacar a sprite branca) === */<br /> .fac-npc { display:flex; gap:30px; align-items:center; background:linear-gradient(135deg,#2c1f0e 0%,#221705 100%); border:1px solid #5a4a1e; border-radius:16px; padding:22px 30px; margin:8px 0 6px; flex-wrap:wrap; box-shadow:inset 0 1px 0 rgba(244,217,122,0.08); }<br /> .fac-npc-art { flex:0 0 auto; width:190px; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at 50% 45%, rgba(212,175,55,0.20), rgba(0,0,0,0) 70%); border-radius:14px; padding:6px; }<br /> .fac-npc-art img { display:block; width:100%; height:auto; filter:drop-shadow(0 8px 16px rgba(0,0,0,0.55)); }<br /> .fac-npc-info { flex:1 1 280px; min-width:240px; }<br /> .fac-npc-name { font-size:1.55em; font-weight:800; color:#f4d97a; letter-spacing:0.2px; margin-bottom:10px; }<br /> .fac-npc-desc { color:#e6d9bd; line-height:1.65; margin:0 0 18px; font-size:1.02em; }<br /> .fac-npc-loc { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }<br /> .fac-npc-map { color:#d4af37; font-weight:700; font-size:1.05em; }<br /> .fac-npc .navi-copy { color:#f4d97a; border-bottom-color:#d4af37; background:rgba(212,175,55,0.10); }<br /> .fac-npc .navi-copy:hover { color:#fff7e0; background:rgba(212,175,55,0.24); }<br /> @media (max-width:560px){ .fac-npc{ justify-content:center; text-align:center; } .fac-npc-info{ text-align:center; } .fac-npc-loc{ justify-content:center; } }<br /> <br /> <br /> <br /> /* ===================== Rate Bonificado (rtb-*) — 2026-06-10 ===================== */<br /> .rtb-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .rtb-hero{position:relative;text-align:center;padding:40px 24px 34px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 62%),linear-gradient(180deg,#241906,#0d0901)}<br /> .rtb-hero img{width:128px;height:128px;object-fit:contain;border-radius:14px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55))}<br /> .rtb-hero h1{margin:8px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .rtb-hero p{max-width:720px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .rtb-badge{display:inline-block;margin:16px 0 4px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .rtb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-34px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .rtb-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-stat b{display:block;font-size:18px;color:#a8861f;font-weight:800;line-height:1.15}<br /> .rtb-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .rtb-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:40px 0 16px}<br /> .rtb-h::before,.rtb-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .rtb-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .rtb-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap}<br /> .rtb-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .rtb-wrap .rtb-lead{margin-left:auto;margin-right:auto}<br /> /* cards dos 3 rates */<br /> .rtb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px auto 0;max-width:900px}<br /> .rtb-card{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:12px;padding:24px 16px 20px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-card .mult{display:block;font-size:46px;font-weight:800;line-height:1;letter-spacing:-1px}<br /> .rtb-card .nm{display:block;margin:10px 0 6px;font-size:18px;font-weight:800;letter-spacing:.3px;color:#3a2e12}<br /> .rtb-card .vs{display:block;font-size:13px;color:#5a4a22;line-height:1.6}<br /> .rtb-card.r1{border-top-color:#3fa05a}.rtb-card.r1 .mult{color:#2e8a49}<br /> .rtb-card.r3{border-top-color:#d4af37}.rtb-card.r3 .mult{color:#a8861f}<br /> .rtb-card.r5{border-top-color:#d24a3a}.rtb-card.r5 .mult{color:#c0392b}<br /> /* passo a passo */<br /> .rtb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .rtb-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .rtb-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .rtb-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .rtb-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> /* tabela */<br /> .rtb-table{width:100%;max-width:680px;margin:6px auto 0;border-collapse:collapse;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-table th{background:#241906;color:#f4d97a;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:12px 18px;text-align:left}<br /> .rtb-table th.r{text-align:right}<br /> .rtb-table td{padding:12px 18px;font-size:14.5px;color:#3a2e12;border-top:1px solid rgba(212,175,55,.25)}<br /> .rtb-table td.r{text-align:right;font-weight:800;color:#a8861f}<br /> .rtb-hi td{background:rgba(212,175,55,.12)}<br /> /* cards de regra/faq */<br /> .rtb-cmds{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;margin:0 auto}<br /> .rtb-cmd{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:9px;padding:15px 17px}<br /> .rtb-cmd &gt; b{display:block;color:#a8861f;font-size:15px;margin-bottom:3px}<br /> .rtb-cmd span{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .rtb-cmds &gt; .rtb-cmd:last-child:nth-child(odd){grid-column:1 / -1;width:100%;max-width:calc((100% - 12px) / 2);justify-self:center}<br /> .rtb-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .rtb-wrap .rtb-note{margin-left:auto;margin-right:auto}.rtb-note b{color:#a8861f}<br /> @media (max-width:850px){<br /> .rtb-stats{grid-template-columns:repeat(2,1fr)}<br /> .rtb-cards{grid-template-columns:1fr}<br /> .rtb-steps{grid-template-columns:repeat(2,1fr)}<br /> .rtb-cmds{grid-template-columns:1fr}<br /> .rtb-cmds &gt; .rtb-cmd:last-child:nth-child(odd){grid-column:auto;max-width:none}<br /> .rtb-hero h1{font-size:32px}<br /> }<br /> <br /> /* ===== Coleções de Cartas (colc-) — AureumRO 2026-06-15 ===== */<br /> .colc-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .colc-wrap *{box-sizing:border-box}<br /> <br /> /* hero */<br /> .colc-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .colc-hero-npc{height:178px;width:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));flex:0 0 auto}<br /> .colc-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .colc-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .colc-lead{color:#efe2c4;font-size:16px;max-width:640px;margin:0}<br /> .colc-lead b{color:#f4d97a}<br /> <br /> /* stats */<br /> .colc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 6px}<br /> .colc-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .colc-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .colc-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> <br /> /* headings */<br /> .colc-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .colc-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> <br /> /* steps */<br /> .colc-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .colc-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .colc-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .colc-step b{color:#7a5a12}<br /> .colc-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .colc-note b{color:#7a5a12}<br /> <br /> /* lista de coleções */<br /> .colc-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}<br /> /* coleção órfã na última linha (total ímpar) -&gt; centraliza entre as 2 colunas */<br /> .colc-list&gt;.colc-col:last-child:nth-child(odd){grid-column:1 / -1;width:calc(50% - 9px);justify-self:center}<br /> @media(max-width:860px){.colc-list,.colc-steps,.colc-stats{grid-template-columns:1fr}.colc-list&gt;.colc-col:last-child:nth-child(odd){grid-column:auto;width:auto}}<br /> .colc-col{background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column}<br /> .colc-col-head{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#241906,#3a2c14);padding:12px 14px}<br /> .colc-col-idx{color:#d4af37;font-weight:800;font-size:13px;opacity:.7;font-variant-numeric:tabular-nums}<br /> .colc-col-name{color:#f4d97a;font-weight:800;font-size:17px;flex:1}<br /> .colc-col-total{color:#bfe6b0;font-size:12.5px;font-weight:700;text-align:right;max-width:46%;line-height:1.25}<br /> <br /> .colc-tiers{padding:10px 14px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #efe2c0}<br /> .colc-tier{display:flex;align-items:baseline;gap:10px;font-size:13.5px}<br /> .colc-tier-n{flex:0 0 64px;color:#9a7a2a;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em}<br /> .colc-tier-d{color:#3a2f1e}<br /> <br /> .colc-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:12px 14px 14px}<br /> .colc-card{margin:0;text-align:center}<br /> .colc-card img{width:100%;height:auto;border-radius:6px;border:1px solid #d8c590;box-shadow:0 2px 5px rgba(0,0,0,.2);display:block;background:#efe7d0}<br /> .colc-card figcaption{font-size:10.5px;color:#6a5a38;margin-top:4px;line-height:1.2;font-weight:600}<br /> <br /> .colc-navi{cursor:pointer;color:#8a5e00;font-weight:800;border-bottom:1.5px dashed #c9a23a;white-space:nowrap;padding:0 2px;border-radius:3px;transition:background .15s,color .15s}<br /> .colc-navi:hover{color:#5e3f00;background:#ffefbe}<br /> <br /> .colc-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> <br /> /* ===== Boss Global (.bgl-) ===== */<br /> .bgl-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .bgl-hero{position:relative;text-align:center;padding:38px 24px 30px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.28),transparent 60%),linear-gradient(180deg,#241906,#0d0901)}<br /> .bgl-hero img{width:200px;height:200px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}<br /> .bgl-hero h1{margin:14px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .bgl-hero p{max-width:740px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .bgl-badge{display:inline-block;margin:4px 0 2px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .bgl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-30px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .bgl-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .bgl-stat b{display:block;font-size:16px;color:#a8861f;font-weight:800;line-height:1.18}<br /> .bgl-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .bgl-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:42px 0 16px}<br /> .bgl-h::before,.bgl-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .bgl-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .bgl-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap;text-align:center}<br /> .bgl-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .bgl-wrap .bgl-lead{margin-left:auto;margin-right:auto}.bgl-lead b{color:#9c7d1c}<br /> .bgl-mob{display:flex;gap:30px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 22% 50%,rgba(244,217,122,.14),transparent 58%),linear-gradient(135deg,#2c1f0e,#171003);border:1px solid #5a4a1e;border-radius:16px;padding:24px 32px;flex-wrap:wrap}<br /> .bgl-mob-art{flex:0 0 auto;width:230px;display:flex;align-items:center;justify-content:center;min-height:180px}<br /> .bgl-mob-art img{max-width:210px;max-height:200px;image-rendering:pixelated;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}<br /> .bgl-mob-info{flex:1 1 320px;min-width:280px}<br /> .bgl-mob-name{font-size:1.7em;font-weight:800;color:#f4d97a;line-height:1.1}<br /> .bgl-mob-sub{color:#d4af37;font-size:.8em;letter-spacing:1.5px;text-transform:uppercase;margin:4px 0 14px}<br /> .bgl-feat{list-style:none;padding:0;margin:0}<br /> .bgl-feat li{position:relative;padding:8px 0 8px 26px;color:#e9dcc0;font-size:13.8px;line-height:1.5}<br /> .bgl-feat li+li{border-top:1px solid rgba(212,175,55,.13)}<br /> .bgl-feat li::before{content:&quot;\2726&quot;;position:absolute;left:2px;top:8px;color:#d4af37}<br /> .bgl-feat li b{color:#f4d97a;font-weight:700}<br /> .bgl-secret{text-align:center;max-width:820px;margin:24px auto 0;padding:24px 28px;border-radius:14px;border:1px solid rgba(212,175,55,.4);background:radial-gradient(ellipse at 50% -20%,rgba(244,217,122,.20),transparent 62%),linear-gradient(180deg,#2c1f0e,#1a1204)}<br /> .bgl-secret .st{color:#f4d97a;font-size:18px;font-weight:800;display:block;margin-bottom:7px;letter-spacing:.3px}<br /> .bgl-secret p{color:#e9dcc0;font-size:14.5px;line-height:1.7;margin:0;max-width:680px;margin-left:auto;margin-right:auto}<br /> .bgl-secret p b{color:#f4d97a}<br /> .bgl-reward{display:flex;gap:28px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,rgba(244,217,122,.16),transparent 60%),linear-gradient(180deg,#2c1f0e,#1a1204);border:1px solid #5a4a1e;border-radius:16px;padding:22px 30px;flex-wrap:wrap;margin-bottom:8px}<br /> .bgl-reward img{width:118px;image-rendering:pixelated;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55))}<br /> .bgl-reward-t{font-size:1.35em;font-weight:800;color:#f4d97a;margin-bottom:6px}<br /> .bgl-reward-d{color:#e9dcc0;font-size:14px;line-height:1.6;max-width:430px}<br /> .bgl-guaranteed{display:flex;align-items:center;justify-content:center;gap:16px;max-width:440px;margin:16px auto 4px;padding:14px 24px;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,rgba(244,217,122,.32),transparent 72%),linear-gradient(180deg,#fffaf0,#f7e8c4);border:1px solid #d4af37;box-shadow:0 0 16px rgba(212,175,55,.3)}<br /> .bgl-guaranteed img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}<br /> .bgl-guaranteed .gl{display:block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#a8861f}<br /> .bgl-guaranteed .gn{display:block;font-size:18px;font-weight:800;color:#3a2e12;line-height:1.15}<br /> .bgl-guaranteed .gq{display:block;font-size:12.5px;color:#7a6526;font-weight:600;margin-top:2px}<br /> .bgl-multi{text-align:center;font-size:14px;color:#5a4a22;max-width:720px;margin:10px auto 2px;line-height:1.6}.bgl-multi b{color:#a8861f}<br /> .bgl-loot{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:14px auto 0}<br /> .bgl-lcard{width:202px;box-sizing:border-box;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.28);border-top:3px solid #9a9a9a;border-radius:11px;padding:13px 12px;text-align:center}<br /> .bgl-lcard img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}<br /> .bgl-lcard .rar{display:block;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}<br /> .bgl-lcard .nm{font-size:12.5px;color:#3a2e12;font-weight:700;line-height:1.25;margin:6px 0 3px;min-height:31px;display:flex;align-items:center;justify-content:center;overflow-wrap:break-word}<br /> .bgl-lcard .qt{display:block;font-size:11.5px;color:#6b5a2e;margin-bottom:9px}.bgl-lcard .qt b{color:#3a2e12;font-weight:700}<br /> .bgl-lcard .ch{display:inline-block;font-size:13px;font-weight:800;color:#fff;border-radius:999px;padding:3px 14px}<br /> .bgl-lcard.leg{border-color:rgba(217,131,36,.5);border-top-color:#d98324;box-shadow:0 0 14px rgba(217,131,36,.3);background:linear-gradient(180deg,#fffaf0,#fdeed2)}<br /> .leg .rar{color:#c9700f}.leg .ch{background:#d98324}<br /> .bgl-lcard.epic{border-top-color:#9b59b6}.epic .rar{color:#8e44ad}.epic .ch{background:#9b59b6}<br /> .bgl-lcard.rare{border-top-color:#2f74cf}.rare .rar{color:#2f74cf}.rare .ch{background:#2f74cf}<br /> .bgl-lcard.unc{border-top-color:#2e9e5b}.unc .rar{color:#1f8049}.unc .ch{background:#2e9e5b}<br /> .bgl-lcard.com{border-top-color:#9a9a9a}.com .rar{color:#777}.com .ch{background:#8a8a8a}<br /> .bgl-time{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin:8px auto 0}<br /> .bgl-tcard{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:18px 12px;text-align:center}<br /> .bgl-tcard .hh{font-size:22px;font-weight:800;color:#a8861f;line-height:1}<br /> .bgl-tcard .t{display:block;margin-top:8px;font-size:12.5px;color:#5a4a22;line-height:1.5}<br /> .bgl-tcard.go{border-top:3px solid #d24a3a}.bgl-tcard.go .hh{color:#c0392b}<br /> .bgl-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .bgl-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .bgl-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .bgl-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .bgl-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .bgl-step p b{color:#9c7d1c}<br /> .bgl-soon{margin:34px auto 0;max-width:900px;padding:24px 28px;border-radius:14px;border:1px dashed rgba(212,175,55,.55);background:linear-gradient(180deg,#2c1f0e,#1a1204);text-align:center}<br /> .bgl-soon .st{color:#f4d97a;font-size:17px;font-weight:800;letter-spacing:1px;margin-bottom:8px}<br /> .bgl-soon p{color:#e9dcc0;font-size:14.5px;line-height:1.7;margin:0;max-width:720px;margin-left:auto;margin-right:auto}<br /> .bgl-soon p b{color:#f4d97a}<br /> .bgl-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .bgl-wrap .bgl-note{margin-left:auto;margin-right:auto}.bgl-note b{color:#a8861f}<br /> @media (max-width:680px){<br /> .bgl-stats{grid-template-columns:repeat(2,1fr)}<br /> .bgl-time{grid-template-columns:repeat(2,1fr)}<br /> .bgl-steps{grid-template-columns:repeat(2,1fr)}<br /> .bgl-hero h1{font-size:32px}<br /> }<br /> <br /> /* ===== Coleção de Mapa (.cm-*) — segue o padrão das páginas da wiki (estilo .colc-*) ===== */<br /> .cm-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .cm-wrap *{box-sizing:border-box}<br /> .cm-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .cm-hero-ic{height:150px;width:auto;flex:0 0 auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .cm-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .cm-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .cm-lead{color:#efe2c4;font-size:16px;max-width:660px;margin:0}<br /> .cm-lead b{color:#f4d97a}<br /> .cm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px}<br /> .cm-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .cm-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .cm-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> .cm-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .cm-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> .cm-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .cm-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .cm-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .cm-step b{color:#7a5a12}<br /> .cm-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .cm-note b{color:#7a5a12}<br /> .cm-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}<br /> .cm-pill{display:inline-flex;align-items:center;gap:7px;background:#fdf8e8;border:1px solid #e4d49c;border-radius:999px;padding:6px 13px;color:#5c4a22;font-size:13.5px;font-weight:600;text-decoration:none;transition:.15s}<br /> .cm-pill:hover{background:#241906;border-color:#241906;color:#f4d97a}<br /> .cm-pill span{background:#d4af37;color:#241906;font-weight:800;border-radius:999px;padding:0 7px;font-size:11px}<br /> .cm-city{display:flex;align-items:baseline;gap:11px;font-size:23px;font-weight:800;color:#241906;margin:32px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;scroll-margin-top:14px}<br /> .cm-city:before{content:&quot;✦&quot;;color:#d4af37}<br /> .cm-city-n{font-size:12.5px;font-weight:600;color:#8a7a55;text-transform:uppercase;letter-spacing:.04em}<br /> .cm-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}<br /> .cm-col{width:236px;flex:0 0 auto;background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column}<br /> .cm-col-head{display:flex;align-items:center;gap:9px;background:linear-gradient(90deg,#241906,#3a2c14);padding:10px 13px;border-radius:13px 13px 0 0}<br /> .cm-col-name{color:#f4d97a;font-weight:800;font-size:15px;flex:1;line-height:1.2}<br /> .cm-mm{background:radial-gradient(80% 80% at 50% 38%,#2c1f0c,#150e04);height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #efe2c0}<br /> .cm-mm img{max-width:94%;max-height:94%;image-rendering:auto}<br /> .cm-mm-no{color:#7a6a48;font-size:12px;font-style:italic}<br /> .cm-bonus{display:flex;align-items:flex-start;gap:7px;padding:11px 14px 6px;font-size:13.5px;color:#2f6d27;font-weight:700}<br /> .cm-bonus:before{content:&quot;✦&quot;;color:#9a7a2a;font-weight:800}<br /> .cm-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:8px 12px 14px;margin-top:auto}<br /> .cm-it{position:relative;width:38px;height:38px;flex:0 0 auto;cursor:help}<br /> .cm-it&gt;img{width:38px;height:38px;object-fit:contain;border-radius:7px;border:1px solid #d8c590;background:#efe7d0;box-shadow:0 2px 5px rgba(0,0,0,.18);image-rendering:pixelated;display:block}<br /> .cm-it-no{display:flex;align-items:center;justify-content:center;text-align:center;background:#f1ead4;border:1px dashed #c9b27a;border-radius:7px;font-size:8.5px;color:#8a7a55;line-height:1.04;padding:2px;overflow:hidden}<br /> .cm-qty{position:absolute;top:-6px;right:-6px;background:#d4af37;color:#241906;font-size:10px;font-weight:800;border-radius:7px;padding:0 4px;border:1px solid #fffdf7;line-height:1.5}<br /> .cm-it[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);background:#241906;color:#f4e6bd;border:1px solid #d4af37;border-radius:9px;padding:9px 12px;font-size:12px;white-space:pre-line;width:max-content;max-width:230px;box-shadow:0 8px 22px rgba(0,0,0,.45);z-index:60;pointer-events:none;line-height:1.45;font-weight:600;text-align:left}<br /> .cm-it[data-tip]:hover:before{content:&quot;&quot;;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#d4af37;z-index:60}<br /> .cm-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> @media(max-width:760px){.cm-hero{flex-direction:column;text-align:center}.cm-stats{grid-template-columns:1fr}.cm-steps{grid-template-columns:1fr}}<br /> <br /> /* ===== Roleta Poring (.rp-) ===== */<br /> .rp-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .rp-hero{position:relative;text-align:center;padding:38px 24px 30px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 60%),linear-gradient(180deg,#241906,#0d0901)}<br /> .rp-hero img{width:188px;height:188px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}<br /> .rp-hero h1{margin:14px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .rp-hero p{max-width:740px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .rp-badge{display:inline-block;margin:4px 0 2px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .rp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-30px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .rp-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rp-stat b{display:block;font-size:16px;color:#a8861f;font-weight:800;line-height:1.18}<br /> .rp-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .rp-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:42px 0 16px}<br /> .rp-h::before,.rp-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .rp-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .rp-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap;text-align:center}<br /> .rp-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .rp-wrap .rp-lead{margin-left:auto;margin-right:auto}.rp-lead b{color:#9c7d1c}<br /> /* NPC */<br /> .rp-mob{display:flex;gap:30px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 22% 50%,rgba(244,217,122,.16),transparent 58%),linear-gradient(135deg,#2c1f0e,#171003);border:1px solid #5a4a1e;border-radius:16px;padding:24px 32px;flex-wrap:wrap}<br /> .rp-mob-art{flex:0 0 auto;width:210px;display:flex;align-items:center;justify-content:center;min-height:190px}<br /> .rp-mob-art img{max-width:200px;max-height:210px;image-rendering:pixelated;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}<br /> .rp-mob-info{flex:1 1 320px;min-width:280px}<br /> .rp-mob-name{font-size:1.7em;font-weight:800;color:#f4d97a;line-height:1.1}<br /> .rp-mob-sub{color:#d4af37;font-size:.8em;letter-spacing:1.5px;text-transform:uppercase;margin:4px 0 14px}<br /> .rp-feat{list-style:none;padding:0;margin:0}<br /> .rp-feat li{position:relative;padding:8px 0 8px 26px;color:#e9dcc0;font-size:13.8px;line-height:1.5}<br /> .rp-feat li+li{border-top:1px solid rgba(212,175,55,.13)}<br /> .rp-feat li::before{content:&quot;\2726&quot;;position:absolute;left:2px;top:8px;color:#d4af37}<br /> .rp-feat li b{color:#f4d97a;font-weight:700}<br /> /* moedas (intro) */<br /> .rp-coins{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:840px;margin:6px auto 0}<br /> .rp-coin{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-top:4px solid #d4af37;border-radius:12px;padding:18px 16px 16px;text-align:center}<br /> .rp-coin .cn{font-size:18px;font-weight:800;line-height:1.1}<br /> .rp-coin .cd{display:block;margin-top:6px;font-size:12.5px;color:#5a4a22;line-height:1.5}<br /> .rp-coin .cp{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:800;color:#fff;border-radius:999px;padding:3px 14px}<br /> .rp-coin.bronze{border-top-color:#b06b35}.rp-coin.bronze .cn{color:#a05a26}.rp-coin.bronze .cp{background:#b06b35}<br /> .rp-coin.prata{border-top-color:#8d8d8d}.rp-coin.prata .cn{color:#707070}.rp-coin.prata .cp{background:#8d8d8d}<br /> .rp-coin.ouro{border-top-color:#d4af37}.rp-coin.ouro .cn{color:#a8861f}.rp-coin.ouro .cp{background:#d4af37}<br /> /* premios por moeda/linha */<br /> .rp-group{max-width:920px;margin:18px auto 0;border-radius:14px;padding:6px 16px 18px;border:1px solid rgba(212,175,55,.22)}<br /> .rp-group.bronze{background:linear-gradient(180deg,#fbf1e6,#f6e7d4)}<br /> .rp-group.prata{background:linear-gradient(180deg,#f4f4f6,#e9e9ee)}<br /> .rp-group.ouro{background:linear-gradient(180deg,#fdf6e2,#f8ecc6)}<br /> .rp-ghead{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 4px;font-size:16px;font-weight:800;letter-spacing:.5px}<br /> .rp-group.bronze .rp-ghead{color:#a05a26}.rp-group.prata .rp-ghead{color:#6f6f6f}.rp-group.ouro .rp-ghead{color:#a8861f}<br /> .rp-gsub{text-align:center;font-size:12px;color:#7a6526;margin:0 0 10px}<br /> .rp-line{margin:12px 0 0}<br /> .rp-lline{display:block;text-align:center;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#8a7330;margin:6px 0 8px}<br /> .rp-lline b{color:#3a2e12}<br /> .rp-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}<br /> .rp-card{width:128px;box-sizing:border-box;background:#fffdf6;border:1px solid rgba(120,100,40,.2);border-radius:10px;padding:11px 8px 10px;text-align:center}<br /> .rp-card img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}<br /> .rp-card .nm{font-size:11.5px;color:#3a2e12;font-weight:700;line-height:1.22;margin:6px 0 3px;min-height:28px;display:flex;align-items:center;justify-content:center;overflow-wrap:break-word}<br /> .rp-card .qt{display:inline-block;font-size:11px;font-weight:800;color:#5a4a22;background:#efe4c6;border-radius:999px;padding:2px 10px}<br /> /* reset / bonus destaque */<br /> .rp-callout{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:880px;margin:8px auto 0}<br /> .rp-call{flex:1 1 360px;min-width:300px;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:12px;padding:16px 18px}<br /> .rp-call .ct{font-size:14.5px;font-weight:800;color:#a8861f;margin-bottom:5px}<br /> .rp-call p{margin:0;font-size:13px;color:#5a4a22;line-height:1.6}.rp-call p b{color:#9c7d1c}<br /> .rp-call.bonus{border-left-color:#c451a0}.rp-call.bonus .ct{color:#b03e8f}<br /> /* steps */<br /> .rp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .rp-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .rp-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .rp-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .rp-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}.rp-step p b{color:#9c7d1c}<br /> /* botao /navi */<br /> .rp-navibox{text-align:center;margin:30px auto 0;max-width:560px;padding:22px;border-radius:14px;border:1px solid rgba(212,175,55,.4);background:radial-gradient(ellipse at 50% -20%,rgba(244,217,122,.22),transparent 62%),linear-gradient(180deg,#2c1f0e,#1a1204)}<br /> .rp-navibox .nl{display:block;color:#f4d97a;font-size:15px;font-weight:800;margin-bottom:12px}<br /> .rp-navibtn{display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:none;border-radius:999px;padding:12px 26px;font-size:15px;font-weight:800;color:#3a2a06;background:linear-gradient(135deg,#f4d97a,#d4af37);box-shadow:0 5px 16px rgba(212,175,55,.45);transition:transform .12s,box-shadow .12s;font-family:inherit}<br /> .rp-navibtn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(212,175,55,.6)}<br /> .rp-navibtn:active{transform:translateY(0)}<br /> .rp-navibox .nh{display:block;margin-top:10px;font-size:11.5px;color:#c9b88a}<br /> .rp-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .rp-wrap .rp-note{margin-left:auto;margin-right:auto}.rp-note b{color:#a8861f}<br /> @media (max-width:680px){<br /> .rp-stats{grid-template-columns:repeat(2,1fr)}<br /> .rp-coins{grid-template-columns:1fr}<br /> .rp-steps{grid-template-columns:repeat(2,1fr)}<br /> .rp-hero h1{font-size:32px}<br /> }<br /> <br /> /* ==== Hats (Chapeleiro / craft de chapéus) — .htc- ==== */<br /> .htc-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .htc-wrap *{box-sizing:border-box}<br /> .htc-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .htc-hero-ic{height:150px;width:auto;flex:0 0 auto;border-radius:14px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .htc-hero-npc{height:268px;width:auto;flex:0 0 auto;margin-left:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .htc-copy{display:inline-flex;align-items:center;gap:7px;margin-top:9px;background:#241906;color:#f4d97a;border:1px solid #d4af37;border-radius:9px;padding:7px 14px;font-family:Consolas,'Courier New',monospace;font-size:13.5px;font-weight:700;cursor:pointer;transition:.15s}<br /> .htc-copy:hover{background:#3a2c14}<br /> .htc-copy.ok{background:#2f6d27;border-color:#2f6d27;color:#fff}<br /> .htc-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .htc-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .htc-lead{color:#efe2c4;font-size:16px;max-width:660px;margin:0}<br /> .htc-lead b{color:#f4d97a}<br /> .htc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px}<br /> .htc-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .htc-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .htc-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> .htc-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .htc-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> .htc-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .htc-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .htc-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .htc-step b{color:#7a5a12}<br /> .htc-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .htc-note b{color:#7a5a12}<br /> .htc-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}<br /> .htc-card{width:340px;flex:0 0 auto;background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column;scroll-margin-top:14px}<br /> .htc-head{background:linear-gradient(90deg,#241906,#3a2c14);padding:10px 14px;border-radius:13px 13px 0 0;color:#f4d97a;font-weight:800;font-size:15.5px;line-height:1.2}<br /> .htc-mm{background:radial-gradient(80% 80% at 50% 42%,#2c1f0c,#150e04);height:130px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #efe2c0}<br /> .htc-mm img{max-height:88%;max-width:60%;object-fit:contain;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.55)}<br /> .htc-fx{padding:10px 14px;border-bottom:1px dashed #e4d49c;background:#fffaf0;font-size:12.5px;color:#4a3b20;line-height:1.55}<br /> .htc-fx-gap{height:7px}<br /> .htc-sub{padding:9px 14px 0;font-size:11.5px;font-weight:800;color:#8a7a55;text-transform:uppercase;letter-spacing:.06em}<br /> .htc-ings{padding:8px 14px 6px;display:flex;flex-direction:column;gap:5px}<br /> .htc-ing{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#4a3b20}<br /> .htc-ing img{width:24px;height:24px;flex:0 0 auto;image-rendering:pixelated;background:#efe7d0;border:1px solid #d8c590;border-radius:5px}<br /> .htc-q{font-weight:800;color:#7a5a12;min-width:52px;text-align:right}<br /> .htc-in{font-weight:600}<br /> .htc-cost{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:9px 14px;border-top:1px dashed #d8c590;font-size:13px}<br /> .htc-z{font-weight:800;color:#2f6d27}<br /> .htc-c{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#7a5a12}<br /> .htc-c img{width:20px;height:20px;image-rendering:pixelated}<br /> .htc-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> @media(max-width:760px){.htc-hero{flex-direction:column;text-align:center}.htc-stats{grid-template-columns:1fr}.htc-steps{grid-template-columns:1fr}.htc-card{width:100%}}<br /> <br /> <br /> /* ===== Passe de Batalha (.bpw-) ===== */<br /> .bpw-wrap{font-family:'Inter',sans-serif;max-width:980px;margin:0 auto;color:#241906}<br /> .bpw-hero{background:linear-gradient(160deg,#241906 0%,#3a2a10 60%,#241906 100%);border-radius:14px;padding:38px 34px;text-align:center;color:#fdf8e8;margin-bottom:26px}<br /> .bpw-hero img{height:220px;image-rendering:pixelated;margin-bottom:14px}<br /> .bpw-badge{display:inline-block;background:rgba(212,175,55,.15);border:1px solid #d4af37;color:#f4d97a;border-radius:999px;padding:4px 14px;font-size:13px;letter-spacing:.08em;margin-bottom:10px}<br /> .bpw-hero h1{color:#f4d97a;font-size:34px;margin:6px 0 10px;font-weight:800}<br /> .bpw-hero p{max-width:640px;margin:0 auto;line-height:1.6;color:#f2e8cf}<br /> .bpw-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:30px}<br /> .bpw-stat{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:14px;text-align:center}<br /> .bpw-stat b{display:block;color:#8a6d1a;font-size:18px}<br /> .bpw-stat span{font-size:13px;color:#6b5a2e}<br /> .bpw-h{margin:34px 0 14px;border-bottom:2px solid #d4af37;padding-bottom:6px}<br /> .bpw-h span{font-size:22px;font-weight:800;color:#241906}<br /> .bpw-lead{line-height:1.6;margin:0 0 14px}<br /> .bpw-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}<br /> .bpw-step{display:flex;gap:12px;background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:14px}<br /> .bpw-stepn{flex:0 0 34px;height:34px;border-radius:50%;background:#d4af37;color:#241906;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px}<br /> .bpw-step p{margin:4px 0 0;font-size:13.5px;line-height:1.5}<br /> .bpw-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(36,25,6,.12)}<br /> .bpw-table th{background:#241906;color:#f4d97a;padding:10px 12px;text-align:left;font-size:14px}<br /> .bpw-table td{padding:9px 12px;border-bottom:1px solid #f0e8cf;font-size:14px;vertical-align:middle}<br /> .bpw-table tr:nth-child(even) td{background:#fbf6e4}<br /> .bpw-table code{background:#241906;color:#f4d97a;border-radius:6px;padding:2px 8px;font-size:13px}<br /> .bpw-prizes td:first-child,.bpw-prizes td:nth-child(2){white-space:nowrap;font-weight:600;color:#8a6d1a}<br /> .bpw-pi{display:inline-flex;align-items:center;gap:8px;margin:2px 12px 2px 0}<br /> .bpw-pi img{height:44px;width:auto}<br /> .bpw-pi span{font-size:13.5px}<br /> .bpw-final td{background:#f6ecc8 !important;font-weight:700}<br /> .bpw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}<br /> .bpw-card{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}<br /> .bpw-ic{height:100px;display:flex;align-items:center;justify-content:center}<br /> .bpw-ic img{max-height:100px;width:auto}<br /> .bpw-nm{font-weight:700;font-size:15px}<br /> .bpw-ds{font-size:12.5px;color:#6b5a2e;line-height:1.45}<br /> .bpw-pr{background:#241906;color:#f4d97a;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}<br /> .bpw-rules{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:18px 18px 18px 36px;line-height:1.7;margin:0}<br /> .bpw-rules li{margin-bottom:6px}<br /> .bpw-note{background:#f6ecc8;border-left:4px solid #d4af37;border-radius:6px;padding:12px 16px;font-size:13.5px;line-height:1.55;margin-top:14px}<br /> .bpw-wgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}<br /> .bpw-wcard{background:#241906;border:1px solid #3a2a10;border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}<br /> .bpw-wgifs{display:flex;align-items:flex-end;justify-content:center;min-height:270px;max-width:100%;overflow:hidden}<br /> .bpw-wgifs img{max-height:270px;width:auto;max-width:100%;min-width:0;height:auto;object-fit:contain;image-rendering:pixelated}<br /> .bpw-wnm{color:#f4d97a;font-weight:800;font-size:15.5px}<br /> .bpw-wcl{color:#cbb87a;font-size:12.5px;letter-spacing:.04em}<br /> .bpw-cta{margin:34px 0 8px;background:linear-gradient(160deg,#241906,#3a2a10);color:#fdf8e8;text-align:center;border-radius:12px;padding:22px;font-size:16px}<br /> .bpw-cta b{color:#f4d97a}<br /> @media (max-width:600px){.bpw-hero img{height:150px}.bpw-wgifs{min-height:190px}.bpw-wgifs img{max-height:190px}}/* ============================================================<br /> REFINAMENTO — página bespoke (escopo .rf-wrap)<br /> ============================================================ */<br /> .rf-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rf-wrap *, .rf-wrap *::before, .rf-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .rf-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(230,126,34,0.5);<br /> background: radial-gradient(circle at 50% -10%, rgba(255,158,64,0.28) 0%, transparent 58%), linear-gradient(160deg, #26130a 0%, #0d0500 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,180,90,0.18); }<br /> .rf-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #e67e22, transparent); }<br /> .rf-hero img.rf-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(230,126,34,0.5)); }<br /> .rf-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(255,180,90,0.5); border-radius:999px; color:#ffb45a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rf-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#ffe3bd; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rf-hero p { max-width:720px; margin:0 auto; color:#f0d3ac; font-size:15.5px; line-height:1.65; }<br /> .rf-hero p b { color:#ffb45a; }<br /> <br /> /* STATS */<br /> .rf-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .rf-stat { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-top:3px solid #e67e22; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rf-stat b { display:block; font-size:20px; font-weight:800; color:#b35c10; line-height:1.1; }<br /> .rf-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#9c6a2a; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .rf-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .rf-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#b35c10; white-space:nowrap; }<br /> .rf-h::before,.rf-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#e67e22); flex-shrink:0; }<br /> .rf-h::after { background:linear-gradient(90deg,#e67e22,transparent); }<br /> .rf-wrap .rf-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .rf-lead b { color:#b35c10; }<br /> .rf-wrap .rf-note { text-align:center; font-size:12.5px; color:#9c6a2a; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .rf-note b { color:#b35c10; font-style:normal; }<br /> <br /> /* GANHOS POR REFINO */<br /> .rf-gains { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; max-width:940px; margin:0 auto; }<br /> .rf-gain { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:10px; padding:14px 10px; text-align:center; border-top:3px solid #e67e22; }<br /> .rf-gain b { display:block; font-size:13px; font-weight:800; color:#2a2008; }<br /> .rf-gain i { display:block; font-style:normal; font-size:21px; font-weight:800; margin:3px 0 5px; color:#b35c10; }<br /> .rf-gain span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> <br /> /* CARDS DE MINÉRIO */<br /> .rf-ores { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:1000px; margin:0 auto; }<br /> .rf-ore { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:11px; padding:14px 12px; text-align:center; }<br /> .rf-ore img { height:52px; image-rendering:pixelated; margin-bottom:6px; }<br /> .rf-ore b { display:block; font-size:13.5px; font-weight:800; color:#1b1304; }<br /> .rf-ore i { display:block; font-style:normal; font-size:11.5px; color:#b35c10; font-weight:700; margin:2px 0; }<br /> .rf-ore span { display:block; font-size:11px; color:#6b5a2e; line-height:1.4; }<br /> .rf-ore.premium { border:1px solid rgba(212,175,55,0.55); background:linear-gradient(180deg,#fffaef,#fdf3d4); box-shadow:0 4px 14px rgba(212,175,55,0.18); }<br /> <br /> /* TABELAS DE CHANCE */<br /> .rf-tablewrap { overflow-x:auto; max-width:1000px; margin:0 auto; }<br /> .rf-table { width:100%; border-collapse:collapse; background:#fffdf8; border:1px solid rgba(230,126,34,0.3); border-radius:10px; overflow:hidden; font-size:13px; }<br /> .rf-table th { background:linear-gradient(135deg,#3a1e0c,#26130a); color:#ffce96; padding:9px 8px; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; }<br /> .rf-table td { padding:7px 8px; text-align:center; border-top:1px solid rgba(0,0,0,0.06); font-weight:700; }<br /> .rf-table td.lv { background:#fdf3e8; color:#7c5514; font-weight:800; white-space:nowrap; }<br /> .rf-table td.g { color:#2e7d32; }<br /> .rf-table td.y { color:#a8861f; }<br /> .rf-table td.o { color:#c96a10; }<br /> .rf-table td.r { color:#c62828; }<br /> <br /> /* LOJA DE REFINO — bloco destaque escuro */<br /> .rf-shop { border-radius:14px; overflow:hidden; border:1px solid rgba(230,126,34,0.5); background: radial-gradient(circle at 50% -20%, rgba(255,158,64,0.22) 0%, transparent 55%), linear-gradient(160deg,#26130a 0%,#120801 100%); padding:26px 22px; max-width:1000px; margin:0 auto; color:#f0d3ac; }<br /> .rf-shop h3 { margin:0 0 6px; text-align:center; color:#ffe3bd; font-size:22px; font-weight:800; border:none; padding:0; }<br /> .rf-shop .rf-shoplead { text-align:center; max-width:760px; margin:0 auto 18px; font-size:14px; line-height:1.65; color:#f0d3ac; }<br /> .rf-shop .rf-shoplead b { color:#ffb45a; }<br /> .rf-balloon { display:block; width:max-content; margin:0 auto 18px; background:#fff; color:#1b1304; border-radius:8px; padding:7px 18px; font-weight:800; font-size:15px; box-shadow:0 6px 18px rgba(0,0,0,0.4); position:relative; }<br /> .rf-balloon::after { content:&quot;&quot;; position:absolute; left:50%; bottom:-7px; transform:translateX(-50%); border:8px solid transparent; border-top-color:#fff; border-bottom:none; }<br /> .rf-cols { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .rf-col { background:rgba(255,255,255,0.05); border:1px solid rgba(255,180,90,0.25); border-radius:10px; padding:16px; }<br /> .rf-col h4 { margin:0 0 10px; color:#ffb45a; font-size:14px; text-transform:uppercase; letter-spacing:1.5px; border:none; padding:0; }<br /> .rf-col ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }<br /> .rf-col li { font-size:13px; line-height:1.5; padding-left:16px; position:relative; color:#f0d3ac; }<br /> .rf-col li::before { content:&quot;&quot;; position:absolute; left:2px; top:8px; width:5px; height:5px; border-radius:50%; background:#e67e22; }<br /> .rf-col li b { color:#ffce96; }<br /> .rf-col li code { background:rgba(0,0,0,0.4); border:1px solid rgba(255,180,90,0.3); border-radius:5px; padding:1px 7px; color:#ffe3bd; font-size:12.5px; }<br /> <br /> /* BÔNUS DO FERREIRO */<br /> .rf-bonus { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .rf-attr { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:10px; padding:14px; text-align:center; border-top:3px solid #e67e22; }<br /> .rf-attr b { display:block; font-size:15px; font-weight:800; color:#1b1304; }<br /> .rf-attr i { display:block; font-style:normal; font-size:20px; font-weight:800; color:#b35c10; margin:2px 0 8px; }<br /> .rf-attr span { display:block; font-size:11.5px; color:#6b5a2e; line-height:1.6; }<br /> .rf-attr span b { display:inline; font-size:11.5px; color:#b35c10; }<br /> <br /> /* FOOT */<br /> .rf-foot { text-align:center; margin:40px auto 0; max-width:820px; font-size:13px; color:#9c6a2a; font-style:italic; }<br /> <br /> @media (max-width: 760px) {<br /> .rf-stats, .rf-gains, .rf-ores, .rf-bonus { grid-template-columns:repeat(2,1fr); }<br /> .rf-cols { grid-template-columns:1fr; }<br /> }<br /> <br /> /* aviso de sistema novo */<br /> .rf-alert { max-width:880px; margin:18px auto 0; background:#fff4e0; border:1px solid rgba(230,126,34,0.5); border-left:4px solid #e67e22; border-radius:8px; padding:12px 18px; font-size:13px; line-height:1.6; color:#7c4a10; text-align:center; }<br /> .rf-alert b { color:#b35c10; }/* ============================================================<br /> MERCADO DE SERVICOS — página bespoke (escopo .ms-wrap)<br /> ============================================================ */<br /> .ms-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a1a20; }<br /> .ms-wrap *, .ms-wrap *::before, .ms-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .ms-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,160,58,0.5);<br /> background: radial-gradient(circle at 50% -10%, rgba(226,120,170,0.28) 0%, transparent 58%), linear-gradient(160deg, #2d1020 0%, #14060e 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(242,207,125,0.18); }<br /> .ms-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4a03a, transparent); }<br /> .ms-hero img.ms-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,160,58,0.5)); }<br /> .ms-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(242,207,125,0.5); border-radius:999px; color:#f2cf7d; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .ms-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#ffe9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .ms-hero p { max-width:720px; margin:0 auto; color:#ecd2c8; font-size:15.5px; line-height:1.65; }<br /> .ms-hero p b { color:#f2cf7d; }<br /> <br /> /* STATS */<br /> .ms-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .ms-stat { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-top:3px solid #d4a03a; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .ms-stat b { display:block; font-size:20px; font-weight:800; color:#8c3357; line-height:1.1; }<br /> .ms-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a5d55; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .ms-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .ms-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#8c3357; white-space:nowrap; }<br /> .ms-h::before,.ms-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4a03a); flex-shrink:0; }<br /> .ms-h::after { background:linear-gradient(90deg,#d4a03a,transparent); }<br /> .ms-wrap .ms-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a1a20; }<br /> .ms-lead b { color:#8c3357; }<br /> .ms-wrap .ms-note { text-align:center; font-size:12.5px; color:#8a5d55; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .ms-note b { color:#8c3357; font-style:normal; }<br /> <br /> /* GANHOS POR REFINO */<br /> .ms-gains { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .ms-gain { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:10px; padding:14px 10px; text-align:center; border-top:3px solid #d4a03a; }<br /> .ms-gain b { display:block; font-size:13px; font-weight:800; color:#2a1a20; }<br /> .ms-gain i { display:block; font-style:normal; font-size:21px; font-weight:800; margin:3px 0 5px; color:#8c3357; }<br /> .ms-gain span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> <br /> /* CARDS DE MINÉRIO */<br /> .ms-ores { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:1000px; margin:0 auto; }<br /> .ms-ore { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:11px; padding:14px 12px; text-align:center; }<br /> .ms-ore img { height:52px; image-rendering:pixelated; margin-bottom:6px; }<br /> .ms-ore b { display:block; font-size:13.5px; font-weight:800; color:#1b1304; }<br /> .ms-ore i { display:block; font-style:normal; font-size:11.5px; color:#8c3357; font-weight:700; margin:2px 0; }<br /> .ms-ore span { display:block; font-size:11px; color:#6b5a2e; line-height:1.4; }<br /> .ms-ore.premium { border:1px solid rgba(212,175,55,0.55); background:linear-gradient(180deg,#fffaef,#fdf3d4); box-shadow:0 4px 14px rgba(212,175,55,0.18); }<br /> <br /> /* TABELAS DE CHANCE */<br /> .ms-tablewrap { overflow-x:auto; max-width:1000px; margin:0 auto; }<br /> .ms-table { width:100%; border-collapse:collapse; background:#fffdf8; border:1px solid rgba(212,160,58,0.3); border-radius:10px; overflow:hidden; font-size:13px; }<br /> .ms-table th { background:linear-gradient(135deg,#3a1e0c,#2d1020); color:#ffce96; padding:9px 8px; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; }<br /> .ms-table td { padding:7px 8px; text-align:center; border-top:1px solid rgba(0,0,0,0.06); font-weight:700; }<br /> .ms-table td.lv { background:#fdf5ec; color:#7c5514; font-weight:800; white-space:nowrap; }<br /> .ms-table td.g { color:#2e7d32; }<br /> .ms-table td.y { color:#a8861f; }<br /> .ms-table td.o { color:#c96a10; }<br /> .ms-table td.r { color:#c62828; }<br /> <br /> /* LOJA DE REFINO — bloco destaque escuro */<br /> .ms-shop { border-radius:14px; overflow:hidden; border:1px solid rgba(212,160,58,0.5); background: radial-gradient(circle at 50% -20%, rgba(226,120,170,0.22) 0%, transparent 55%), linear-gradient(160deg,#2d1020 0%,#120801 100%); padding:26px 22px; max-width:1000px; margin:0 auto; color:#ecd2c8; }<br /> .ms-shop h3 { margin:0 0 6px; text-align:center; color:#ffe9b8; font-size:22px; font-weight:800; border:none; padding:0; }<br /> .ms-shop .ms-shoplead { text-align:center; max-width:760px; margin:0 auto 18px; font-size:14px; line-height:1.65; color:#ecd2c8; }<br /> .ms-shop .ms-shoplead b { color:#f2cf7d; }<br /> .ms-balloon { display:block; width:max-content; margin:0 auto 18px; background:#fff; color:#1b1304; border-radius:8px; padding:7px 18px; font-weight:800; font-size:15px; box-shadow:0 6px 18px rgba(0,0,0,0.4); position:relative; }<br /> .ms-balloon::after { content:&quot;&quot;; position:absolute; left:50%; bottom:-7px; transform:translateX(-50%); border:8px solid transparent; border-top-color:#fff; border-bottom:none; }<br /> .ms-cols { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .ms-col { background:rgba(255,255,255,0.05); border:1px solid rgba(242,207,125,0.25); border-radius:10px; padding:16px; }<br /> .ms-col h4 { margin:0 0 10px; color:#f2cf7d; font-size:14px; text-transform:uppercase; letter-spacing:1.5px; border:none; padding:0; }<br /> .ms-col ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }<br /> .ms-col li { font-size:13px; line-height:1.5; padding-left:16px; position:relative; color:#ecd2c8; }<br /> .ms-col li::before { content:&quot;&quot;; position:absolute; left:2px; top:8px; width:5px; height:5px; border-radius:50%; background:#d4a03a; }<br /> .ms-col li b { color:#ffce96; }<br /> .ms-col li code { background:rgba(0,0,0,0.4); border:1px solid rgba(242,207,125,0.3); border-radius:5px; padding:1px 7px; color:#ffe9b8; font-size:12.5px; }<br /> <br /> /* BÔNUS DO FERREIRO */<br /> .ms-bonus { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .ms-attr { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:10px; padding:14px; text-align:center; border-top:3px solid #d4a03a; }<br /> .ms-attr b { display:block; font-size:15px; font-weight:800; color:#1b1304; }<br /> .ms-attr i { display:block; font-style:normal; font-size:20px; font-weight:800; color:#8c3357; margin:2px 0 8px; }<br /> .ms-attr span { display:block; font-size:11.5px; color:#6b5a2e; line-height:1.6; }<br /> .ms-attr span b { display:inline; font-size:11.5px; color:#8c3357; }<br /> <br /> /* FOOT */<br /> .ms-foot { text-align:center; margin:40px auto 0; max-width:820px; font-size:13px; color:#8a5d55; font-style:italic; }<br /> <br /> @media (max-width: 760px) {<br /> .ms-stats, .ms-gains, .ms-ores, .ms-bonus { grid-template-columns:repeat(2,1fr); }<br /> .ms-cols { grid-template-columns:1fr; }<br /> }<br /> <br /> /* aviso de sistema novo */<br /> .ms-alert { max-width:880px; margin:18px auto 0; background:#fff4e0; border:1px solid rgba(212,160,58,0.5); border-left:4px solid #d4a03a; border-radius:8px; padding:12px 18px; font-size:13px; line-height:1.6; color:#7c4a10; text-align:center; }<br /> .ms-alert b { color:#8c3357; }<br /> <br /> /* MERCADO DE SERVICOS — cartoes de servico do hub */<br /> .ms-svc { border:1px solid rgba(212,160,58,0.34); border-radius:12px; padding:20px 22px 18px; margin:16px 0 6px;<br /> background:linear-gradient(180deg,#fff,#fdf5ec); box-shadow:0 10px 26px rgba(0,0,0,0.09); }<br /> .ms-svc-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:6px; }<br /> .ms-svc-head h3 { margin:0; font-size:21px; font-weight:800; color:#8c3357; border:none; padding:0; }<br /> .ms-tag { display:inline-block; padding:3px 11px; border-radius:999px; font-size:10.5px; font-weight:700;<br /> letter-spacing:1.2px; text-transform:uppercase; }<br /> .ms-tag.on { background:rgba(46,160,90,0.14); color:#227a49; border:1px solid rgba(46,160,90,0.4); }<br /> .ms-tag.soon { background:rgba(212,160,58,0.16); color:#9a6c14; border:1px solid rgba(212,160,58,0.45); }<br /> .ms-svc-who { font-size:12.5px; color:#8a5d55; font-weight:600; }<br /> .ms-more { display:inline-block; margin-top:10px; padding:9px 18px; border-radius:8px; font-weight:700; font-size:13px;<br /> background:linear-gradient(180deg,#d4a03a,#b8862a); color:#2a1a20 !important; text-decoration:none;<br /> box-shadow:0 4px 12px rgba(212,160,58,0.35); }<br /> .ms-more:hover { filter:brightness(1.08); }<br /> .ms-seealso { margin:26px auto 0; max-width:840px; padding:14px 18px; border-radius:10px; text-align:center;<br /> border:1px solid rgba(212,160,58,0.4); background:linear-gradient(180deg,#fffaf1,#fdf0e0); font-size:14.5px; color:#2a1a20; }<br /> .ms-seealso a { color:#8c3357 !important; font-weight:700; }</div> Admin https://wiki.aureumro.com/index.php?title=MediaWiki:Common.css&diff=4752 MediaWiki:Common.css 2026-08-04T22:55:16Z <p>Admin: [ROT2] comentario sem tags; abas, epico e card duplo</p> <hr /> <div><br /> <br /> /* ============================================================<br /> AureumRO Wiki — Identidade própria (Vector legacy)<br /> Paleta dourada + fontes Cinzel/Cormorant + decoração medieval<br /> ============================================================ */<br /> <br /> /* === FONTES ============================================== */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;display=swap');<br /> <br /> /* === VARIÁVEIS ============================================ */<br /> :root {<br /> --aur-primary: #d4af37;<br /> --aur-primary2: #a8861f;<br /> --aur-dark: #1b1304;<br /> --aur-darker: #0e0a02;<br /> --aur-accent: #f4d97a;<br /> --aur-bronze: #8a6c1e;<br /> --aur-border: rgba(212, 175, 55, 0.22);<br /> --aur-text: #3a2614;<br /> --aur-muted: #8a7a5a;<br /> --aur-surface: #fdf8e8;<br /> --aur-cream: #faf4e0;<br /> }<br /> <br /> /* === FUNDO GERAL ========================================== */<br /> body {<br /> background: #faf4e0 !important;<br /> font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;<br /> font-size: 16px !important;<br /> color: #3a2614 !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> /* === LOGO ================================================= */<br /> a.mw-wiki-logo {<br /> width: 200px !important;<br /> height: 200px !important;<br /> background-size: 190px 190px !important;<br /> background-repeat: no-repeat !important;<br /> background-position: center center !important;<br /> display: block !important;<br /> filter: drop-shadow(0 4px 12px rgba(212,175,55,0.25));<br /> }<br /> <br /> #p-logo {<br /> width: 220px !important;<br /> height: 210px !important;<br /> padding: 5px 0 0 0 !important;<br /> margin: 0 !important;<br /> overflow: visible !important;<br /> background: linear-gradient(180deg, transparent, rgba(212,175,55,0.05)) !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.2) !important;<br /> }<br /> <br /> /* === TOPBAR =============================================== */<br /> #mw-head,<br /> .vector-header,<br /> div#mw-head {<br /> background: linear-gradient(180deg, #1b1304 0%, #0e0a02 100%) !important;<br /> border-bottom: 2px solid #d4af37 !important;<br /> box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> #p-namespaces li a,<br /> #p-views li a,<br /> li.selected a,<br /> .vector-tab-noaction a {<br /> background: transparent !important;<br /> color: rgba(255,255,255,0.55) !important;<br /> border-color: transparent !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 11px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 1.5px !important;<br /> text-transform: uppercase !important;<br /> }<br /> #p-namespaces li.selected a,<br /> #p-views li.selected a {<br /> color: #f4d97a !important;<br /> border-bottom: 2px solid #d4af37 !important;<br /> background: rgba(212,175,55,0.12) !important;<br /> }<br /> #p-namespaces li a:hover,<br /> #p-views li a:hover {<br /> color: #fff !important;<br /> background: rgba(255,255,255,0.06) !important;<br /> }<br /> <br /> #searchInput,<br /> input[name=&quot;search&quot;],<br /> .cdx-text-input__input {<br /> border-radius: 0 !important;<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.6) !important;<br /> background: rgba(0,0,0,0.25) !important;<br /> color: rgba(255,255,255,0.95) !important;<br /> padding: 6px 14px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 14px !important;<br /> font-style: italic !important;<br /> }<br /> #searchInput::placeholder { color: rgba(255,255,255,0.4) !important; font-style: italic; }<br /> #searchButton, .searchButton {<br /> background: #d4af37 !important;<br /> border-radius: 0 !important;<br /> border: none !important;<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1px !important;<br /> text-transform: uppercase !important;<br /> font-size: 10px !important;<br /> }<br /> <br /> /* === SIDEBAR ============================================== */<br /> #mw-panel {<br /> position: absolute !important;<br /> width: 220px !important;<br /> left: 0 !important;<br /> top: 0 !important;<br /> padding-top: 0 !important;<br /> background: #faf4e0 !important;<br /> border-right: 1px solid rgba(212,175,55,0.18) !important;<br /> }<br /> <br /> .portal h3,<br /> #p-tb h3,<br /> #p-navigation h3 {<br /> color: #a8861f !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 10px !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 2px !important;<br /> text-transform: uppercase !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.25) !important;<br /> padding-bottom: 6px !important;<br /> margin-bottom: 8px !important;<br /> position: relative;<br /> }<br /> .portal h3::after,<br /> #p-tb h3::after,<br /> #p-navigation h3::after {<br /> content: &quot;✦&quot;;<br /> position: absolute;<br /> right: 0;<br /> color: #d4af37;<br /> font-size: 9px;<br /> opacity: 0.7;<br /> }<br /> <br /> .portal li a,<br /> #p-tb li a,<br /> #p-navigation li a {<br /> color: #2a1a08 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 600 !important;<br /> text-decoration: none !important;<br /> line-height: 1.95 !important;<br /> transition: all 0.2s !important;<br /> }<br /> .portal li a:hover,<br /> #p-tb li a:hover,<br /> #p-navigation li a:hover {<br /> color: #a8861f !important;<br /> padding-left: 6px !important;<br /> }<br /> <br /> .portal {<br /> margin: 12px 0 !important;<br /> padding: 0 12px !important;<br /> }<br /> <br /> /* === CONTEÚDO PRINCIPAL =================================== */<br /> #content, div#content {<br /> margin-left: 260px !important;<br /> margin-right: 12px !important;<br /> margin-top: 12px !important;<br /> margin-bottom: 12px !important;<br /> background: #fff !important;<br /> border: 1px solid rgba(212,175,55,0.25) !important;<br /> border-radius: 4px !important;<br /> box-shadow: 0 2px 10px rgba(212,175,55,0.08), inset 0 0 0 1px rgba(212,175,55,0.04) !important;<br /> padding: 32px 36px !important;<br /> position: relative;<br /> }<br /> /* Decoração de cantos no content (4 cantos com pequeno detalhe dourado) */<br /> #content::before,<br /> #content::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 14px;<br /> height: 14px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.5;<br /> }<br /> #content::before {<br /> top: 6px; left: 6px;<br /> border-right: none; border-bottom: none;<br /> }<br /> #content::after {<br /> bottom: 6px; right: 6px;<br /> border-left: none; border-top: none;<br /> }<br /> #column-content {<br /> margin-left: 250px !important;<br /> }<br /> #mw-head-base {<br /> margin-left: 230px !important;<br /> }<br /> <br /> /* === TIPOGRAFIA =========================================== */<br /> h1.firstHeading,<br /> #firstHeading {<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 32px !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1.5px !important;<br /> border-bottom: none !important;<br /> padding-bottom: 12px !important;<br /> margin-bottom: 24px !important;<br /> position: relative;<br /> }<br /> h1.firstHeading::after,<br /> #firstHeading::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0; left: 0;<br /> width: 100px; height: 2px;<br /> background: linear-gradient(90deg, #d4af37, transparent);<br /> }<br /> h2 {<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 20px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 1px !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.25) !important;<br /> padding-bottom: 8px !important;<br /> margin: 28px 0 14px !important;<br /> }<br /> h3 {<br /> color: #a8861f !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 0.5px !important;<br /> margin: 20px 0 10px !important;<br /> }<br /> <br /> p { font-size: 16px !important; }<br /> <br /> a, a:visited { color: #a8861f !important; text-decoration: none !important; transition: all 0.15s !important; }<br /> a:hover { color: #d4af37 !important; text-decoration: underline !important; text-decoration-color: rgba(212,175,55,0.5) !important; text-underline-offset: 3px !important; }<br /> a.new { color: #c25450 !important; }<br /> <br /> /* === TABELAS ============================================== */<br /> table.wikitable {<br /> border-collapse: collapse !important;<br /> width: 100% !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 15px !important;<br /> margin: 16px 0 !important;<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-radius: 4px !important;<br /> overflow: hidden !important;<br /> }<br /> table.wikitable th {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02) !important;<br /> color: #f4d97a !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 11px !important;<br /> font-weight: 700 !important;<br /> text-transform: uppercase !important;<br /> letter-spacing: 1.5px !important;<br /> padding: 12px 16px !important;<br /> border: 1px solid rgba(212,175,55,0.4) !important;<br /> }<br /> table.wikitable td {<br /> padding: 10px 16px !important;<br /> border: 1px solid rgba(212,175,55,0.15) !important;<br /> background: #fff !important;<br /> color: #3a2614 !important;<br /> }<br /> table.wikitable tr:nth-child(even) td { background: #fdf8e8 !important; }<br /> table.wikitable tr:hover td { background: #fef3d5 !important; }<br /> <br /> /* === TOC, CATEGORIAS, FOOTER (mantém base) ================ */<br /> #toc, .toc {<br /> background: #fdf8e8 !important;<br /> border: 1px solid rgba(212,175,55,0.25) !important;<br /> border-radius: 4px !important;<br /> padding: 14px 18px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> }<br /> #toc h2, .toc h2 { font-family: 'Inter', system-ui, sans-serif !important; color: #a8861f !important; font-size: 12px !important; letter-spacing: 1.5px !important; }<br /> <br /> #catlinks {<br /> background: #fdf8e8 !important;<br /> border: 1px solid rgba(212,175,55,0.2) !important;<br /> border-radius: 4px !important;<br /> padding: 10px 16px !important;<br /> font-size: 13px !important;<br /> margin-top: 28px !important;<br /> }<br /> <br /> #footer-info-lastmod, li#footer-info-lastmod { display: none !important; }<br /> .page-Página_principal #footer-places,<br /> .page-Página_principal #footer-info { display: none !important; }<br /> <br /> #footer, .mw-footer {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02) !important;<br /> border-top: 2px solid #d4af37 !important;<br /> padding: 14px 24px !important;<br /> }<br /> #footer-places li, #footer-info li, #footer li {<br /> display: inline !important;<br /> color: rgba(255,255,255,0.5) !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 13px !important;<br /> }<br /> #footer-places li::after { content: &quot; · &quot;; color: rgba(212,175,55,0.4); }<br /> #footer-places li:last-child::after { content: &quot;&quot;; }<br /> #footer a { color: rgba(255,255,255,0.55) !important; }<br /> #footer a:hover { color: #d4af37 !important; }<br /> #footer-icons { display: none !important; }<br /> <br /> /* === EDIT BOX, BOTÕES, SCROLLBAR ========================== */<br /> #wpTextbox1 {<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-radius: 4px !important;<br /> padding: 12px !important;<br /> font-size: 14px !important;<br /> font-family: &quot;Courier New&quot;, monospace !important;<br /> }<br /> .mw-ui-progressive,<br /> .oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background: linear-gradient(180deg, #d4af37, #a8861f) !important;<br /> border: 1px solid #8a6c1e !important;<br /> color: #1b1304 !important;<br /> border-radius: 2px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1px !important;<br /> text-transform: uppercase !important;<br /> font-size: 11px !important;<br /> }<br /> ::-webkit-scrollbar { width: 6px; height: 6px; }<br /> ::-webkit-scrollbar-track { background: rgba(212,175,55,0.05); }<br /> ::-webkit-scrollbar-thumb { background: rgba(212,175,55,0.4); border-radius: 0; }<br /> ::-webkit-scrollbar-thumb:hover { background: #d4af37; }<br /> <br /> /* ============================================================<br /> COMPONENTES AureumRO (.aur-*)<br /> ============================================================ */<br /> <br /> /* === HERO com decoração própria ============================ */<br /> .aur-hero {<br /> position: relative;<br /> background:<br /> radial-gradient(circle at 20% 30%, rgba(212,175,55,0.08) 0%, transparent 50%),<br /> radial-gradient(circle at 80% 70%, rgba(212,175,55,0.06) 0%, transparent 50%),<br /> linear-gradient(135deg, #1b1304 0%, #2a1f0c 50%, #0e0a02 100%);<br /> border: 1px solid rgba(212,175,55,0.4);<br /> border-radius: 4px;<br /> padding: 44px 36px;<br /> text-align: center;<br /> margin-bottom: 24px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 24px rgba(212,175,55,0.12), inset 0 1px 0 rgba(255,255,255,0.05);<br /> }<br /> /* Cantos decorativos do hero (4 cantos) */<br /> .aur-hero::before,<br /> .aur-hero::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 32px;<br /> height: 32px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.6;<br /> }<br /> .aur-hero::before {<br /> top: 10px; left: 10px;<br /> border-right: none; border-bottom: none;<br /> }<br /> .aur-hero::after {<br /> bottom: 10px; right: 10px;<br /> border-left: none; border-top: none;<br /> }<br /> .aur-hero-title {<br /> color: #fff;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 36px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> margin-bottom: 10px;<br /> text-shadow: 0 2px 8px rgba(212,175,55,0.3);<br /> line-height: 1.15;<br /> }<br /> .aur-hero-title .accent {<br /> background: linear-gradient(120deg, #f4d97a 0%, #d4af37 60%, #a8861f 100%);<br /> -webkit-background-clip: text;<br /> -webkit-text-fill-color: transparent;<br /> background-clip: text;<br /> }<br /> .aur-hero-sub {<br /> color: rgba(255,255,255,0.65);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-style: italic;<br /> font-size: 16px;<br /> line-height: 1.6;<br /> margin-bottom: 22px;<br /> max-width: 640px;<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> .aur-hero-badge {<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.5);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> letter-spacing: 3px;<br /> text-transform: uppercase;<br /> padding: 5px 14px;<br /> border-radius: 0;<br /> margin-bottom: 18px;<br /> }<br /> .aur-pills {<br /> display: flex;<br /> gap: 10px;<br /> justify-content: center;<br /> flex-wrap: wrap;<br /> }<br /> .aur-pill {<br /> background: rgba(212,175,55,0.08);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> color: rgba(255,255,255,0.8);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> padding: 6px 14px;<br /> border-radius: 0;<br /> font-size: 13px;<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> transition: all 0.2s;<br /> }<br /> .aur-pill:hover {<br /> border-color: #d4af37;<br /> background: rgba(212,175,55,0.18);<br /> color: #fff;<br /> }<br /> <br /> /* === STATS GRANDES (4 cards substituem a infobar 6-células) === */<br /> .aur-stats {<br /> display: grid;<br /> grid-template-columns: repeat(4, 1fr);<br /> gap: 12px;<br /> margin-bottom: 22px;<br /> }<br /> .aur-stat {<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> border-top: 3px solid #d4af37;<br /> padding: 18px 16px;<br /> text-align: center;<br /> position: relative;<br /> transition: all 0.2s;<br /> }<br /> .aur-stat:hover {<br /> border-top-color: #f4d97a;<br /> box-shadow: 0 6px 18px rgba(212,175,55,0.15);<br /> transform: translateY(-2px);<br /> }<br /> .aur-stat-icon {<br /> font-size: 22px;<br /> color: #d4af37;<br /> margin-bottom: 4px;<br /> }<br /> .aur-stat-label {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 600;<br /> text-transform: uppercase;<br /> letter-spacing: 2px;<br /> color: #8a6c1e;<br /> margin-bottom: 6px;<br /> }<br /> .aur-stat-value {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> letter-spacing: 0.5px;<br /> }<br /> <br /> /* === WIDGETS: Status do servidor + Notícias ============== */<br /> .aur-widgets {<br /> display: grid;<br /> grid-template-columns: 1fr 1.4fr;<br /> gap: 12px;<br /> margin-bottom: 22px;<br /> }<br /> .aur-widget {<br /> background: #fff;<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-radius: 4px;<br /> overflow: hidden;<br /> position: relative;<br /> }<br /> .aur-widget-header {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02);<br /> padding: 12px 18px;<br /> border-bottom: 2px solid #d4af37;<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> }<br /> .aur-widget-title {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 12px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> text-transform: uppercase;<br /> }<br /> .aur-widget-body { padding: 16px 18px; }<br /> .aur-widget-body p { margin: 4px 0; font-size: 14px; color: #3a2614; }<br /> <br /> /* Status indicator */<br /> .aur-status-dot {<br /> display: inline-block;<br /> width: 10px; height: 10px;<br /> border-radius: 50%;<br /> background: #2eb86b;<br /> box-shadow: 0 0 8px #2eb86b;<br /> animation: aur-pulse 2s infinite;<br /> }<br /> @keyframes aur-pulse {<br /> 0%, 100% { opacity: 1; }<br /> 50% { opacity: 0.6; }<br /> }<br /> .aur-status-line {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> padding: 6px 0;<br /> border-bottom: 1px dashed rgba(212,175,55,0.18);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> }<br /> .aur-status-line:last-child { border-bottom: none; }<br /> .aur-status-label { color: #6b5a3a; font-size: 14px; }<br /> .aur-status-value { color: #1b1304; font-weight: 600; font-size: 14px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.5px; }<br /> <br /> /* Notícias */<br /> .aur-news-item {<br /> padding: 10px 0;<br /> border-bottom: 1px dashed rgba(212,175,55,0.18);<br /> }<br /> .aur-news-item:last-child { border-bottom: none; }<br /> .aur-news-date {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> color: #a8861f;<br /> text-transform: uppercase;<br /> letter-spacing: 1.5px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-news-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 14px;<br /> color: #1b1304;<br /> font-weight: 600;<br /> }<br /> .aur-news-title a { color: #1b1304 !important; }<br /> .aur-news-title a:hover { color: #d4af37 !important; text-decoration: none !important; }<br /> <br /> /* === BLOCOS DE NAVEGAÇÃO ================================== */<br /> .wiki-blocks {<br /> display: grid;<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 12px;<br /> margin-bottom: 16px;<br /> }<br /> .wiki-block {<br /> background: #fff;<br /> border: 1px solid rgba(212,175,55,0.22);<br /> border-radius: 4px;<br /> overflow: hidden;<br /> transition: all 0.2s;<br /> }<br /> .wiki-block:hover {<br /> border-color: rgba(212,175,55,0.5);<br /> box-shadow: 0 4px 16px rgba(212,175,55,0.1);<br /> }<br /> .wiki-block-title {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02);<br /> padding: 11px 18px;<br /> border-bottom: 2px solid #d4af37;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 10px;<br /> }<br /> .wiki-block-title::before,<br /> .wiki-block-title::after {<br /> content: &quot;✦&quot;;<br /> color: #d4af37;<br /> font-size: 10px;<br /> }<br /> .wiki-block-title-text {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 2px;<br /> }<br /> .wiki-link {<br /> display: flex;<br /> align-items: center;<br /> gap: 12px;<br /> padding: 12px 18px;<br /> border-bottom: 1px solid rgba(212,175,55,0.08);<br /> text-decoration: none !important;<br /> color: #3a2614 !important;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> transition: all 0.18s;<br /> position: relative;<br /> }<br /> .wiki-link::after {<br /> content: &quot;›&quot;;<br /> position: absolute;<br /> right: 14px;<br /> color: rgba(212,175,55,0);<br /> font-size: 18px;<br /> transition: all 0.18s;<br /> }<br /> .wiki-link:last-child { border-bottom: none; }<br /> .wiki-link:hover {<br /> color: #a8861f !important;<br /> background: linear-gradient(90deg, rgba(212,175,55,0.08), transparent);<br /> padding-left: 22px;<br /> }<br /> .wiki-link:hover::after {<br /> color: #d4af37;<br /> right: 10px;<br /> }<br /> .wiki-link img,<br /> .wiki-link .mw-file-element {<br /> width: 40px !important;<br /> height: 40px !important;<br /> max-width: 40px !important;<br /> max-height: 40px !important;<br /> object-fit: contain !important;<br /> flex-shrink: 0 !important;<br /> filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15));<br /> }<br /> /* Ícones do divine-pride são pixel art — manter pixelated */<br /> .wiki-link img[src*=&quot;divine-pride&quot;] {<br /> image-rendering: pixelated;<br /> }<br /> /* Wrapper que MediaWiki coloca em [[File:]] */<br /> .wiki-link span[typeof=&quot;mw:File&quot;] {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> flex-shrink: 0 !important;<br /> }<br /> .wiki-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); }<br /> .wiki-grid-2 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-2 .wiki-link:nth-child(2n) { border-right: none; }<br /> .wiki-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); }<br /> .wiki-grid-4 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-4 .wiki-link:nth-child(4n) { border-right: none; }<br /> .wiki-grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); }<br /> .wiki-grid-5 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-5 .wiki-link:nth-child(5n) { border-right: none; }<br /> .wiki-full { grid-column: span 2; }<br /> <br /> @media (max-width: 850px) {<br /> .wiki-blocks { grid-template-columns: 1fr; }<br /> .wiki-full { grid-column: span 1; }<br /> .wiki-grid-4 { grid-template-columns: repeat(2, 1fr); }<br /> .wiki-grid-5 { grid-template-columns: repeat(2, 1fr); }<br /> .aur-stats { grid-template-columns: repeat(2, 1fr); }<br /> .aur-widgets { grid-template-columns: 1fr; }<br /> }<br /> <br /> /* === BANNER FINAL ========================================= */<br /> .aur-banner {<br /> background:<br /> radial-gradient(circle at 30% 50%, rgba(212,175,55,0.1) 0%, transparent 70%),<br /> linear-gradient(135deg, #1b1304, #0e0a02);<br /> border: 1px solid rgba(212,175,55,0.35);<br /> border-radius: 4px;<br /> padding: 18px 22px;<br /> display: flex;<br /> align-items: center;<br /> gap: 16px;<br /> margin: 18px 0;<br /> position: relative;<br /> overflow: hidden;<br /> }<br /> .aur-banner::before,<br /> .aur-banner::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 20px; height: 20px;<br /> border: 1px solid rgba(212,175,55,0.5);<br /> }<br /> .aur-banner::before {<br /> top: 6px; left: 6px;<br /> border-right: none; border-bottom: none;<br /> }<br /> .aur-banner::after {<br /> bottom: 6px; right: 6px;<br /> border-left: none; border-top: none;<br /> }<br /> .aur-banner-title {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-weight: 700;<br /> font-size: 14px;<br /> letter-spacing: 1px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-banner-sub {<br /> color: rgba(255,255,255,0.55);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-style: italic;<br /> font-size: 13px;<br /> line-height: 1.4;<br /> }<br /> .aur-banner-tags {<br /> display: flex;<br /> gap: 8px;<br /> margin-left: auto;<br /> flex-shrink: 0;<br /> }<br /> .aur-banner-tag {<br /> background: rgba(212,175,55,0.18);<br /> border: 1px solid rgba(212,175,55,0.5);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> padding: 4px 10px;<br /> letter-spacing: 1.5px;<br /> text-transform: uppercase;<br /> }<br /> <br /> /* === HERO DE PÁGINA INTERNA ============================== */<br /> .aur-page-hero {<br /> background:<br /> radial-gradient(circle at 30% 20%, rgba(212,175,55,0.1) 0%, transparent 60%),<br /> linear-gradient(135deg, #1b1304 0%, #2a1f0c 50%, #0e0a02 100%);<br /> border: 1px solid rgba(212,175,55,0.4);<br /> border-radius: 4px;<br /> padding: 28px 32px;<br /> margin: 0 auto 32px;<br /> max-width: 720px;<br /> position: relative;<br /> text-align: center;<br /> }<br /> .aur-page-hero::before,<br /> .aur-page-hero::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 22px; height: 22px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.6;<br /> }<br /> .aur-page-hero::before { top: 8px; left: 8px; border-right: none; border-bottom: none; }<br /> .aur-page-hero::after { bottom: 8px; right: 8px; border-left: none; border-top: none; }<br /> .aur-page-hero-badge {<br /> display: inline-block;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.45);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> letter-spacing: 1.6px;<br /> text-transform: uppercase;<br /> padding: 5px 14px;<br /> margin-bottom: 12px;<br /> }<br /> .aur-page-hero-sub {<br /> color: rgba(255,255,255,0.7);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> line-height: 1.55;<br /> }<br /> <br /> /* === TÍTULOS DE SEÇÃO — banner suave ===================== */<br /> .aur-section-banner {<br /> display: inline-block;<br /> position: relative;<br /> margin: 32px auto 20px;<br /> padding: 14px 56px;<br /> background: linear-gradient(180deg, #fdf8e8 0%, #faf0d4 100%);<br /> border: 1px solid rgba(212,175,55,0.35);<br /> border-radius: 4px;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.08), inset 0 1px 0 rgba(255,255,255,0.6);<br /> }<br /> .aur-section-banner::before,<br /> .aur-section-banner::after {<br /> content: &quot;✦&quot;;<br /> position: absolute;<br /> top: 50%;<br /> transform: translateY(-50%);<br /> color: #d4af37;<br /> font-size: 11px;<br /> opacity: 0.7;<br /> }<br /> .aur-section-banner::before { left: 22px; }<br /> .aur-section-banner::after { right: 22px; }<br /> .aur-section-banner-text {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> letter-spacing: 0.5px;<br /> }<br /> /* Compat: manter .aur-section-title antigo funcional sem ícone */<br /> .aur-section-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 20px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> margin: 28px 0 18px;<br /> text-align: center;<br /> }<br /> .aur-section-icon { display: none; }<br /> <br /> /* === GRID DE INFOS (substitui tabela) ===================== */<br /> .aur-info-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 10px;<br /> margin: 0 auto 16px;<br /> max-width: 880px;<br /> }<br /> .aur-info-grid-2 {<br /> grid-template-columns: repeat(2, 1fr);<br /> max-width: 640px;<br /> }<br /> .aur-info-cell {<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-top: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 14px 16px;<br /> text-align: center;<br /> transition: all 0.18s;<br /> }<br /> .aur-info-cell:hover {<br /> border-top-color: #f4d97a;<br /> transform: translateY(-2px);<br /> box-shadow: 0 4px 12px rgba(212,175,55,0.15);<br /> }<br /> .aur-info-label {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 1.4px;<br /> color: #8a6c1e;<br /> margin-bottom: 6px;<br /> }<br /> .aur-info-value {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 16px;<br /> font-weight: 600;<br /> color: #1b1304;<br /> line-height: 1.3;<br /> }<br /> .aur-info-value small {<br /> display: block;<br /> font-size: 11px;<br /> font-weight: 400;<br /> color: #a09075;<br /> margin-top: 2px;<br /> letter-spacing: 0.3px;<br /> }<br /> <br /> /* === DICA / TIP CARD ===================================== */<br /> .aur-tip-card {<br /> display: flex;<br /> align-items: flex-start;<br /> gap: 16px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 18px 20px;<br /> margin: 0 auto 16px;<br /> max-width: 720px;<br /> text-align: left;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.1);<br /> }<br /> .aur-tip-icon {<br /> flex-shrink: 0;<br /> width: 48px; height: 48px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.12);<br /> border-radius: 4px;<br /> image-rendering: pixelated;<br /> }<br /> .aur-tip-icon .mw-file-element {<br /> width: 36px !important;<br /> height: 36px !important;<br /> max-width: 36px !important;<br /> max-height: 36px !important;<br /> image-rendering: pixelated;<br /> }<br /> .aur-tip-body { flex: 1; }<br /> .aur-tip-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 1.6px;<br /> color: #a8861f;<br /> margin-bottom: 6px;<br /> }<br /> .aur-tip-text {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> color: #3a2614;<br /> line-height: 1.6;<br /> }<br /> <br /> /* === DIVIDER decorativo ✦ ================================ */<br /> .aur-divider {<br /> display: flex;<br /> align-items: center;<br /> gap: 14px;<br /> margin: 32px auto 24px;<br /> max-width: 880px;<br /> }<br /> .aur-divider::before,<br /> .aur-divider::after {<br /> content: &quot;&quot;;<br /> flex: 1;<br /> height: 1px;<br /> background: linear-gradient(90deg, transparent, rgba(212,175,55,0.4), transparent);<br /> }<br /> .aur-divider span {<br /> color: #d4af37;<br /> font-size: 14px;<br /> }<br /> <br /> @media (max-width: 800px) {<br /> .aur-info-grid { grid-template-columns: repeat(2, 1fr); }<br /> .aur-info-grid-2 { grid-template-columns: 1fr; }<br /> }<br /> <br /> /* === CONTEÚDO CENTRALIZADO (.aur-centered wrapper) ====== */<br /> .aur-centered { text-align: center; }<br /> .aur-centered h1, .aur-centered h2, .aur-centered h3 {<br /> text-align: center !important;<br /> border-bottom: none !important;<br /> position: relative;<br /> }<br /> .aur-centered h1::after,<br /> .aur-centered h2::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: -4px; left: 50%;<br /> transform: translateX(-50%);<br /> width: 80px; height: 2px;<br /> background: linear-gradient(90deg, transparent, #d4af37, transparent) !important;<br /> }<br /> .aur-centered p { text-align: center; }<br /> .aur-centered ul, .aur-centered ol {<br /> display: inline-block;<br /> text-align: left;<br /> }<br /> .aur-centered table {<br /> margin-left: auto !important;<br /> margin-right: auto !important;<br /> }<br /> .aur-centered .mw-editsection,<br /> .aur-centered .mw-editsection-bracket { display: none !important; }<br /> <br /> /* === SEPARADOR DECORATIVO (flor de lis estilizada) ======= */<br /> .aur-separator {<br /> display: flex;<br /> align-items: center;<br /> gap: 16px;<br /> margin: 28px 0;<br /> color: rgba(212,175,55,0.4);<br /> }<br /> .aur-separator::before,<br /> .aur-separator::after {<br /> content: &quot;&quot;;<br /> flex: 1;<br /> height: 1px;<br /> background: linear-gradient(90deg, transparent, rgba(212,175,55,0.4), transparent);<br /> }<br /> .aur-separator-icon { font-size: 14px; color: #d4af37; }<br /> <br /> /* === FIX ABAS DO HEADER (mantém base do Edda) ============= */<br /> #p-namespaces li,<br /> #p-namespaces li a,<br /> #p-namespaces li.selected,<br /> #p-namespaces li.selected a,<br /> #p-views li,<br /> #p-views li a,<br /> #p-views li.selected,<br /> #p-views li.selected a,<br /> .vector-tab-noaction,<br /> .vector-tab-noaction a,<br /> div#p-namespaces ul li,<br /> div#p-views ul li {<br /> background: transparent !important;<br /> background-color: transparent !important;<br /> background-image: none !important;<br /> border: none !important;<br /> border-color: transparent !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> #left-navigation {<br /> margin-left: 230px !important;<br /> }<br /> <br /> /* === ALIASES .edda-* para compatibilidade transitória ===== */<br /> .edda-hero { /* alias deprecado */ }<br /> .edda-pill, .edda-pills,<br /> .edda-infobar, .edda-infobar-cell, .edda-infobar-label, .edda-infobar-value,<br /> .edda-banner, .edda-banner-title, .edda-banner-sub, .edda-banner-tags, .edda-banner-tag {<br /> /* nada — abandonado, use .aur-* */<br /> }<br /> <br /> /* === TIP CARD sem ícone (modifier) ====================== */<br /> .aur-tip-card-noicon { padding-left: 22px; }<br /> .aur-tip-card-noicon .aur-tip-body { width: 100%; }<br /> <br /> /* === ALINHAMENTO: último item ímpar centralizado ========= */<br /> /* Regra global pra TODOS os grids: quando o último item fica<br /> sozinho na última linha, centraliza horizontalmente. */<br /> .aur-info-grid &gt; .aur-info-cell:last-child:nth-child(3n - 2),<br /> .aur-info-grid:not(.aur-info-grid-2) &gt; .aur-info-cell:last-child:nth-child(3n + 1) {<br /> grid-column: 2 / span 1;<br /> }<br /> .aur-info-grid-2 &gt; .aur-info-cell:last-child:nth-child(odd) {<br /> grid-column: 1 / -1;<br /> max-width: calc((100% - 10px) / 2);<br /> justify-self: center;<br /> }<br /> <br /> /* === COMPACTAÇÃO (.aur-compact wrapper) ================== */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 18px 24px;<br /> margin-bottom: 16px;<br /> max-width: 600px;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 6px;<br /> font-size: 10px;<br /> padding: 3px 11px;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 13px;<br /> line-height: 1.4;<br /> }<br /> .aur-compact .aur-section-banner {<br /> margin: 14px auto 10px;<br /> padding: 10px 48px;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 16px; }<br /> .aur-compact .aur-info-grid { gap: 6px; margin-bottom: 10px; }<br /> .aur-compact .aur-info-cell {<br /> padding: 9px 12px;<br /> border-top-width: 2px;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 9.5px;<br /> letter-spacing: 1.2px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-compact .aur-info-value { font-size: 13.5px; line-height: 1.25; }<br /> .aur-compact .aur-info-value small {<br /> font-size: 10px;<br /> margin-top: 1px;<br /> }<br /> .aur-compact .aur-tip-card {<br /> padding: 10px 16px;<br /> margin-bottom: 10px;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 10px;<br /> margin-bottom: 4px;<br /> letter-spacing: 1.4px;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 13px; line-height: 1.45; }<br /> .aur-tip-compact .aur-tip-title { margin-bottom: 2px; }<br /> .aur-tip-compact .aur-tip-text { font-size: 13px; }<br /> <br /> /* === VIP — destaque visual marcante ===================== */<br /> .aur-section-banner-vip {<br /> background: linear-gradient(180deg, #1b1304 0%, #2a1f0c 100%) !important;<br /> border: 1px solid #d4af37 !important;<br /> box-shadow: 0 4px 14px rgba(212,175,55,0.25), inset 0 1px 0 rgba(255,255,255,0.08) !important;<br /> padding-right: 110px !important;<br /> position: relative;<br /> }<br /> .aur-section-banner-vip::before,<br /> .aur-section-banner-vip::after {<br /> color: #f4d97a !important;<br /> opacity: 1 !important;<br /> font-size: 12px !important;<br /> }<br /> .aur-section-banner-vip .aur-section-banner-text {<br /> color: #f4d97a !important;<br /> letter-spacing: 2px !important;<br /> text-shadow: 0 0 12px rgba(244,217,122,0.4);<br /> }<br /> .aur-vip-tag {<br /> position: absolute;<br /> right: 14px;<br /> top: 50%;<br /> transform: translateY(-50%);<br /> background: linear-gradient(180deg, #d4af37, #a8861f);<br /> color: #1b1304;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 9px;<br /> font-weight: 800;<br /> letter-spacing: 1.4px;<br /> text-transform: uppercase;<br /> padding: 4px 9px;<br /> border-radius: 12px;<br /> box-shadow: 0 2px 6px rgba(212,175,55,0.4);<br /> }<br /> .aur-tip-vip {<br /> background: linear-gradient(180deg, #fff8e0, #fdf0c8) !important;<br /> border-color: rgba(212,175,55,0.5) !important;<br /> border-left-color: #d4af37 !important;<br /> border-left-width: 5px !important;<br /> }<br /> .aur-info-grid-vip .aur-info-cell {<br /> background: linear-gradient(180deg, #fffbe8, #fdf0c8);<br /> border-top-color: #f4d97a !important;<br /> border-top-width: 3px !important;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.12);<br /> }<br /> .aur-info-grid-vip .aur-info-cell:hover {<br /> border-top-color: #ffe999 !important;<br /> box-shadow: 0 5px 14px rgba(212,175,55,0.22);<br /> }<br /> .aur-info-grid-vip .aur-info-label { color: #a8861f !important; }<br /> <br /> /* === VIP fix: esconder ✦ direito (a tag EXCLUSIVO ocupa o espaço) === */<br /> .aur-section-banner-vip::after { display: none !important; }<br /> .aur-section-banner-vip { padding-left: 28px !important; padding-right: 28px !important; }<br /> <br /> /* === VIP: esconder ✦ esquerdo também ==================== */<br /> .aur-section-banner-vip::before { display: none !important; }<br /> .aur-section-banner-vip { padding-left: 28px !important; }<br /> <br /> /* === COMPACTAÇÃO AGRESSIVA (.aur-compact override + extra) === */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 10px 18px !important;<br /> margin-bottom: 8px !important;<br /> max-width: 560px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 3px !important;<br /> font-size: 9px !important;<br /> padding: 2px 10px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 11.5px !important;<br /> line-height: 1.3 !important;<br /> }<br /> .aur-compact .aur-page-hero-sm::before,<br /> .aur-compact .aur-page-hero-sm::after {<br /> width: 14px !important;<br /> height: 14px !important;<br /> }<br /> .aur-compact .aur-section-banner {<br /> margin: 8px auto 6px !important;<br /> padding: 6px 36px !important;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 13px !important; }<br /> .aur-compact .aur-info-grid { gap: 5px !important; margin-bottom: 6px !important; }<br /> .aur-compact .aur-info-cell {<br /> padding: 6px 10px !important;<br /> border-top-width: 2px !important;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 9px !important;<br /> letter-spacing: 1px !important;<br /> margin-bottom: 2px !important;<br /> }<br /> .aur-compact .aur-info-value { font-size: 12.5px !important; line-height: 1.2 !important; }<br /> .aur-compact .aur-info-value small {<br /> font-size: 9.5px !important;<br /> margin-top: 0 !important;<br /> }<br /> .aur-compact .aur-tip-card {<br /> padding: 8px 14px !important;<br /> margin-bottom: 6px !important;<br /> gap: 12px !important;<br /> }<br /> .aur-compact .aur-tip-icon {<br /> width: 38px !important;<br /> height: 38px !important;<br /> }<br /> .aur-compact .aur-tip-icon .mw-file-element {<br /> width: 28px !important;<br /> height: 28px !important;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 9.5px !important;<br /> margin-bottom: 2px !important;<br /> letter-spacing: 1.2px !important;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 12px !important; line-height: 1.4 !important; }<br /> .aur-compact .aur-divider { margin: 8px auto !important; }<br /> .aur-compact .aur-vip-tag {<br /> font-size: 8.5px !important;<br /> padding: 3px 7px !important;<br /> letter-spacing: 1.1px !important;<br /> }<br /> .aur-compact .aur-section-banner-vip { padding-right: 28px !important; }<br /> <br /> /* === ONEPAGE: páginas .aur-compact cabem 100% em 1 tela === */<br /> /* Reduz drasticamente H1 + remove margem grande do firstHeading */<br /> .aur-compact + .aur-compact, /* fallback */<br /> body:has(.aur-compact) h1.firstHeading,<br /> body:has(.aur-compact) #firstHeading {<br /> font-size: 18px !important;<br /> padding-bottom: 4px !important;<br /> margin-bottom: 6px !important;<br /> letter-spacing: 0.5px !important;<br /> }<br /> body:has(.aur-compact) h1.firstHeading::after,<br /> body:has(.aur-compact) #firstHeading::after {<br /> width: 50px !important;<br /> bottom: -2px !important;<br /> }<br /> body:has(.aur-compact) #content,<br /> body:has(.aur-compact) div#content {<br /> padding: 14px 22px !important;<br /> margin-top: 6px !important;<br /> }<br /> body:has(.aur-compact) #content::before,<br /> body:has(.aur-compact) #content::after {<br /> width: 10px !important;<br /> height: 10px !important;<br /> }<br /> <br /> /* Hero ainda menor */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 7px 18px 8px !important;<br /> margin-bottom: 6px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 2px !important;<br /> font-size: 8.5px !important;<br /> padding: 1px 8px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 10.5px !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> /* Banners e dividers ainda mais discretos */<br /> .aur-compact .aur-section-banner {<br /> margin: 6px auto 4px !important;<br /> padding: 5px 32px !important;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 12px !important; }<br /> .aur-compact .aur-divider { margin: 5px auto !important; }<br /> .aur-compact .aur-divider::before,<br /> .aur-compact .aur-divider::after { height: 1px !important; }<br /> .aur-compact .aur-divider span { font-size: 10px !important; }<br /> <br /> /* Grids e cells mais densos */<br /> .aur-compact .aur-info-grid { gap: 4px !important; margin-bottom: 5px !important; }<br /> .aur-compact .aur-info-cell {<br /> padding: 5px 8px !important;<br /> border-top-width: 2px !important;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 8.5px !important;<br /> letter-spacing: 0.9px !important;<br /> margin-bottom: 1px !important;<br /> }<br /> .aur-compact .aur-info-value { font-size: 11.5px !important; line-height: 1.2 !important; }<br /> .aur-compact .aur-info-value small { font-size: 9px !important; }<br /> <br /> /* Tip cards super compactos */<br /> .aur-compact .aur-tip-card {<br /> padding: 6px 12px !important;<br /> margin-bottom: 5px !important;<br /> gap: 10px !important;<br /> }<br /> .aur-compact .aur-tip-icon {<br /> width: 32px !important;<br /> height: 32px !important;<br /> }<br /> .aur-compact .aur-tip-icon .mw-file-element {<br /> width: 24px !important;<br /> height: 24px !important;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 8.5px !important;<br /> margin-bottom: 1px !important;<br /> letter-spacing: 1px !important;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 11px !important; line-height: 1.35 !important; }<br /> <br /> /* VIP banner tag menor */<br /> .aur-compact .aur-vip-tag {<br /> font-size: 8px !important;<br /> padding: 2px 6px !important;<br /> }<br /> .aur-compact .aur-section-banner-vip { padding-right: 28px !important; }<br /> <br /> /* === MESTRA DAS CLASSES — sprite + info row ============== */<br /> .aur-mestra-row {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 28px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-top: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 14px 22px;<br /> margin: 0 auto 10px;<br /> max-width: 560px;<br /> }<br /> .aur-mestra-sprite {<br /> flex-shrink: 0;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.06);<br /> border: 1px solid rgba(212,175,55,0.18);<br /> border-radius: 3px;<br /> padding: 6px;<br /> min-width: 140px;<br /> min-height: 140px;<br /> }<br /> .aur-mestra-sprite img,<br /> .aur-mestra-sprite .mw-file-element {<br /> image-rendering: pixelated !important;<br /> max-width: 160px !important;<br /> max-height: 160px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> }<br /> .aur-mestra-info {<br /> text-align: left;<br /> flex: 1;<br /> max-width: 280px;<br /> }<br /> .aur-mestra-info .aur-info-label {<br /> font-size: 9px !important;<br /> letter-spacing: 1.1px;<br /> color: #8a6c1e;<br /> text-transform: uppercase;<br /> margin-bottom: 2px;<br /> }<br /> .aur-mestra-info .aur-info-value {<br /> font-size: 14px !important;<br /> font-weight: 600;<br /> color: #1b1304;<br /> }<br /> .aur-mestra-info .aur-info-value small {<br /> font-size: 10.5px !important;<br /> font-weight: 400;<br /> color: #a09075;<br /> }<br /> <br /> /* yes / no badges nos valores */<br /> .aur-info-value.aur-yes { color: #1f8f4f !important; }<br /> .aur-info-value.aur-no { color: #b85050 !important; opacity: 0.7; }<br /> <br /> /* === Banner VIP sem tag (padding simétrico) ============== */<br /> .aur-section-banner-vip.aur-banner-no-tag {<br /> padding-left: 28px !important;<br /> padding-right: 28px !important;<br /> }<br /> <br /> /* === MESTRA — sprite SEM moldura ========================== */<br /> .aur-mestra-sprite-bare {<br /> flex-shrink: 0;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> min-width: 180px;<br /> }<br /> .aur-mestra-sprite-bare img,<br /> .aur-mestra-sprite-bare .mw-file-element {<br /> image-rendering: pixelated !important;<br /> max-width: 220px !important;<br /> max-height: 220px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> background: none !important;<br /> border: none !important;<br /> }<br /> <br /> /* === Botão Copiar /navi ================================== */<br /> .aur-navi-btn {<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> margin-top: 10px;<br /> padding: 7px 14px;<br /> background: linear-gradient(180deg, #d4af37 0%, #a8861f 100%);<br /> color: #1b1304;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> letter-spacing: 0.6px;<br /> text-transform: uppercase;<br /> border: 1px solid #8a6c1e;<br /> border-radius: 4px;<br /> cursor: pointer;<br /> box-shadow: 0 2px 6px rgba(212,175,55,0.3), inset 0 1px 0 rgba(255,255,255,0.25);<br /> transition: all 0.18s;<br /> }<br /> .aur-navi-btn:hover {<br /> background: linear-gradient(180deg, #f4d97a 0%, #d4af37 100%);<br /> transform: translateY(-1px);<br /> box-shadow: 0 4px 10px rgba(212,175,55,0.4);<br /> }<br /> .aur-navi-btn:active { transform: translateY(0); }<br /> .aur-navi-btn-icon { font-size: 13px; }<br /> <br /> /* === Descrição abaixo do bloco da Mestra ================== */<br /> .aur-mestra-desc {<br /> max-width: 620px;<br /> margin: 6px auto 12px;<br /> padding: 0 10px;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.55;<br /> color: #3a2614;<br /> text-align: center;<br /> }<br /> .aur-mestra-desc strong, .aur-mestra-desc b {<br /> color: #1b1304;<br /> font-weight: 700;<br /> }<br /> <br /> /* === Toast notification (copiou!) ======================== */<br /> .aur-toast {<br /> position: fixed;<br /> bottom: 32px;<br /> right: 32px;<br /> z-index: 100000;<br /> display: flex;<br /> align-items: center;<br /> gap: 14px;<br /> background: linear-gradient(180deg, #1b1304 0%, #0e0a02 100%);<br /> color: #fff;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> padding: 14px 18px 14px 16px;<br /> border: 1px solid rgba(212,175,55,0.5);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 4px;<br /> box-shadow: 0 10px 36px rgba(0,0,0,0.45), 0 0 20px rgba(212,175,55,0.18);<br /> min-width: 240px;<br /> max-width: 360px;<br /> opacity: 0;<br /> transform: translateX(20px);<br /> transition: all 0.32s cubic-bezier(0.16, 1, 0.3, 1);<br /> }<br /> .aur-toast-show {<br /> opacity: 1;<br /> transform: translateX(0);<br /> }<br /> .aur-toast-out {<br /> opacity: 0;<br /> transform: translateX(20px);<br /> }<br /> .aur-toast-icon {<br /> width: 28px;<br /> height: 28px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: linear-gradient(180deg, #d4af37, #a8861f);<br /> color: #1b1304;<br /> border-radius: 50%;<br /> font-size: 14px;<br /> font-weight: 800;<br /> flex-shrink: 0;<br /> box-shadow: 0 0 8px rgba(212,175,55,0.5);<br /> }<br /> .aur-toast strong { color: #f4d97a; font-weight: 700; }<br /> .aur-toast small {<br /> color: rgba(255,255,255,0.55);<br /> font-size: 11px;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> }<br /> <br /> /* === GIF Mestra menor (30% menos) ======================== */<br /> .aur-mestra-sprite-bare img,<br /> .aur-mestra-sprite-bare .mw-file-element {<br /> max-width: 150px !important;<br /> max-height: 150px !important;<br /> }<br /> .aur-mestra-sprite-bare { min-width: 150px !important; }<br /> <br /> /* === Botão /navi — versão sóbria/elegante ================ */<br /> .aur-navi-btn {<br /> display: inline-flex !important;<br /> align-items: center;<br /> gap: 7px;<br /> margin-top: 10px;<br /> padding: 7px 14px !important;<br /> background: rgba(27,19,4,0.95) !important;<br /> color: #f4d97a !important;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 0.5px !important;<br /> text-transform: none !important;<br /> border: 1px solid rgba(212,175,55,0.45) !important;<br /> border-radius: 3px !important;<br /> cursor: pointer;<br /> box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;<br /> transition: all 0.18s !important;<br /> }<br /> .aur-navi-btn:hover {<br /> background: #1b1304 !important;<br /> color: #fff !important;<br /> border-color: #d4af37 !important;<br /> box-shadow: 0 3px 10px rgba(212,175,55,0.25) !important;<br /> transform: none !important;<br /> }<br /> .aur-navi-btn:active { background: #0e0a02 !important; }<br /> .aur-navi-btn-icon {<br /> font-size: 12px !important;<br /> opacity: 0.85;<br /> }<br /> <br /> /* === Texto explicativo como card destacado ============== */<br /> .aur-mestra-desc-card {<br /> max-width: 600px;<br /> margin: 12px auto;<br /> padding: 14px 20px 14px 22px;<br /> background: linear-gradient(180deg, #fff 0%, #fdf8e8 100%);<br /> border: 1px solid rgba(212,175,55,0.28);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 3px;<br /> text-align: left;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.55;<br /> color: #3a2614;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.08);<br /> }<br /> .aur-mestra-desc-card strong,<br /> .aur-mestra-desc-card b { color: #1b1304; font-weight: 700; }<br /> .aur-mestra-desc-title {<br /> font-size: 9.5px;<br /> font-weight: 700;<br /> letter-spacing: 1.4px;<br /> text-transform: uppercase;<br /> color: #a8861f;<br /> margin-bottom: 6px;<br /> }<br /> <br /> /* === Botão /navi — sem ícone emoji, alinhado à info ===== */<br /> .aur-navi-btn {<br /> margin-top: 6px !important;<br /> padding: 6px 14px !important;<br /> }<br /> .aur-navi-btn-icon { display: none !important; }<br /> <br /> /* === Toast: barra dourada vertical no lugar do checkmark === */<br /> .aur-toast-bar {<br /> width: 3px;<br /> height: 28px;<br /> background: linear-gradient(180deg, #f4d97a, #d4af37);<br /> border-radius: 2px;<br /> box-shadow: 0 0 8px rgba(212,175,55,0.5);<br /> flex-shrink: 0;<br /> }<br /> .aur-toast-icon { display: none !important; }<br /> /* === Mestra: agrupar valor + botão /navi numa linha coesa === */<br /> .aur-mestra-loc-line {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> flex-wrap: wrap;<br /> }<br /> .aur-mestra-loc-line .aur-info-value { margin: 0 !important; }<br /> .aur-mestra-loc-line .aur-navi-btn { margin-top: 0 !important; }<br /> /* === Mestra: botao /navi grudado abaixo do valor (sem &quot;meio do nada&quot;) === */<br /> .aur-mestra-loc-line {<br /> display: flex !important;<br /> flex-direction: column !important;<br /> align-items: flex-start !important;<br /> gap: 6px !important;<br /> flex-wrap: nowrap !important;<br /> }<br /> .aur-mestra-loc-line .aur-info-value { margin: 0 !important; }<br /> .aur-mestra-loc-line .aur-navi-btn { margin-top: 0 !important; }<br /> <br /> /* === GRID DE ITENS (Caixa do Iniciante e afins) ========== */<br /> .aur-item-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 10px;<br /> margin: 0 auto 16px;<br /> max-width: 880px;<br /> }<br /> .aur-item-card {<br /> display: flex;<br /> align-items: center;<br /> gap: 12px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-left: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 10px 12px;<br /> text-align: left;<br /> transition: all 0.18s;<br /> }<br /> .aur-item-card:hover {<br /> border-left-color: #f4d97a;<br /> transform: translateY(-2px);<br /> box-shadow: 0 4px 12px rgba(212,175,55,0.15);<br /> }<br /> .aur-item-icon {<br /> flex-shrink: 0;<br /> width: 46px; height: 46px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.2);<br /> border-radius: 4px;<br /> }<br /> .aur-item-icon .mw-file-element {<br /> max-width: 40px !important;<br /> max-height: 40px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> image-rendering: pixelated;<br /> }<br /> .aur-item-info { flex: 1; min-width: 0; }<br /> .aur-item-name {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13.5px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> line-height: 1.25;<br /> }<br /> .aur-item-name small {<br /> font-weight: 600;<br /> color: #a8861f;<br /> font-size: 11px;<br /> }<br /> .aur-item-qty {<br /> display: inline-block;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> color: #8a6c1e;<br /> background: rgba(212,175,55,0.15);<br /> border-radius: 3px;<br /> padding: 1px 6px;<br /> margin-left: 4px;<br /> vertical-align: middle;<br /> }<br /> .aur-item-desc {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11.5px;<br /> color: #6a5536;<br /> line-height: 1.4;<br /> margin-top: 3px;<br /> }<br /> /* último item ímpar centraliza na coluna do meio (3-col) */<br /> .aur-item-grid &gt; .aur-item-card:last-child:nth-child(3n - 2) { grid-column: 2 / span 1; }<br /> @media (max-width: 800px) {<br /> .aur-item-grid { grid-template-columns: repeat(2, 1fr); }<br /> }<br /> /* compactação */<br /> .aur-compact .aur-item-grid { gap: 6px !important; margin-bottom: 8px !important; }<br /> .aur-compact .aur-item-card { padding: 7px 9px !important; gap: 9px !important; }<br /> .aur-compact .aur-item-icon { width: 40px !important; height: 40px !important; }<br /> .aur-compact .aur-item-icon .mw-file-element { max-width: 34px !important; max-height: 34px !important; }<br /> .aur-compact .aur-item-name { font-size: 12px !important; }<br /> .aur-compact .aur-item-name small { font-size: 10px !important; }<br /> .aur-compact .aur-item-desc { font-size: 10.5px !important; line-height: 1.35 !important; margin-top: 2px !important; }<br /> <br /> /* ===================================================================<br /> ÉDEN AUREUMRO — página dedicada (layout próprio)<br /> =================================================================== */<br /> .eden-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #1b1304; }<br /> .eden-wrap *, .eden-wrap *::before, .eden-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .eden-hero {<br /> position: relative; text-align: center; padding: 42px 24px 56px; border-radius: 10px;<br /> background:<br /> radial-gradient(circle at 50% -10%, rgba(244,217,122,0.28) 0%, transparent 55%),<br /> linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> border: 1px solid rgba(212,175,55,0.45);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18);<br /> overflow: hidden;<br /> }<br /> .eden-hero::after {<br /> content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;<br /> background: linear-gradient(90deg, transparent, #d4af37, transparent);<br /> }<br /> .eden-hero img { width: 92px; height: 92px; display: block; margin: 0 auto 14px; filter: drop-shadow(0 6px 14px rgba(212,175,55,0.45)); }<br /> .eden-hero .eden-badge {<br /> display: inline-block; font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase;<br /> color: #f4d97a; border: 1px solid rgba(244,217,122,0.45); border-radius: 999px; padding: 5px 16px; margin-bottom: 16px;<br /> }<br /> .eden-hero h1 {<br /> font-size: 40px; font-weight: 800; margin: 0 0 12px; color: #f7e9b8; letter-spacing: 0.5px;<br /> border: none; padding: 0; text-shadow: 0 2px 16px rgba(0,0,0,0.55);<br /> }<br /> .eden-hero p { font-size: 15.5px; color: #ecdcab; max-width: 620px; margin: 0 auto; line-height: 1.65; }<br /> <br /> /* STAT STRIP (sobrepõe a base do hero) */<br /> .eden-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: -34px auto 6px; max-width: 780px; position: relative; z-index: 3; padding: 0 10px; }<br /> .eden-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 7px; padding: 15px 8px; text-align: center; box-shadow: 0 8px 20px rgba(0,0,0,0.1); }<br /> .eden-stat b { display: block; font-size: 27px; font-weight: 800; color: #a8861f; line-height: 1; }<br /> .eden-stat span { display: block; font-size: 10.5px; text-transform: uppercase; letter-spacing: 1px; color: #8a6c1e; margin-top: 7px; font-weight: 600; }<br /> <br /> /* SECTION HEADING */<br /> .eden-h { text-align: center; margin: 40px 0 18px; }<br /> .eden-h span { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #a8861f; position: relative; padding: 0 22px; }<br /> .eden-h span::before, .eden-h span::after { content: &quot;&quot;; position: absolute; top: 50%; width: 46px; height: 1px; background: linear-gradient(90deg, transparent, #d4af37); }<br /> .eden-h span::before { right: 100%; transform: scaleX(-1); }<br /> .eden-h span::after { left: 100%; }<br /> <br /> /* LEAD */<br /> .eden-wrap .eden-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 760px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .eden-lead b { color: #a8861f; }<br /> <br /> /* STEPS / TIMELINE */<br /> .eden-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .eden-step { background: #fff; border: 1px solid rgba(212,175,55,0.25); border-radius: 8px; padding: 20px 15px 17px; text-align: center; transition: transform .18s, box-shadow .18s, border-color .18s; }<br /> .eden-step:hover { transform: translateY(-4px); box-shadow: 0 10px 22px rgba(212,175,55,0.2); border-color: #f4d97a; }<br /> .eden-step .n { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #1b1304; font-weight: 800; font-size: 16px; line-height: 36px; margin: 0 auto 12px; box-shadow: 0 4px 10px rgba(212,175,55,0.4); }<br /> .eden-step h4 { margin: 0 0 7px; font-size: 14.5px; color: #1b1304; font-weight: 700; border: none; padding: 0; }<br /> .eden-step p { margin: 0; font-size: 12.5px; line-height: 1.5; color: #6b5a2e; }<br /> <br /> /* TIER TABLE */<br /> .eden-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .eden-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .eden-tiers td { padding: 14px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; vertical-align: middle; }<br /> .eden-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .eden-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .eden-tiers .coin { color: #a8861f; font-weight: 800; white-space: nowrap; text-align: right; }<br /> .eden-tiers .coin img { width: 30px; height: 30px; vertical-align: -9px; margin-right: 7px; }<br /> .eden-tiers .mis { color: #5a4a22; }<br /> .eden-tiers .book { width: 72px; padding: 8px 0 8px 14px; }<br /> .eden-tiers .book img { width: 52px; height: auto; display: block; background: #fff; border-radius: 8px; padding: 4px; box-shadow: 0 1px 4px rgba(36,25,6,0.16); border: 1px solid rgba(212,175,55,0.35); }<br /> <br /> /* ECONOMY LOOP */<br /> .eden-loop { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: 8px; }<br /> .eden-node { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 8px; padding: 20px 16px; text-align: center; }<br /> .eden-node img { width: 58px; height: 58px; margin: 0 auto 10px; display: block; image-rendering: pixelated; image-rendering: crisp-edges; }<br /> .eden-node .dot { width: 38px; height: 38px; border-radius: 50%; margin: 0 auto 10px; background: linear-gradient(135deg, #f4d97a, #d4af37); }<br /> .eden-node h4 { margin: 0 0 7px; font-size: 13.5px; color: #a8861f; font-weight: 800; border: none; padding: 0; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .eden-node p { margin: 0; font-size: 12.5px; color: #6b5a2e; line-height: 1.5; }<br /> .eden-arrow { display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 26px; font-weight: 700; }<br /> .eden-loop-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 12px; font-style: italic; }<br /> <br /> /* ARMEIRO FEATURE CARDS */<br /> .eden-feats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }<br /> .eden-feat { background: #fff; border: 1px solid rgba(212,175,55,0.25); border-left: 4px solid #d4af37; border-radius: 7px; padding: 20px; transition: box-shadow .18s; }<br /> .eden-feat:hover { box-shadow: 0 8px 20px rgba(212,175,55,0.15); }<br /> .eden-feat h4 { margin: 0 0 9px; font-size: 15.5px; color: #1b1304; font-weight: 700; border: none; padding: 0; }<br /> .eden-feat p { margin: 0; font-size: 13px; line-height: 1.6; color: #5a4a22; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width: 850px) {<br /> .eden-stats { grid-template-columns: repeat(2, 1fr); }<br /> .eden-steps { grid-template-columns: repeat(2, 1fr); }<br /> .eden-loop { grid-template-columns: 1fr; }<br /> .eden-arrow { transform: rotate(90deg); padding: 2px 0; }<br /> .eden-feats { grid-template-columns: 1fr; }<br /> .eden-hero h1 { font-size: 31px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> CURANDEIRA — página bespoke (escopo .cura-wrap)<br /> ========================================================= */<br /> .cura-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> <br /> /* HERO */<br /> .cura-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35);<br /> background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .cura-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cura-hero img { width: auto; height: 171px; image-rendering: pixelated; filter: drop-shadow(0 8px 24px rgba(0,0,0,0.55)); }<br /> .cura-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .cura-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .cura-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> /* STATS STRIP (sobreposta à base do hero) */<br /> .cura-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .cura-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .cura-stat b { display: block; font-size: 24px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .cura-stat span { display: block; margin-top: 4px; font-size: 11.5px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.6px; }<br /> <br /> /* HEADINGS com linha dourada dos dois lados */<br /> .cura-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .cura-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .cura-h::before, .cura-h::after { content: &quot;&quot;; height: 1px; width: 90px; background: linear-gradient(90deg, transparent, #d4af37); }<br /> .cura-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> /* LEAD (especificidade alta p/ vencer .mw-parser-output p) */<br /> .cura-wrap .cura-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 760px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .cura-wrap .cura-lead b { color: #a8861f; }<br /> <br /> /* STEPS — timeline horizontal */<br /> .cura-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .cura-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; position: relative; }<br /> .cura-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .cura-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .cura-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> <br /> /* PRICE TABLE */<br /> .cura-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .cura-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .cura-tiers td { padding: 13px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; vertical-align: middle; }<br /> .cura-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .cura-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .cura-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .cura-tiers .price { text-align: right; font-weight: 800; color: #a8861f; white-space: nowrap; }<br /> .cura-tiers .free { color: #2e7d32; }<br /> <br /> /* PLANOS (Jogador x VIP) */<br /> .cura-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }<br /> .cura-plan { border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 22px 22px 20px; background: linear-gradient(180deg, #fff, #fdf8e8); }<br /> .cura-plan.vip { border: 1px solid #d4af37; box-shadow: 0 8px 22px rgba(212,175,55,0.2); background: linear-gradient(180deg, #fffaef, #fdf3d4); }<br /> .cura-plan-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }<br /> .cura-plan h4 { margin: 0; font-size: 18px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .cura-plan.vip h4 { color: #9a7a17; }<br /> .cura-plan .tag { font-size: 10.5px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; }<br /> .cura-plan .tag.t-free { background: #ece3c8; color: #6b5a2e; }<br /> .cura-plan .tag.t-vip { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .cura-plan ul { list-style: none; margin: 8px 0 0; padding: 0; }<br /> .cura-plan li { padding: 8px 0 8px 26px; position: relative; font-size: 13.8px; color: #3a2e12; border-top: 1px solid rgba(212,175,55,0.14); line-height: 1.45; }<br /> .cura-plan li:first-child { border-top: none; }<br /> .cura-plan li::before { content: &quot;✦&quot;; position: absolute; left: 2px; top: 8px; color: #d4af37; font-size: 12px; }<br /> .cura-plan .dur { margin-top: 14px; text-align: center; font-size: 12.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: #8a6c1e; background: rgba(212,175,55,0.12); border-radius: 8px; padding: 9px; }<br /> <br /> /* CIDADES — chips */<br /> .cura-cities { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; max-width: 880px; margin: 0 auto; }<br /> .cura-city { padding: 6px 13px; border-radius: 999px; background: #fdf8e8; border: 1px solid rgba(212,175,55,0.3); font-size: 13px; color: #5a4a22; font-weight: 600; }<br /> .cura-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 14px; font-style: italic; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width: 850px) {<br /> .cura-stats { grid-template-columns: repeat(2, 1fr); }<br /> .cura-steps { grid-template-columns: repeat(2, 1fr); }<br /> .cura-plans { grid-template-columns: 1fr; }<br /> .cura-hero h1 { font-size: 31px; }<br /> }<br /> /* CURANDEIRA — bloco &quot;sem desvalorizar o suporte&quot; (Sacerdote) */<br /> .cura-priest { border: 1px solid #d4af37; border-radius: 12px; padding: 26px 28px 24px; background: linear-gradient(180deg, #fffaef, #fdf3d4); box-shadow: 0 8px 22px rgba(212,175,55,0.18); max-width: 860px; margin: 0 auto; text-align: center; }<br /> .cura-priest h3 { margin: 0 0 10px; font-size: 19px; color: #9a7a17; font-weight: 800; border: none; padding: 0; letter-spacing: 0.3px; }<br /> .cura-priest p { margin: 0 auto; max-width: 700px; font-size: 14.5px; line-height: 1.7; color: #3a2e12; }<br /> .cura-priest p + p { margin-top: 10px; }<br /> .cura-priest b { color: #a8861f; }<br /> .cura-ladder-label { margin: 22px 0 10px; font-size: 11.5px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: #8a6c1e; }<br /> .cura-ladder { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 580px; margin: 0 auto; }<br /> .cura-rung { background: #fff; border: 1px solid rgba(212,175,55,0.32); border-radius: 10px; padding: 14px 8px; text-align: center; }<br /> .cura-rung.max { background: linear-gradient(135deg, #f4d97a, #d4af37); border-color: #d4af37; box-shadow: 0 5px 14px rgba(212,175,55,0.45); transform: translateY(-4px); }<br /> .cura-rung .lv { display: block; font-size: 21px; font-weight: 800; color: #a8861f; line-height: 1.1; }<br /> .cura-rung.max .lv { color: #3a2a06; }<br /> .cura-rung .who { display: block; margin-top: 4px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: #6b5a2e; line-height: 1.3; }<br /> .cura-rung.max .who { color: #4a3a0a; font-weight: 800; }<br /> @media (max-width: 850px) { .cura-priest { padding: 22px 18px; } }<br /> /* =========================================================<br /> ECONOMIA — página bespoke (escopo .econ-wrap)<br /> ========================================================= */<br /> .econ-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .econ-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .econ-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .econ-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .econ-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .econ-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .econ-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .econ-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .econ-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .econ-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .econ-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .econ-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .econ-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .econ-h::before, .econ-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .econ-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .econ-wrap .econ-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 780px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .econ-wrap .econ-lead b { color: #a8861f; }<br /> .econ-highlights { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .econ-card { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 18px 12px 16px; text-align: center; }<br /> .econ-card img { width: 44px; height: 44px; image-rendering: pixelated; margin-bottom: 8px; }<br /> .econ-card .nm { display: block; font-size: 12.5px; font-weight: 700; color: #1b1304; line-height: 1.3; min-height: 33px; }<br /> .econ-card .ba { margin-top: 8px; font-size: 12.5px; color: #9a8a5e; text-decoration: line-through; }<br /> .econ-card .af { font-size: 21px; font-weight: 800; color: #a8861f; line-height: 1.2; }<br /> .econ-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .econ-table th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase; padding: 12px 14px; text-align: left; font-weight: 700; }<br /> .econ-table th.r { text-align: right; }<br /> .econ-table td { padding: 8px 14px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13.5px; vertical-align: middle; }<br /> .econ-table tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .econ-table tbody tr:hover td { background: #f6ecc6; }<br /> .econ-table .ic { width: 30px; padding: 5px 0 5px 12px; }<br /> .econ-table .ic img { width: 26px; height: 26px; image-rendering: pixelated; vertical-align: middle; display: block; }<br /> .econ-table .nm { font-weight: 600; color: #2a2008; }<br /> .econ-table .be { text-align: right; color: #9a8a5e; text-decoration: line-through; white-space: nowrap; }<br /> .econ-table .arw { text-align: center; color: #d4af37; width: 22px; font-weight: 700; }<br /> .econ-table .af { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .econ-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 14px; font-style: italic; max-width: 760px; margin-left: auto; margin-right: auto; }<br /> @media (max-width: 850px) {<br /> .econ-stats { grid-template-columns: repeat(2, 1fr); }<br /> .econ-highlights { grid-template-columns: repeat(2, 1fr); }<br /> .econ-hero h1 { font-size: 31px; }<br /> .econ-h::before, .econ-h::after { width: 40px; }<br /> }<br /> /* ARMEIRO DO ÉDEN — loja de troca + encantamentos */<br /> .eden-armeiro-loc { text-align: center; font-size: 13px; color: #8a6c1e; margin: 0 0 8px; }<br /> .eden-armeiro-loc b { color: #a8861f; }<br /> .eden-shop { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }<br /> .eden-shopbox { border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }<br /> .eden-shopbox h4 { margin: 0; background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 12px; letter-spacing: 1.2px; text-transform: uppercase; padding: 12px 16px; border: none; font-weight: 700; }<br /> .eden-shopbox table { width: 100%; border-collapse: separate; border-spacing: 0; }<br /> .eden-shopbox td { padding: 8px 16px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13.5px; vertical-align: middle; }<br /> .eden-shopbox tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-shopbox tr:hover td { background: #f6ecc6; }<br /> .eden-shopbox .it { color: #2a2008; font-weight: 600; }<br /> .eden-shopbox .pr { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .eden-shopbox .pr img { width: 16px; height: 16px; vertical-align: -3px; margin-right: 4px; }<br /> .eden-feat ul { margin: 6px 0 0; padding-left: 0; list-style: none; }<br /> .eden-feat li { padding: 5px 0 5px 20px; position: relative; font-size: 13px; color: #3a2e12; line-height: 1.5; }<br /> .eden-feat li::before { content: &quot;\2726&quot;; position: absolute; left: 0; top: 6px; color: #d4af37; font-size: 11px; }<br /> @media (max-width: 850px) { .eden-shop { grid-template-columns: 1fr; } }<br /> /* ARMEIRO DO ÉDEN — portrait NPC, conjunto, /navi, tabela detalhada */<br /> .eden-armeiro { display: flex; gap: 24px; align-items: center; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 20px 26px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }<br /> .eden-armeiro img { width: 120px; height: auto; image-rendering: pixelated; flex-shrink: 0; filter: drop-shadow(0 7px 11px rgba(0,0,0,0.28)); }<br /> .eden-armeiro-txt { font-size: 14px; line-height: 1.6; color: #3a2e12; }<br /> .eden-armeiro-txt p { margin: 0 0 9px; }<br /> .eden-armeiro-txt p:last-child { margin-bottom: 0; }<br /> .eden-armeiro-txt b { color: #a8861f; }<br /> .navi-copy { color: #9a7a17; font-weight: 700; border-bottom: 1px dotted #d4af37; cursor: pointer; white-space: nowrap; transition: background 0.15s, color 0.15s; padding: 0 2px; border-radius: 3px; }<br /> .navi-copy:hover { color: #6e5410; background: rgba(212,175,55,0.16); }<br /> .eden-set { border: 1px dashed #d4af37; border-radius: 10px; padding: 14px 20px; background: rgba(212,175,55,0.08); font-size: 13.5px; line-height: 1.6; color: #3a2e12; text-align: center; max-width: 860px; margin: 0 auto; }<br /> .eden-set b { color: #a8861f; }<br /> .eden-wtable { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .eden-wtable th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 10.5px; letter-spacing: 1px; text-transform: uppercase; padding: 11px 12px; text-align: left; font-weight: 700; }<br /> .eden-wtable th.c, .eden-wtable td.c { text-align: center; }<br /> .eden-wtable th.r, .eden-wtable td.r { text-align: right; }<br /> .eden-wtable td { padding: 9px 12px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13px; vertical-align: middle; }<br /> .eden-wtable tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-wtable tbody tr:hover td { background: #f6ecc6; }<br /> .eden-wtable .ic { width: 30px; padding-left: 12px; }<br /> .eden-wtable .ic img { width: 26px; height: 26px; image-rendering: pixelated; vertical-align: middle; display: block; }<br /> .eden-wtable .nm { font-weight: 700; color: #1b1304; }<br /> .eden-wtable .lv, .eden-wtable .atk { text-align: center; color: #5a4a22; font-weight: 600; white-space: nowrap; }<br /> .eden-wtable .bn { font-size: 12px; color: #4a3e1e; line-height: 1.45; }<br /> .eden-wtable .bn b { color: #9a7a17; }<br /> .eden-wtable .pr { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .eden-wtable .pr img { width: 15px; height: 15px; vertical-align: -3px; margin-right: 3px; }<br /> @media (max-width: 850px) { .eden-armeiro { flex-direction: column; text-align: center; } .eden-wtable .bn { font-size: 11.5px; } }<br /> /* =========================================================<br /> VISUAIS — página bespoke (escopo .vis-wrap)<br /> ========================================================= */<br /> .vis-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .vis-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .vis-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vis-hero img { width: 110px; height: 110px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .vis-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .vis-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .vis-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .vis-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .vis-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .vis-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .vis-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .vis-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 40px 0 16px; }<br /> .vis-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .vis-h::before, .vis-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .vis-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .vis-wrap .vis-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .vis-wrap .vis-lead b { color: #a8861f; }<br /> .vis-msg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 8px; }<br /> .vis-msg-card { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 18px 18px 16px; }<br /> .vis-msg-card h4 { margin: 0 0 7px; font-size: 15px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .vis-msg-card p { margin: 0; font-size: 13px; color: #5a4a22; line-height: 1.55; }<br /> .vis-msg-card b { color: #a8861f; }<br /> /* legendary showcase */<br /> .vis-legend { display: flex; align-items: center; gap: 24px; background: linear-gradient(180deg, #fffaef, #fdf3d4); border: 1px solid #d4af37; border-radius: 12px; padding: 18px 26px; box-shadow: 0 8px 22px rgba(212,175,55,0.2); margin-bottom: 14px; }<br /> .vis-legend img { width: 130px; height: auto; image-rendering: pixelated; flex-shrink: 0; filter: drop-shadow(0 6px 10px rgba(0,0,0,0.25)); }<br /> .vis-legend-txt h4 { margin: 8px 0 6px; font-size: 20px; color: #9a7a17; font-weight: 800; border: none; padding: 0; }<br /> .vis-legend-txt p { margin: 0; font-size: 13.5px; color: #3a2e12; line-height: 1.6; }<br /> .vis-legend-txt b { color: #a8861f; }<br /> /* gallery */<br /> .vis-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }<br /> .vis-card { width: 132px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 8px 6px 10px; text-align: center; transition: transform 0.12s, box-shadow 0.12s; }<br /> .vis-card:hover { transform: translateY(-3px); box-shadow: 0 8px 18px rgba(0,0,0,0.12); }<br /> .vis-card.leg { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .vis-card.rare { border-color: #9b6bd4; }<br /> .vis-card img { display: block; height: 132px; width: auto; max-width: 100%; margin: 0 auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .vis-noimg { height: 132px; display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 30px; }<br /> .vis-nm { display: block; margin-top: 6px; font-size: 11.5px; font-weight: 600; color: #2a2008; line-height: 1.25; min-height: 28px; }<br /> .vis-rb { display: inline-block; margin-top: 4px; font-size: 9px; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; }<br /> .vis-rb.leg { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .vis-rb.rare { background: #ece0f7; color: #6b3fa0; }<br /> .vis-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 24px auto 0; font-style: italic; max-width: 780px; }<br /> @media (max-width: 850px) {<br /> .vis-stats { grid-template-columns: repeat(2, 1fr); }<br /> .vis-msg { grid-template-columns: 1fr; }<br /> .vis-legend { flex-direction: column; text-align: center; }<br /> .vis-hero h1 { font-size: 31px; }<br /> .vis-card { width: 108px; }<br /> .vis-card img { height: 108px; }<br /> }<br /> /* [ROT2] abas de rotacao e cards grandes */<br /> /* abas em CSS puro: os radios ficam antes da barra e dos paineis, e o<br /> combinador de irmaos liga o radio marcado ao painel correspondente.<br /> Sem JS, que nao roda dentro do bloco de HTML cru da wiki. */<br /> .vis-tabs input[name=&quot;visrot&quot;] { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }<br /> .vis-tabbar { display: flex; justify-content: center; gap: 10px; margin: 34px 0 8px; flex-wrap: wrap; }<br /> .vis-tabbar label { cursor: pointer; font-size: 13px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 10px 24px; border-radius: 999px; border: 1px solid rgba(212,175,55,0.45); color: #8a6c1e; background: linear-gradient(180deg, #fff, #fdf8e8); transition: background 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s; }<br /> .vis-tabbar label:hover { border-color: #d4af37; color: #5a4a12; }<br /> .vis-tabbar label b { font-weight: 800; opacity: 0.75; }<br /> .vis-pane { display: none; }<br /> #visrot2:checked ~ .vis-pane.vis-pane2, #visrot1:checked ~ .vis-pane.vis-pane1 { display: block; }<br /> #visrot2:checked ~ .vis-tabbar label[for=&quot;visrot2&quot;], #visrot1:checked ~ .vis-tabbar label[for=&quot;visrot1&quot;] { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; border-color: #d4af37; box-shadow: 0 4px 14px rgba(212,175,55,0.35); }<br /> /* raridade nova da 2a rotacao (a 1a so tinha leg e rare) */<br /> .vis-card.epic { border-color: #9b6bd4; }<br /> .vis-rb.epic { background: #ece0f7; color: #6b3fa0; }<br /> /* card duplo: nos visuais que vem com efeito do cliente o efeito ocupa boa<br /> parte do quadro, e num card normal o personagem fica pequeno demais. A<br /> imagem tem 456 px de altura = 1,73x os 264 px do card, a mesma reducao do<br /> resto da pagina — ou seja sem perda de nitidez. */<br /> .vis-card.gg { width: 216px; }<br /> .vis-card.gg img { height: 264px; }<br /> .vis-legend.gg img { width: 200px; }<br /> @media (max-width: 850px) {<br /> .vis-card.gg { width: 176px; }<br /> .vis-card.gg img { height: 216px; }<br /> .vis-legend.gg img { width: 168px; }<br /> .vis-tabbar label { padding: 9px 16px; font-size: 12px; }<br /> }<br /> <br /> /* =========================================================<br /> TELEPORTADORA — página bespoke (escopo .tele-wrap)<br /> ========================================================= */<br /> .tele-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .tele-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .tele-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .tele-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .tele-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .tele-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .tele-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .tele-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .tele-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tele-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .tele-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .tele-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .tele-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .tele-h::before, .tele-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .tele-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .tele-wrap .tele-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 780px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .tele-wrap .tele-lead b { color: #a8861f; }<br /> .tele-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .tele-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; }<br /> .tele-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .tele-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .tele-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> .tele-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .tele-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .tele-tiers td { padding: 13px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; }<br /> .tele-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .tele-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .tele-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .tele-tiers .price { text-align: right; font-weight: 800; color: #a8861f; white-space: nowrap; }<br /> .tele-tiers .free { color: #2e7d32; }<br /> .tele-dest { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }<br /> .tele-destbox { border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 18px 18px 16px; background: linear-gradient(180deg, #fff, #fdf8e8); }<br /> .tele-destbox.vip { border-color: #d4af37; box-shadow: 0 6px 18px rgba(212,175,55,0.14); background: linear-gradient(180deg, #fffaef, #fdf3d4); }<br /> .tele-desthead { display: flex; align-items: center; justify-content: space-between; }<br /> .tele-desthead h4 { margin: 0; font-size: 17px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .tele-tag { font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; }<br /> .tele-tag.t-free { background: #d7f0d8; color: #2e7d32; }<br /> .tele-tag.t-vip { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .tele-destn { margin: 6px 0 12px; font-size: 12px; color: #6b5a2e; }<br /> .tele-chips { display: flex; flex-wrap: wrap; gap: 6px; }<br /> .tele-chips-center { justify-content: center; max-width: 880px; margin: 0 auto; }<br /> .tele-chip { padding: 4px 10px; border-radius: 999px; background: #fdf8e8; border: 1px solid rgba(212,175,55,0.3); font-size: 12px; color: #5a4a22; font-weight: 600; }<br /> .tele-destbox.vip .tele-chip { background: #fff; }<br /> .tele-chip.city { font-size: 13px; padding: 6px 13px; }<br /> .tele-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 22px auto; font-style: italic; max-width: 820px; background: rgba(212,175,55,0.08); border: 1px dashed #d4af37; border-radius: 10px; padding: 14px 20px; }<br /> .tele-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .tele-stats { grid-template-columns: repeat(2, 1fr); }<br /> .tele-steps { grid-template-columns: repeat(2, 1fr); }<br /> .tele-dest { grid-template-columns: 1fr; }<br /> .tele-hero h1 { font-size: 31px; }<br /> }<br /> /* =========================================================<br /> ESTILISTA — página bespoke (escopo .est-wrap)<br /> ========================================================= */<br /> .est-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .est-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .est-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .est-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .est-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .est-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .est-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .est-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .est-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .est-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .est-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .est-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .est-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .est-h::before, .est-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .est-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .est-wrap .est-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .est-wrap .est-lead b { color: #a8861f; }<br /> .est-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .est-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; }<br /> .est-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .est-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .est-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> .est-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }<br /> .est-card { width: 150px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 10px 8px 12px; text-align: center; display: flex; flex-direction: column; }<br /> .est-card.mounted { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .est-card img { height: 150px; width: auto; max-width: 100%; margin: 0 auto auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .est-mount { position: absolute; top: 8px; right: 8px; font-size: 9px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .est-cap { display: block; margin-top: 8px; font-size: 11px; font-weight: 600; color: #5a4a22; line-height: 1.3; }<br /> .est-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 24px auto 0; font-style: italic; max-width: 800px; }<br /> .est-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .est-stats { grid-template-columns: repeat(2, 1fr); }<br /> .est-steps { grid-template-columns: repeat(2, 1fr); }<br /> .est-hero h1 { font-size: 31px; }<br /> }<br /> /* =========================================================<br /> ITEM RECOLOR — página bespoke (escopo .ir-wrap)<br /> ========================================================= */<br /> .ir-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .ir-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .ir-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .ir-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .ir-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .ir-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .ir-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .ir-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .ir-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .ir-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .ir-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .ir-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 36px 0 4px; }<br /> .ir-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .ir-h::before, .ir-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .ir-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .ir-wrap .ir-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .ir-wrap .ir-lead b { color: #a8861f; }<br /> .ir-fam { text-align: center; font-size: 11.5px; color: #8a6c1e; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 12px; }<br /> .ir-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .ir-card { width: 116px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 8px 6px 9px; text-align: center; display: flex; flex-direction: column; }<br /> .ir-card.orig { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .ir-card img { height: 116px; width: auto; max-width: 100%; margin: 0 auto auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .ir-noimg { height: 116px; display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 26px; }<br /> .ir-orig { position: absolute; top: 7px; left: 50%; transform: translateX(-50%); font-size: 8.5px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .ir-cap { display: block; margin-top: 6px; font-size: 11px; font-weight: 600; color: #5a4a22; line-height: 1.25; }<br /> .ir-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 26px auto 0; font-style: italic; max-width: 800px; }<br /> .ir-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .ir-stats { grid-template-columns: repeat(2, 1fr); }<br /> .ir-hero h1 { font-size: 31px; }<br /> .ir-card { width: 96px; }<br /> .ir-card img { height: 96px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> AURAS — página bespoke (escopo .aurp-wrap)<br /> ========================================================= */<br /> .aurp-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .aurp-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .aurp-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .aurp-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .aurp-badge2 { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .aurp-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .aurp-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .aurp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .aurp-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .aurp-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .aurp-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .aurp-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 4px; }<br /> .aurp-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .aurp-h::before, .aurp-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .aurp-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .aurp-wrap .aurp-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 820px; margin-left: auto; margin-right: auto; margin-bottom: 10px; color: #2a2008; }<br /> .aurp-wrap .aurp-lead b { color: #a8861f; }<br /> .aurp-types { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; max-width: 880px; margin: 12px auto 4px; }<br /> .aurp-type { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 18px 14px; text-align: center; }<br /> .aurp-type .n { font-size: 26px; font-weight: 800; color: #a8861f; line-height: 1; }<br /> .aurp-type .t { font-weight: 800; margin-top: 6px; color: #3a2c0a; font-size: 15px; }<br /> .aurp-type .d { font-size: 12.5px; color: #6b5a2e; margin-top: 4px; line-height: 1.45; }<br /> .aurp-flex { max-width: 860px; margin: 24px auto 6px; border-radius: 14px; padding: 24px 28px; text-align: center; border: 1px solid rgba(212,175,55,0.45); background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.22), transparent 60%), linear-gradient(180deg, #241906, #0d0901); }<br /> .aurp-flex .ft { font-size: 19px; font-weight: 800; color: #f4d97a; margin-bottom: 8px; }<br /> .aurp-wrap .aurp-flex p { color: #e9dcc0; font-size: 14.5px; line-height: 1.65; margin: 0 auto; max-width: 720px; }<br /> .aurp-flex p b { color: #f4d97a; }<br /> .aurp-packs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 900px; margin: 12px auto 4px; }<br /> .aurp-pack { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 20px 18px; text-align: center; border-top: 4px solid #d4af37; }<br /> .aurp-pack .pn { font-size: 19px; font-weight: 800; margin-bottom: 6px; }<br /> .aurp-pack .pd { font-size: 13px; color: #5a4a22; line-height: 1.5; }<br /> .aurp-pack .pd b { color: #a8861f; }<br /> .aurp-prata { border-top-color: #9fb1c4; } .aurp-prata .pn { color: #6f7d8c; }<br /> .aurp-gold { border-top-color: #d4af37; } .aurp-gold .pn { color: #a8861f; }<br /> .aurp-diam { border-top-color: #5fc8d4; } .aurp-diam .pn { color: #2f9aa6; }<br /> .aurp-sub { text-align: center; font-size: 12px; color: #8a6c1e; text-transform: uppercase; letter-spacing: 1px; margin: 2px 0 14px; }<br /> .aurp-gal { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .aurp-card { position: relative; width: 152px; height: 170px; border-radius: 10px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 4px 14px rgba(0,0,0,0.12); background: #0d0901; }<br /> .aurp-card img { width: 100%; height: 100%; object-fit: cover; display: block; }<br /> .aurp-bdg { position: absolute; top: 7px; right: 7px; font-size: 9px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 8px; border-radius: 999px; color: #241906; }<br /> .aurp-tier-Prata .aurp-bdg { background: linear-gradient(135deg, #eef2f7, #9fb1c4); }<br /> .aurp-tier-Gold .aurp-bdg { background: linear-gradient(135deg, #f4d97a, #d4af37); }<br /> .aurp-tier-Diamante .aurp-bdg { background: linear-gradient(135deg, #c4f1f6, #5fc8d4); }<br /> .aurp-tier-Prata { border-color: rgba(159,177,196,0.6); }<br /> .aurp-tier-Diamante { border-color: rgba(95,200,212,0.55); }<br /> .aurp-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 26px auto 0; font-style: italic; max-width: 800px; }<br /> @media (max-width: 850px) {<br /> .aurp-stats { grid-template-columns: repeat(2, 1fr); }<br /> .aurp-types, .aurp-packs { grid-template-columns: 1fr; }<br /> .aurp-hero h1 { font-size: 31px; }<br /> .aurp-card { width: 120px; height: 138px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> PÁGINA PRINCIPAL — redesign bespoke (escopo .hm-wrap)<br /> ========================================================= */<br /> .hm-wrap { max-width: 1080px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .hm-hero { position: relative; text-align: center; padding: 56px 24px 48px; border-radius: 18px; overflow: hidden; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 50% -25%, rgba(244,217,122,0.30), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.14), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .hm-hero::before { content: &quot;✦&quot;; position: absolute; top: 18px; right: 26px; color: rgba(212,175,55,0.28); font-size: 30px; }<br /> .hm-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .hm-selo { display: inline-block; padding: 5px 17px; border: 1px solid rgba(212,175,55,0.55); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 2.4px; text-transform: uppercase; font-weight: 700; }<br /> .hm-wrap h1.hm-title { margin: 16px 0 8px; font-size: 62px; line-height: 1; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 1px; text-shadow: 0 3px 26px rgba(212,175,55,0.35); }<br /> .hm-tag { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 16px; line-height: 1.62; }<br /> .hm-tag i { color: #f4d97a; font-style: italic; }<br /> .hm-cta { display: flex; gap: 14px; justify-content: center; margin-top: 26px; flex-wrap: wrap; }<br /> .hm-wrap a.hm-btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 28px; border-radius: 11px; font-weight: 700; font-size: 15px; text-decoration: none; transition: transform .15s, box-shadow .15s; }<br /> .hm-wrap a.hm-btn-primary { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07; box-shadow: 0 8px 22px rgba(212,175,55,0.38); }<br /> .hm-wrap a.hm-btn-ghost { border: 1px solid rgba(212,175,55,0.6); color: #f4d97a; }<br /> .hm-wrap a.hm-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.45); }<br /> /* ---- Aviso de BETA (em evidência) ---- */<br /> .hm-beta { position: relative; overflow: hidden; margin: 22px auto 4px; max-width: 1000px; display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; padding: 24px 30px; border-radius: 16px; border: 1.5px solid rgba(244,217,122,0.65); background: radial-gradient(ellipse at 0% 0%, rgba(244,217,122,0.22), transparent 55%), linear-gradient(135deg, #3a2a08, #160f04); box-shadow: 0 0 0 1px rgba(244,217,122,0.12), 0 12px 34px rgba(0,0,0,0.35); }<br /> .hm-beta-l { display: flex; flex-direction: column; gap: 6px; min-width: 280px; flex: 1; }<br /> .hm-beta-badge { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; padding: 4px 13px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07; font-weight: 800; font-size: 12px; letter-spacing: 1.5px; }<br /> .hm-beta-dot { width: 9px; height: 9px; border-radius: 50%; background: #2a1d07; box-shadow: 0 0 0 0 rgba(42,29,7,0.6); animation: hmpulse 1.6s infinite; }<br /> @keyframes hmpulse { 0% { box-shadow: 0 0 0 0 rgba(42,29,7,0.55); } 70% { box-shadow: 0 0 0 7px rgba(42,29,7,0); } 100% { box-shadow: 0 0 0 0 rgba(42,29,7,0); } }<br /> .hm-beta-t { font-size: 21px; font-weight: 800; color: #f4d97a; line-height: 1.2; }<br /> .hm-wrap .hm-beta-s { color: #e9dcc0; font-size: 14px; line-height: 1.55; margin: 2px 0 0; max-width: 620px; }<br /> .hm-beta-s b { color: #f4d97a; }<br /> .hm-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 900px; margin: -30px auto 8px; position: relative; }<br /> .hm-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 11px; padding: 15px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .hm-stat b { display: block; font-size: 17px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .hm-stat span { display: block; margin-top: 3px; font-size: 10.5px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.6px; }<br /> .hm-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 42px 0 6px; }<br /> .hm-h span { font-size: 14px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .hm-h::before, .hm-h::after { content: &quot;&quot;; height: 1px; width: 90px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .hm-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .hm-sub { text-align: center; color: #8a6c1e; font-size: 13px; margin: 0 auto 16px; max-width: 640px; }<br /> /* Fix centralizacao: .mw-parser-output p (0,1,1) zera margin-left/right; 2 classes (0,2,0) vencem */<br /> .hm-wrap .hm-tag, .hm-wrap .hm-sub { margin-left: auto; margin-right: auto; }<br /> .hm-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin: 12px 0; }<br /> .hm-wrap a.hm-card { width: 152px; box-sizing: border-box; padding: 18px 12px 16px; border-radius: 14px; text-align: center; text-decoration: none; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); transition: transform .16s, box-shadow .16s, border-color .16s; display: flex; flex-direction: column; align-items: center; gap: 11px; color: #3a2c0a; }<br /> .hm-wrap a.hm-card:hover { transform: translateY(-5px); box-shadow: 0 12px 26px rgba(0,0,0,0.15); border-color: #d4af37; }<br /> .hm-card img { width: 74px; height: 74px; object-fit: contain; filter: drop-shadow(0 2px 5px rgba(0,0,0,0.22)); }<br /> .hm-card span { font-weight: 700; font-size: 14px; line-height: 1.25; }<br /> .hm-sys a.hm-card { width: 168px; }<br /> .hm-soon { max-width: 900px; margin: 16px auto 6px; padding: 24px 28px; border-radius: 14px; text-align: center; border: 1px dashed rgba(212,175,55,0.55); background: linear-gradient(180deg, rgba(244,217,122,0.07), rgba(244,217,122,0.02)); }<br /> .hm-soon-t { font-weight: 800; color: #a8861f; font-size: 15px; letter-spacing: 0.5px; }<br /> .hm-soon p { margin: 6px auto 0; color: #6b5a2e; font-size: 13.5px; line-height: 1.55; max-width: 600px; }<br /> .hm-soon p b { color: #a8861f; }<br /> .hm-banner { margin: 40px auto 8px; max-width: 1000px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding: 26px 32px; border-radius: 16px; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 0% 0%, rgba(244,217,122,0.18), transparent 55%), linear-gradient(135deg, #2a1d07, #0d0901); }<br /> .hm-banner-t { font-size: 21px; font-weight: 800; color: #f4d97a; }<br /> .hm-banner-s { color: #e9dcc0; font-size: 14px; margin-top: 4px; max-width: 560px; line-height: 1.5; }<br /> .hm-banner-tags { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }<br /> .hm-tag-pill { padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(212,175,55,0.5); color: #f4d97a; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; }<br /> @media (max-width: 860px) {<br /> .hm-wrap h1.hm-title { font-size: 42px; }<br /> .hm-stats { grid-template-columns: repeat(2, 1fr); }<br /> .hm-wrap a.hm-card, .hm-sys a.hm-card { width: 44%; }<br /> .hm-banner { flex-direction: column; text-align: center; }<br /> }<br /> <br /> /* =========================================================<br /> LOJA DE CASH — página bespoke (escopo .cash-wrap)<br /> ========================================================= */<br /> .cash-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .cash-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .cash-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cash-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .cash-badge { display: inline-block; margin: 14px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .cash-wrap h1 { margin: 6px 0 10px; font-size: 38px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .cash-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.6; }<br /> .cash-hero p b { color: #f4d97a; }<br /> .cash-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 34px 0 12px; }<br /> .cash-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .cash-h::before, .cash-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .cash-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .cash-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .cash-card { width: 136px; box-sizing: border-box; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 12px 8px 10px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 7px; transition: transform .14s, box-shadow .14s, border-color .14s; }<br /> .cash-card:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(0,0,0,0.13); border-color: #d4af37; }<br /> .cash-ic { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; }<br /> .cash-ic img { max-width: 56px; max-height: 56px; object-fit: contain; image-rendering: -webkit-optimize-contrast; }<br /> .cash-nm { font-size: 12px; font-weight: 600; color: #3a2c0a; line-height: 1.22; min-height: 29px; display: flex; align-items: center; }<br /> .cash-pr { font-size: 12.5px; font-weight: 800; color: #a8861f; background: rgba(212,175,55,0.12); border-radius: 6px; padding: 2px 8px; }<br /> .cash-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 28px auto 0; font-style: italic; max-width: 760px; }<br /> .cash-note b { color: #a8861f; }<br /> @media (max-width: 850px) { .cash-card { width: 30%; } .cash-hero h1 { font-size: 30px; } }<br /> /* ============================================================<br /> VIP — página bespoke (escopo .vip-wrap) — v3 (1 bloco escuro = hero)<br /> ============================================================ */<br /> .vip-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .vip-wrap *, .vip-wrap *::before, .vip-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .vip-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .vip-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vip-hero img.vip-ico { width: 104px; height: 104px; display:block; margin: 0 auto 8px; border-radius: 18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.40)); }<br /> .vip-badge { display:inline-block; margin: 4px 0; padding: 5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .vip-wrap h1 { margin: 8px 0 12px; font-size: 40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow: 0 2px 16px rgba(0,0,0,0.55); }<br /> .vip-hero p { max-width: 660px; margin: 0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .vip-hero p b { color:#f4d97a; }<br /> <br /> /* STAT STRIP (sobrepoe a base do hero) */<br /> .vip-stats { display:grid; grid-template-columns: repeat(4, 1fr); gap:12px; margin:-34px auto 6px; max-width:840px; position:relative; z-index:3; padding:0 10px; }<br /> .vip-stat { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .vip-stat b { display:block; font-size:26px; font-weight:800; color:#a8861f; line-height:1; }<br /> .vip-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .vip-h { display:flex; align-items:center; justify-content:center; gap:14px; margin: 44px 0 14px; }<br /> .vip-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .vip-h::before, .vip-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .vip-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .vip-wrap .vip-lead { text-align:center; font-size:15px; line-height:1.7; max-width:770px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .vip-lead b { color:#a8861f; }<br /> .vip-wrap .vip-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:720px; }<br /> <br /> /* STEPS — cards claros com círculo dourado (igual Curandeira) */<br /> .vip-steps { display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; }<br /> .vip-step { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:22px 16px 18px; text-align:center; transition:transform .16s, box-shadow .16s, border-color .16s; }<br /> .vip-step:hover { transform:translateY(-4px); box-shadow:0 10px 22px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vip-step .n { width:34px; height:34px; border-radius:50%; margin:0 auto 12px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(212,175,55,0.4); }<br /> .vip-step h4 { margin:0 0 7px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .vip-step p { margin:0; font-size:13px; color:#6b5a2e; line-height:1.5; }<br /> .vip-step a { color:#9a7a17; font-weight:700; border-bottom:1px dotted #d4af37; text-decoration:none; }<br /> .vip-step a:hover { color:#6e5410; }<br /> <br /> /* FEATURE — NPC em card claro (estilo Armeiro do Éden) */<br /> .vip-feature { display:flex; gap:24px; align-items:center; background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 26px; box-shadow:0 6px 18px rgba(0,0,0,0.06); margin-top:14px; }<br /> .vip-feature img { height:118px; image-rendering:pixelated; flex-shrink:0; filter: drop-shadow(0 7px 11px rgba(0,0,0,0.28)); }<br /> .vip-feature-txt { font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .vip-feature-txt h4 { margin:0 0 6px; font-size:16px; color:#9a7a17; font-weight:800; border:none; padding:0; }<br /> .vip-feature-txt p { margin:0; }<br /> .vip-feature-txt b { color:#a8861f; }<br /> <br /> /* COMPARISON TABLE */<br /> .vip-cmp { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .vip-cmp th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; padding:13px 16px; text-align:left; font-weight:700; }<br /> .vip-cmp th.c { text-align:center; }<br /> .vip-cmp td { padding:12px 16px; border-top:1px solid rgba(212,175,55,0.15); font-size:14px; vertical-align:middle; }<br /> .vip-cmp tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .vip-cmp tbody tr:hover td { background:#f6ecc6; }<br /> .vip-cmp .feat { font-weight:700; color:#1b1304; }<br /> .vip-cmp .base { color:#8a7340; text-align:center; }<br /> .vip-cmp th.vipc { background:linear-gradient(180deg,#4a360f,#2a1d07); color:#f7e9b8; text-align:center; border-left:1px solid rgba(212,175,55,0.35); }<br /> .vip-cmp td.vipc { text-align:center; font-weight:800; color:#7a5a10; background:rgba(212,175,55,0.16); border-left:1px solid rgba(212,175,55,0.3); }<br /> .vip-cmp tbody tr:nth-child(even) td.vipc { background:rgba(212,175,55,0.22); }<br /> .vip-cmp tbody tr:hover td.vipc { background:rgba(212,175,55,0.30); }<br /> <br /> /* COMMAND CARDS */<br /> .vip-cmds { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }<br /> .vip-cmd { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:9px; padding:14px 16px; transition:box-shadow .14s; }<br /> .vip-cmd:hover { box-shadow:0 8px 18px rgba(212,175,55,0.16); }<br /> .vip-cmd b { display:block; font-family:'Consolas','Courier New',monospace; font-size:15px; color:#a8861f; font-weight:800; }<br /> .vip-cmd small { display:block; color:#8a6c1e; font-size:11px; margin:2px 0 6px; }<br /> .vip-cmd span { display:block; font-size:12.5px; color:#4a3a14; line-height:1.45; }<br /> <br /> /* SHOP CATALOG */<br /> .vip-shop { border:1px solid rgba(212,175,55,0.3); border-radius:10px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .vip-shop-cat { padding:14px 18px; border-top:1px solid rgba(212,175,55,0.18); }<br /> .vip-shop-cat:first-child { border-top:none; }<br /> .vip-shop-cat:nth-child(even) { background:#fdf8e8; }<br /> .vip-shop-label { font-size:11px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin-bottom:10px; text-align:center; }<br /> .vip-shop-items { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }<br /> .vip-item { display:flex; align-items:center; gap:8px; background:#fff; border:1px solid rgba(212,175,55,0.28); border-radius:8px; padding:5px 12px 5px 7px; transition:transform .12s, box-shadow .12s, border-color .12s; }<br /> .vip-item:hover { transform:translateY(-2px); box-shadow:0 6px 14px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vip-item img { width:28px; height:28px; object-fit:contain; image-rendering:pixelated; }<br /> .vip-item span { font-size:12.5px; color:#3a2c0a; font-weight:600; white-space:nowrap; }<br /> <br /> /* NPCS */<br /> .vip-npcs { display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; }<br /> .vip-npc { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:14px 14px 16px; text-align:center; display:flex; flex-direction:column; align-items:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vip-npc:hover { transform:translateY(-3px); box-shadow:0 10px 22px rgba(0,0,0,0.12); border-color:#f4d97a; }<br /> .vip-npc-spr { height:118px; display:flex; align-items:flex-end; justify-content:center; margin-bottom:8px; }<br /> .vip-npc-spr img { max-height:118px; image-rendering:pixelated; }<br /> .vip-npc h3 { font-size:15px; color:#a8861f; margin:0 0 3px; border:none; padding:0; font-weight:800; }<br /> .vip-npc .vip-loc { font-size:12px; margin-bottom:8px; }<br /> .vip-npc p { font-size:12.5px; color:#4a3a14; line-height:1.45; margin:0; }<br /> <br /> /* SERVIÇOS COM VANTAGEM VIP (cards claros com ícone da página) */<br /> .vip-svc { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .vip-svc-card { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:20px 18px; text-align:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vip-svc-card:hover { transform:translateY(-3px); box-shadow:0 10px 22px rgba(0,0,0,0.1); border-color:#f4d97a; }<br /> .vip-svc-card img { width:64px; height:64px; object-fit:contain; border-radius:12px; margin:0 auto 10px; display:block; box-shadow:0 4px 10px rgba(0,0,0,0.14); }<br /> .vip-svc-card h3 { font-size:15px; margin:0 0 8px; border:none; padding:0; font-weight:800; }<br /> .vip-svc-card h3 a { color:#a8861f; text-decoration:none; }<br /> .vip-svc-card h3 a:hover { color:#6e5410; text-decoration:underline; }<br /> .vip-svc-card p { font-size:12.8px; color:#4a3a14; line-height:1.5; margin:0; }<br /> .vip-svc-card b { color:#a8861f; }<br /> <br /> /* NOTE */<br /> .vip-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:780px; }<br /> .vip-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .vip-stats { grid-template-columns: repeat(2, 1fr); }<br /> .vip-steps { grid-template-columns:1fr; }<br /> .vip-cmds { grid-template-columns:1fr; }<br /> .vip-npcs { grid-template-columns: repeat(2, 1fr); }<br /> .vip-svc { grid-template-columns:1fr; }<br /> .vip-feature { flex-direction:column; text-align:center; }<br /> .vip-cmp th, .vip-cmp td { padding:10px 9px; font-size:13px; }<br /> }<br /> <br /> /* ============================================================<br /> MVP REFORMULADO — página bespoke (escopo .mvp-wrap)<br /> ============================================================ */<br /> .mvp-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .mvp-wrap *, .mvp-wrap *::before, .mvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .mvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.24) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .mvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .mvp-hero img.mvp-ico { width:108px; height:108px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.40)); }<br /> .mvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .mvp-wrap h1 { margin:8px 0 12px; font-size:38px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .mvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .mvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .mvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:860px; position:relative; z-index:3; padding:0 10px; }<br /> .mvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .mvp-stat b { display:block; font-size:24px; font-weight:800; color:#a8861f; line-height:1; }<br /> .mvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .mvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .mvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .mvp-h::before,.mvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .mvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .mvp-wrap .mvp-lead { text-align:center; font-size:15px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .mvp-lead b { color:#a8861f; }<br /> .mvp-wrap .mvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> <br /> /* FEATURE CARDS (mecânicas) */<br /> .mvp-feats { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }<br /> .mvp-feat { flex:0 0 calc((100% - 14px)/2); max-width:calc((100% - 14px)/2); background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:18px 20px; transition:box-shadow .16s, transform .16s; }<br /> .mvp-feat:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .mvp-feat h4 { margin:0 0 7px; font-size:15.5px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .mvp-feat p { margin:0; font-size:13px; line-height:1.6; color:#5a4a22; }<br /> .mvp-feat b { color:#a8861f; }<br /> <br /> /* TABLE antes/depois */<br /> .mvp-table { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .mvp-table th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase; padding:11px 10px; text-align:left; font-weight:700; }<br /> .mvp-table th.c { text-align:center; }<br /> .mvp-table td { padding:9px 10px; border-top:1px solid rgba(212,175,55,0.14); font-size:13px; vertical-align:middle; }<br /> .mvp-table tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .mvp-table tbody tr:hover td { background:#f6ecc6; }<br /> .mvp-table .spr { width:64px; text-align:center; padding:4px 4px; }<br /> .mvp-table .spr img { max-width:56px; max-height:50px; object-fit:contain; image-rendering:pixelated; vertical-align:middle; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.22)); }<br /> .mvp-table .nm { font-weight:700; color:#1b1304; white-space:nowrap; }<br /> .mvp-table td.c { text-align:center; }<br /> .mvp-ba { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }<br /> .mvp-ba .b { color:#9b8a5e; text-decoration:line-through; text-decoration-color:rgba(155,138,94,0.55); font-size:11.5px; }<br /> .mvp-ba .ar { color:#d4af37; font-weight:800; font-size:12px; }<br /> .mvp-ba .a { color:#7a5a10; font-weight:800; }<br /> .mvp-eq { color:#7a5a10; font-weight:700; } /* valor inalterado */<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .mvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .mvp-feat { flex-basis:100%; max-width:100%; }<br /> .mvp-table .mvp-ba .b, .mvp-table .mvp-ba .ar { display:none; }<br /> .mvp-table th, .mvp-table td { padding:8px 6px; font-size:12px; }<br /> .mvp-wrap h1 { font-size:30px; }<br /> }<br /> <br /> /* ============================================================<br /> DROP MVP — página bespoke (escopo .dmvp-wrap)<br /> ============================================================ */<br /> .dmvp-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .dmvp-wrap *, .dmvp-wrap *::before, .dmvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .dmvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .dmvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .dmvp-hero img.dmvp-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .dmvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .dmvp-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .dmvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .dmvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .dmvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .dmvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .dmvp-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .dmvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .dmvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .dmvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .dmvp-h::before,.dmvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .dmvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .dmvp-wrap .dmvp-lead { text-align:center; font-size:15px; line-height:1.75; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .dmvp-lead b { color:#a8861f; }<br /> .dmvp-wrap .dmvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .dmvp-sub b { color:#a8861f; }<br /> <br /> /* 3 PILARES (cards claros, border-left dourado) */<br /> .dmvp-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .dmvp-pillar { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:18px 20px; transition:box-shadow .16s, transform .16s; }<br /> .dmvp-pillar:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .dmvp-pillar h4 { margin:0 0 8px; font-size:17px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .dmvp-pillar p { margin:0; font-size:12.8px; line-height:1.6; color:#5a4a22; }<br /> .dmvp-pillar b { color:#a8861f; }<br /> <br /> /* FÓRMULA DE PONTOS */<br /> .dmvp-formula { display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; gap:12px; }<br /> .dmvp-cat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:10px; padding:15px 16px 13px; text-align:center; min-width:160px; display:flex; flex-direction:column; justify-content:center; }<br /> .dmvp-cat b { display:block; font-size:15.5px; color:#1b1304; font-weight:800; }<br /> .dmvp-cat .d { display:block; font-size:11.5px; color:#6b5a2e; margin-top:2px; }<br /> .dmvp-cat .pt { display:inline-block; margin:9px auto 0; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:11.5px; padding:3px 12px; border-radius:999px; }<br /> .dmvp-arrow { display:flex; align-items:center; justify-content:center; font-size:26px; color:#d4af37; font-weight:800; }<br /> .dmvp-win { background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; box-shadow:0 8px 20px rgba(212,175,55,0.25); border-radius:10px; padding:15px 24px; text-align:center; display:flex; flex-direction:column; justify-content:center; min-width:180px; }<br /> .dmvp-win b { display:block; font-size:16px; color:#9a7a17; font-weight:800; }<br /> .dmvp-win span { display:block; font-size:11.5px; color:#6b5a2e; margin-top:3px; }<br /> <br /> /* TABELA EXEMPLO (lápide) — header escuro */<br /> .dmvp-tomb { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .dmvp-tomb caption { caption-side:top; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:#8a6c1e; padding:0 0 8px; font-weight:700; }<br /> .dmvp-tomb th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase; padding:11px 12px; text-align:left; font-weight:700; }<br /> .dmvp-tomb th.c { text-align:center; }<br /> .dmvp-tomb td { padding:11px 12px; border-top:1px solid rgba(212,175,55,0.14); font-size:13.5px; vertical-align:middle; }<br /> .dmvp-tomb td.c { text-align:center; }<br /> .dmvp-tomb tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .dmvp-tomb .grp { font-weight:700; color:#1b1304; }<br /> .dmvp-tomb .num { color:#5a4a22; text-align:right; white-space:nowrap; }<br /> .dmvp-tomb tr.win td { background:rgba(212,175,55,0.18) !important; }<br /> .dmvp-tomb tr.win .grp { color:#8a6310; }<br /> .dmvp-tomb .tag { display:inline-block; margin-left:8px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-size:10px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; padding:2px 9px; border-radius:999px; vertical-align:middle; }<br /> .dmvp-tomb .pts { text-align:center; font-weight:800; color:#a8861f; }<br /> <br /> /* NOTE */<br /> .dmvp-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .dmvp-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .dmvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .dmvp-pillars { grid-template-columns:1fr; }<br /> .dmvp-arrow { transform:rotate(90deg); }<br /> .dmvp-cat, .dmvp-win { width:100%; }<br /> .dmvp-tomb th, .dmvp-tomb td { padding:9px 7px; font-size:12px; }<br /> .dmvp-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> CAÇA MVP — página bespoke (escopo .cmvp-wrap)<br /> ============================================================ */<br /> .cmvp-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cmvp-wrap *, .cmvp-wrap *::before, .cmvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .cmvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cmvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cmvp-hero img.cmvp-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cmvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cmvp-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cmvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cmvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cmvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cmvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cmvp-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cmvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cmvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cmvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cmvp-h::before,.cmvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cmvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cmvp-wrap .cmvp-lead { text-align:center; font-size:15px; line-height:1.75; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cmvp-lead b { color:#a8861f; }<br /> .cmvp-wrap .cmvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .cmvp-sub b { color:#a8861f; }<br /> <br /> /* AVISOS (2 cards com selo + msg exemplo) */<br /> .cmvp-warns { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .cmvp-warn { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:18px 20px; }<br /> .cmvp-warn .selo { display:inline-block; font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:3px 11px; border-radius:999px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; }<br /> .cmvp-warn h4 { margin:11px 0 6px; font-size:16px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cmvp-warn p { margin:0 0 11px; font-size:13px; line-height:1.55; color:#5a4a22; }<br /> .cmvp-warn b { color:#a8861f; }<br /> .cmvp-msg { background:#fbf3df; border:1px dashed rgba(212,175,55,0.55); border-radius:8px; padding:9px 12px; font-size:11px; line-height:1.45; color:#c0392b; font-style:italic; white-space:nowrap; overflow-x:auto; }<br /> <br /> /* FERRAMENTAS (3 feature cards) */<br /> .cmvp-tools { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .cmvp-tool { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:20px; transition:box-shadow .16s, transform .16s; }<br /> .cmvp-tool:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .cmvp-tool h4 { margin:0 0 9px; font-size:16px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cmvp-tool .dot { display:inline-block; width:12px; height:12px; border-radius:50%; background:#ff3333; box-shadow:0 0 0 3px rgba(255,51,51,0.25); vertical-align:middle; margin-right:7px; }<br /> .cmvp-tool p { margin:0; font-size:12.8px; line-height:1.6; color:#5a4a22; }<br /> .cmvp-tool b { color:#a8861f; }<br /> <br /> /* NOTE */<br /> .cmvp-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .cmvp-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .cmvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .cmvp-warns { grid-template-columns:1fr; }<br /> .cmvp-tools { grid-template-columns:1fr; }<br /> .cmvp-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> VISUAIS OUTFIT — página bespoke (escopo .vo-wrap)<br /> ============================================================ */<br /> .vo-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .vo-wrap *, .vo-wrap *::before, .vo-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .vo-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .vo-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vo-hero img.vo-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .vo-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .vo-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .vo-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .vo-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .vo-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .vo-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .vo-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .vo-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .vo-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:46px 0 6px; }<br /> .vo-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .vo-h::before,.vo-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .vo-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .vo-wrap .vo-lead { text-align:center; font-size:14.5px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:14px; color:#2a2008; }<br /> .vo-lead b { color:#a8861f; }<br /> .vo-price { display:inline-block; margin:0 0 16px; padding:4px 14px; border-radius:999px; background:rgba(212,175,55,0.14); border:1px solid rgba(212,175,55,0.4); color:#8a6310; font-size:12px; font-weight:700; }<br /> <br /> /* GRID DE CLASSES (homem + mulher por classe) */<br /> .vo-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }<br /> .vo-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:9px 9px 11px; text-align:center; display:flex; flex-direction:column; align-items:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vo-card:hover { transform:translateY(-3px); box-shadow:0 9px 20px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vo-figs { display:flex; gap:4px; align-items:flex-end; justify-content:center; }<br /> .vo-fig { display:flex; flex-direction:column; align-items:center; }<br /> .vo-fig .spr { height:148px; width:98px; display:flex; align-items:flex-end; justify-content:center; }<br /> .vo-fig .spr img { max-height:148px; max-width:98px; image-rendering:auto; filter:drop-shadow(0 3px 5px rgba(0,0,0,0.22)); }<br /> .vo-fig i { font-style:normal; font-size:9px; text-transform:uppercase; letter-spacing:0.7px; color:#9a7a2a; margin-top:4px; font-weight:700; }<br /> .vo-card&gt;span { font-size:12px; font-weight:800; color:#3a2c0a; margin-top:8px; line-height:1.25; max-width:208px; }<br /> <br /> /* NOTE */<br /> .vo-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .vo-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px){<br /> .vo-stats { grid-template-columns:repeat(2,1fr); }<br /> .vo-wrap h1 { font-size:31px; }<br /> .vo-fig .spr { height:120px; width:80px; }<br /> .vo-fig .spr img { max-height:120px; max-width:80px; }<br /> }<br /> <br /> /* ============================================================<br /> CONVIDE E GANHE — página bespoke (escopo .cg-wrap)<br /> ============================================================ */<br /> .cg-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cg-wrap *, .cg-wrap *::before, .cg-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cg-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cg-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cg-hero img.cg-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cg-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cg-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cg-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cg-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cg-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:860px; position:relative; z-index:3; padding:0 10px; }<br /> .cg-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cg-stat b { display:block; font-size:23px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cg-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cg-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cg-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cg-h::before,.cg-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cg-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cg-wrap .cg-lead { text-align:center; font-size:15px; line-height:1.7; max-width:800px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cg-lead b { color:#a8861f; }<br /> .cg-wrap .cg-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .cg-sub b { color:#a8861f; }<br /> <br /> /* PIRÂMIDE (3 níveis, alarga pra baixo) */<br /> .cg-pyramid { display:flex; flex-direction:column; align-items:center; gap:8px; }<br /> .cg-tier { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 24px; border-radius:12px; color:#3a2a06; background:linear-gradient(135deg,#f7e6a6,#d4af37); border:1px solid #c9a430; box-shadow:0 6px 16px rgba(212,175,55,0.28); }<br /> .cg-tier.t1 { width:56%; } .cg-tier.t2 { width:76%; } .cg-tier.t3 { width:96%; }<br /> .cg-tier .lv { text-align:left; }<br /> .cg-tier .lv b { display:block; font-size:15px; font-weight:800; }<br /> .cg-tier .lv span { font-size:12px; color:#5a430a; }<br /> .cg-tier .pts { font-size:26px; font-weight:800; white-space:nowrap; }<br /> .cg-tier .pts small { font-size:12px; font-weight:700; }<br /> .cg-pynote { text-align:center; font-size:12.5px; color:#8a6c1e; margin-top:10px; font-style:italic; }<br /> <br /> /* STEPS */<br /> .cg-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }<br /> .cg-step { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:20px 15px 16px; text-align:center; transition:transform .16s, box-shadow .16s; }<br /> .cg-step:hover { transform:translateY(-4px); box-shadow:0 10px 22px rgba(212,175,55,0.18); }<br /> .cg-step .n { width:34px; height:34px; border-radius:50%; margin:0 auto 12px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(212,175,55,0.4); }<br /> .cg-step h4 { margin:0 0 7px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cg-step p { margin:0; font-size:12.5px; color:#6b5a2e; line-height:1.5; }<br /> .cg-step b { color:#a8861f; }<br /> <br /> /* PÓDIO de prêmios */<br /> .cg-podium { display:flex; align-items:flex-end; justify-content:center; gap:14px; }<br /> .cg-pod { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:10px 10px 0 0; padding:16px 18px; text-align:center; width:170px; }<br /> .cg-pod.first { border-top:3px solid #d4af37; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; box-shadow:0 10px 24px rgba(212,175,55,0.3); padding-bottom:34px; }<br /> .cg-pod.first { transform:translateY(-6px); }<br /> .cg-pod .place { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; }<br /> .cg-pod .prize { font-size:30px; font-weight:800; color:#a8861f; line-height:1.1; margin-top:4px; }<br /> .cg-pod.first .prize { font-size:38px; }<br /> .cg-pod .sub { font-size:11px; color:#7a6320; margin-top:3px; }<br /> <br /> /* COMANDOS */<br /> .cg-cmds { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }<br /> .cg-cmd { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:9px; padding:14px 16px; }<br /> .cg-cmd b { display:block; font-family:'Consolas','Courier New',monospace; font-size:14.5px; color:#a8861f; font-weight:800; }<br /> .cg-cmd span { display:block; font-size:12.5px; color:#4a3a14; line-height:1.45; margin-top:5px; }<br /> <br /> /* NOTE */<br /> .cg-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .cg-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px){<br /> .cg-stats { grid-template-columns:repeat(2,1fr); }<br /> .cg-steps { grid-template-columns:repeat(2,1fr); }<br /> .cg-cmds { grid-template-columns:1fr; }<br /> .cg-tier.t1,.cg-tier.t2,.cg-tier.t3 { width:100%; }<br /> .cg-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> PACOTE FUNDADOR — página bespoke (escopo .cf-wrap)<br /> ============================================================ */<br /> .cf-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cf-wrap *, .cf-wrap *::before, .cf-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cf-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cf-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cf-hero img.cf-ico { width:118px; height:118px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cf-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cf-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cf-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cf-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cf-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cf-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cf-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cf-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* EXCLUSIVIDADE callout */<br /> .cf-excl { max-width:880px; margin:26px auto 0; border:1px solid #c98b2e; border-left:5px solid #c0392b; border-radius:12px; background:linear-gradient(180deg,#fffaef,#fdf3d4); padding:16px 22px; box-shadow:0 6px 18px rgba(192,57,43,0.12); }<br /> .cf-excl .tag { display:inline-block; background:#c0392b; color:#fff; font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:3px 11px; border-radius:999px; margin-bottom:8px; }<br /> .cf-excl p { margin:0; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .cf-excl b { color:#a8330f; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cf-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:46px 0 16px; }<br /> .cf-h span { font-size:15px; font-weight:800; letter-spacing:2px; text-transform:uppercase; white-space:nowrap; }<br /> .cf-h::before,.cf-h::after { content:&quot;&quot;; height:1px; width:90px; flex-shrink:0; }<br /> .cf-wrap .cf-lead { text-align:center; font-size:15px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cf-lead b { color:#a8861f; }<br /> <br /> /* TIER section accents */<br /> .cf-tier { margin-top:12px; padding-bottom:6px; }<br /> .cf-tier.prata .cf-h span { color:#7d828a; } .cf-tier.prata .cf-h::before,.cf-tier.prata .cf-h::after { background:linear-gradient(90deg,transparent,#9aa0a6); }<br /> .cf-tier.ouro .cf-h span { color:#a8861f; } .cf-tier.ouro .cf-h::before,.cf-tier.ouro .cf-h::after { background:linear-gradient(90deg,transparent,#d4af37); }<br /> .cf-tier.diamante .cf-h span { color:#1f8fc7; } .cf-tier.diamante .cf-h::before,.cf-tier.diamante .cf-h::after { background:linear-gradient(90deg,transparent,#2aa6e0); }<br /> .cf-tier .cf-h::after { transform:scaleX(-1); }<br /> <br /> /* SHOWCASE row: pet | visual | set */<br /> .cf-show { display:grid; grid-template-columns: 215px 235px 1fr; gap:14px; align-items:stretch; }<br /> .cf-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:14px; }<br /> .cf-pet, .cf-visual { text-align:center; display:flex; flex-direction:column; }<br /> .cf-pet .spr, .cf-visual .spr { flex:1; min-height:210px; display:flex; align-items:flex-end; justify-content:center;<br /> background:radial-gradient(ellipse at 50% 88%, rgba(212,175,55,0.16), transparent 62%); border-radius:9px; padding:6px; }<br /> .cf-pet .spr img, .cf-visual .spr img { max-height:215px; max-width:100%; image-rendering:auto; filter:drop-shadow(0 5px 9px rgba(0,0,0,0.28)); }<br /> .cf-pet .pname, .cf-visual .vname { font-size:14px; font-weight:800; color:#1b1304; margin-top:9px; }<br /> .cf-pet .plabel, .cf-visual .vlabel { font-size:10.5px; color:#8a6c1e; text-transform:uppercase; letter-spacing:0.6px; margin-top:1px; }<br /> .cf-pet .exp { margin:9px auto 0; background:linear-gradient(135deg,#7bd88f,#2e9b46); color:#fff; font-weight:800; font-size:15px; padding:5px 16px; border-radius:999px; box-shadow:0 4px 10px rgba(46,155,70,0.3); }<br /> .cf-visual .vsub { font-size:11px; color:#8a6c1e; margin-top:6px; line-height:1.4; }<br /> .cf-set { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 18px; }<br /> .cf-set h4 { margin:0 0 4px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cf-set .note { font-size:11.5px; color:#8a6c1e; margin-bottom:11px; }<br /> .cf-set ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }<br /> .cf-set li { display:flex; align-items:center; gap:9px; padding:7px 10px; background:rgba(212,175,55,0.08); border:1px solid rgba(212,175,55,0.25); border-radius:8px; }<br /> .cf-set li img { width:34px; height:34px; object-fit:contain; image-rendering:pixelated; flex:0 0 auto; }<br /> .cf-set li .txt b { display:block; font-size:12.5px; color:#1b1304; line-height:1.2; }<br /> .cf-set li .txt span { font-size:10px; color:#8a6c1e; text-transform:uppercase; letter-spacing:0.5px; }<br /> <br /> /* ITEMS grid */<br /> .cf-itemshead { text-align:center; font-size:11.5px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin:18px 0 10px; }<br /> .cf-items { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }<br /> .cf-item { display:flex; align-items:center; gap:9px; background:#fff; border:1px solid rgba(212,175,55,0.28); border-radius:8px; padding:6px 13px 6px 7px; }<br /> .cf-item img { width:30px; height:30px; object-fit:contain; image-rendering:pixelated; }<br /> .cf-item .nm { font-size:12.5px; color:#3a2c0a; font-weight:600; }<br /> .cf-item .qt { font-size:12px; font-weight:800; color:#a8861f; }<br /> <br /> /* NOTE */<br /> .cf-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:840px; }<br /> .cf-note b { color:#a8330f; }<br /> /* PREÇO por tier (R$) */<br /> .cf-tier .cf-priceline { text-align:center; margin:-2px 0 14px; }<br /> .cf-price { display:inline-flex; align-items:baseline; gap:9px; padding:8px 26px; border-radius:999px; box-shadow:0 5px 16px rgba(0,0,0,0.16); border:1px solid rgba(255,255,255,0.32); }<br /> .cf-price b { font-size:24px; font-weight:800; line-height:1; }<br /> .cf-price i { font-style:normal; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }<br /> .cf-tier.prata .cf-price { background:linear-gradient(135deg,#c6cad0,#9298a0); } .cf-tier.prata .cf-price b,.cf-tier.prata .cf-price i { color:#2b2d31; }<br /> .cf-tier.ouro .cf-price { background:linear-gradient(135deg,#f4d97a,#c69a1d); box-shadow:0 6px 18px rgba(198,154,29,0.4); } .cf-tier.ouro .cf-price b,.cf-tier.ouro .cf-price i { color:#3a2a06; }<br /> .cf-tier.diamante .cf-price { background:linear-gradient(135deg,#b6e6ff,#3f97d6); box-shadow:0 7px 22px rgba(47,134,199,0.45); } .cf-tier.diamante .cf-price b,.cf-tier.diamante .cf-price i { color:#06243a; }<br /> <br /> @media (max-width:880px){<br /> .cf-stats { grid-template-columns:repeat(2,1fr); }<br /> .cf-show { grid-template-columns:1fr; }<br /> .cf-set ul { grid-template-columns:1fr 1fr; }<br /> .cf-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> RESSONÂNCIA — página bespoke (escopo .rs-wrap)<br /> ============================================================ */<br /> .rs-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rs-wrap *, .rs-wrap *::before, .rs-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .rs-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .rs-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rs-hero img.rs-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .rs-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rs-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rs-hero p { max-width:700px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rs-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .rs-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .rs-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rs-stat b { display:block; font-size:20px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .rs-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .rs-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .rs-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rs-h::before,.rs-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .rs-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .rs-wrap .rs-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .rs-lead b { color:#a8861f; }<br /> .rs-wrap .rs-note { text-align:center; font-size:12.5px; color:#8a6c1e; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .rs-note b { color:#a8861f; font-style:normal; }<br /> <br /> /* TIERS de raridade (visão geral) */<br /> .rs-tiers { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .rs-tier { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:14px 12px; text-align:center; border-top:3px solid #b9bcc2; }<br /> .rs-tier b { display:block; font-size:14px; font-weight:800; color:#2a2008; }<br /> .rs-tier i { display:block; font-style:normal; font-size:22px; font-weight:800; margin:3px 0 6px; }<br /> .rs-tier span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> .rs-tier.c { border-top-color:#9aa0a6; } .rs-tier.c i { color:#7d828a; }<br /> .rs-tier.i { border-top-color:#3fa14e; } .rs-tier.i i { color:#3fa14e; }<br /> .rs-tier.r { border-top-color:#2f86c7; } .rs-tier.r i { color:#2f86c7; }<br /> .rs-tier.l { border-top-color:#d4af37; background:linear-gradient(180deg,#fffaef,#fdf3d4); } .rs-tier.l i { color:#b9941f; }<br /> <br /> /* CATEGORIAS */<br /> .rs-cat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 16px 18px; margin-bottom:14px; box-shadow:0 4px 14px rgba(0,0,0,0.05); }<br /> .rs-cath { text-align:center; margin-bottom:12px; }<br /> .rs-cath h3 { margin:0; font-size:18px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .rs-cath p { margin:3px 0 0; font-size:12.5px; color:#8a6c1e; }<br /> .rs-groups { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; align-items:start; }<br /> .rs-grp { border:1px solid rgba(0,0,0,0.08); border-radius:9px; overflow:hidden; background:#fffdf8; }<br /> .rs-gh { display:flex; align-items:center; justify-content:space-between; padding:7px 11px; color:#fff; }<br /> .rs-gh b { font-size:12px; font-weight:800; letter-spacing:0.5px; text-transform:uppercase; }<br /> .rs-gh i { font-style:normal; font-size:12px; font-weight:800; opacity:0.95; }<br /> .rs-grp ul { list-style:none; margin:0; padding:8px 10px; display:flex; flex-direction:column; gap:5px; }<br /> .rs-grp li { font-size:11.5px; line-height:1.3; color:#3a2e12; padding-left:12px; position:relative; }<br /> .rs-grp li::before { content:&quot;&quot;; position:absolute; left:2px; top:6px; width:4px; height:4px; border-radius:50%; background:#c9a430; }<br /> .rs-grp.c .rs-gh { background:linear-gradient(135deg,#9aa0a6,#7d828a); }<br /> .rs-grp.i .rs-gh { background:linear-gradient(135deg,#48b35a,#2e8a3d); }<br /> .rs-grp.r .rs-gh { background:linear-gradient(135deg,#3f97d6,#2a6fae); }<br /> .rs-grp.l .rs-gh { background:linear-gradient(135deg,#e6c552,#c39a1d); }<br /> .rs-grp.l { border-color:rgba(212,175,55,0.6); box-shadow:0 4px 12px rgba(212,175,55,0.18); }<br /> .rs-grp.l li::before { background:#d4af37; }<br /> <br /> /* NPC Sintonizadora */<br /> .rs-npc { max-width:900px; margin:0 auto; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-left:5px solid #d4af37; border-radius:12px; padding:18px 22px; box-shadow:0 6px 18px rgba(212,175,55,0.15); }<br /> .rs-npc h3 { margin:0 0 6px; font-size:16px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .rs-npc p { margin:0 0 12px; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .rs-npc p b { color:#a8861f; }<br /> .rs-npcinfo { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }<br /> .rs-npcinfo li { background:rgba(255,255,255,0.6); border:1px solid rgba(212,175,55,0.3); border-radius:8px; padding:9px 12px; font-size:12.5px; color:#3a2e12; }<br /> .rs-npcinfo li b { display:block; color:#8a6310; font-size:11px; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:2px; }<br /> .rs-npcinfo li span:not(.navi-copy) { color:#6b5a2e; }<br /> <br /> /* FOOT */<br /> .rs-foot { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:840px; }<br /> <br /> @media (max-width:880px){<br /> .rs-stats { grid-template-columns:repeat(2,1fr); }<br /> .rs-tiers { grid-template-columns:repeat(2,1fr); }<br /> .rs-groups { grid-template-columns:repeat(2,1fr); }<br /> .rs-npcinfo { grid-template-columns:1fr; }<br /> .rs-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> NICKS COLORIDOS — página bespoke (escopo .cn-wrap)<br /> ============================================================ */<br /> @font-face { font-family:'SCDream'; src:url('/images/fonts/SCDream4.otf') format('opentype'); font-weight:400; font-display:swap; }<br /> @font-face { font-family:'SCDream'; src:url('/images/fonts/SCDream6.otf') format('opentype'); font-weight:700; font-display:swap; }<br /> .cn-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'SCDream','Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cn-wrap *, .cn-wrap *::before, .cn-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cn-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cn-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cn-hero img.cn-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cn-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cn-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cn-hero p { max-width:700px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cn-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cn-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cn-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cn-stat b { display:block; font-size:20px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cn-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cn-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cn-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cn-h::before,.cn-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cn-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cn-wrap .cn-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cn-lead b { color:#a8861f; }<br /> <br /> /* NPC card */<br /> .cn-npc { display:flex; gap:20px; align-items:center; max-width:900px; margin:0 auto; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:14px; padding:18px 22px; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .cn-npc .spr { flex:0 0 auto; width:150px; height:160px; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at 50% 80%, rgba(212,175,55,0.16), transparent 65%); border-radius:12px; }<br /> .cn-npc .spr img { max-height:150px; image-rendering:auto; filter:drop-shadow(0 5px 9px rgba(0,0,0,0.3)); }<br /> .cn-npc .txt { flex:1; }<br /> .cn-npc h3 { margin:0 0 4px; font-size:18px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .cn-npc .loc { margin:0 0 10px; }<br /> .cn-npc p { margin:0; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .cn-npc p b { color:#a8861f; }<br /> <br /> /* TIER blocks da paleta — banner com destaque crescente (Diamond = máximo) */<br /> .cn-tier { margin-top:18px; text-align:center; }<br /> .cn-tierhead { display:inline-flex; align-items:center; gap:12px; margin:24px auto 4px; padding:11px 30px; border-radius:14px; border:1px solid rgba(255,255,255,0.28); box-shadow:0 6px 18px rgba(0,0,0,0.16); }<br /> .cn-tierhead b { font-size:21px; font-weight:800; letter-spacing:1px; }<br /> .cn-tierhead i { font-style:normal; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; padding:4px 12px; border-radius:999px; background:rgba(255,255,255,0.25); }<br /> /* Prata */<br /> .cn-tier.prata .cn-tierhead { background:linear-gradient(135deg,#c6cad0,#8f949b); }<br /> .cn-tier.prata .cn-tierhead b { color:#2b2d31; } .cn-tier.prata .cn-tierhead i { color:#33363b; }<br /> /* Gold (mais destaque) */<br /> .cn-tier.gold .cn-tierhead { background:linear-gradient(135deg,#f6dd84,#c69a1d); padding:13px 38px; box-shadow:0 8px 22px rgba(198,154,29,0.42); }<br /> .cn-tier.gold .cn-tierhead b { color:#3a2a06; font-size:24px; } .cn-tier.gold .cn-tierhead i { color:#48340a; }<br /> /* Diamond (DESTAQUE MÁXIMO) */<br /> .cn-tier.diamond .cn-tierhead { background:linear-gradient(135deg,#b6e6ff,#3f97d6 52%,#1c6cad); padding:17px 50px; border:1px solid rgba(255,255,255,0.55); box-shadow:0 0 0 3px rgba(90,160,216,0.28), 0 12px 34px rgba(47,134,199,0.6); }<br /> .cn-tier.diamond .cn-tierhead b { color:#062539; font-size:29px; text-shadow:0 1px 0 rgba(255,255,255,0.45); } .cn-tier.diamond .cn-tierhead i { color:#08324f; background:rgba(255,255,255,0.42); }<br /> .cn-tier.diamond .cn-tierhead b::before { content:&quot;✦ &quot;; } .cn-tier.diamond .cn-tierhead b::after { content:&quot; ✦&quot;; }<br /> <br /> /* GRID de nicks (nameplate escuro = swatch). Flex centralizado: últimas linhas centram */<br /> .cn-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; }<br /> .cn-chip { width:152px; background:linear-gradient(180deg,#2e2e36,#1c1c22); border:1px solid rgba(0,0,0,0.35); border-radius:9px; padding:11px 8px 7px; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,0.18) inset, 0 2px 5px rgba(0,0,0,0.12); }<br /> .cn-name { display:block; font-size:16px; font-weight:800; line-height:1.1; }<br /> .cn-lbl { display:block; font-size:10px; color:#9a9088; margin-top:6px; letter-spacing:0.4px; text-transform:uppercase; }<br /> <br /> /* NOTE */<br /> .cn-note { text-align:center; font-size:13px; color:#8a6c1e; margin:26px auto 0; font-style:italic; max-width:840px; }<br /> .cn-note b { color:#a8861f; font-style:normal; }<br /> <br /> @media (max-width:880px){<br /> .cn-stats { grid-template-columns:repeat(2,1fr); }<br /> .cn-npc { flex-direction:column; text-align:center; }<br /> .cn-grid { grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); }<br /> .cn-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> REBALANCE — páginas bespoke (escopo .rb-wrap)<br /> ============================================================ */<br /> .rb-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rb-wrap *, .rb-wrap *::before, .rb-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .rb-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .rb-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rb-hero img.rb-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .rb-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rb-wrap h1 { margin:8px 0 12px; font-size:38px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rb-hero p { max-width:720px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rb-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .rb-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:-34px auto 6px; max-width:520px; position:relative; z-index:3; padding:0 10px; }<br /> .rb-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rb-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .rb-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .rb-wrap .rb-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin:18px auto 8px; color:#2a2008; }<br /> .rb-lead b { color:#a8861f; }<br /> .rb-wrap .rb-src { text-align:center; font-size:14px; line-height:1.6; color:#3a2e12; max-width:820px; margin:22px auto 8px; }<br /> .rb-src b { color:#a8861f; }<br /> .rb-example { text-align:center; margin:2px auto 6px; }<br /> .rb-example img { max-width:430px; width:92%; image-rendering:auto; border:1px solid rgba(212,175,55,0.45); border-radius:8px; padding:8px 14px; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,0.08); }<br /> .rb-beta { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:820px; margin:30px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:13px 22px; }<br /> .rb-beta b { color:#a8861f; }<br /> <br /> /* CLASS section */<br /> .rb-class { margin-top:30px; }<br /> .rb-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:30px 0 14px; }<br /> .rb-h span { font-size:18px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rb-h::before,.rb-h::after { content:&quot;&quot;; height:2px; width:70px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .rb-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> <br /> /* M+F num único box (lado a lado, como dois personagens juntos) */<br /> .rb-chars { display:flex; justify-content:center; margin-bottom:18px; }<br /> .rb-duo { display:inline-flex; gap:0; align-items:flex-end; border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 18px 14px;<br /> background:linear-gradient(180deg,#fff,#fdf8e8); box-shadow:0 5px 16px rgba(0,0,0,0.08);<br /> background-image:radial-gradient(ellipse at 50% 96%, rgba(212,175,55,0.18), transparent 58%), linear-gradient(180deg,#fff,#fdf8e8); }<br /> .rb-duo .spr { display:flex; align-items:flex-end; justify-content:center; }<br /> .rb-duo .spr img { height:150px; width:auto; max-width:none; image-rendering:auto; filter:drop-shadow(0 4px 7px rgba(0,0,0,0.28)); }<br /> .rb-duo .spr + .spr { margin-left:-26px; }<br /> .rb-duo.spaced { padding-left:34px; padding-right:34px; }<br /> .rb-duo.spaced .spr + .spr { margin-left:6px; }<br /> .rb-wrap .rb-noskill { text-align:center; font-size:13.5px; color:#8a6c1e; font-style:italic; max-width:600px; margin:8px auto 0; }<br /> <br /> /* skill cards */<br /> .rb-skills { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:12px; }<br /> .rb-skill { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:10px; padding:13px 16px 14px; flex:1 1 460px; max-width:524px; }<br /> .rb-skh { display:flex; align-items:center; gap:11px; margin-bottom:9px; }<br /> .rb-skic { width:42px; height:42px; flex:0 0 auto; image-rendering:pixelated; border-radius:7px; background:rgba(40,30,12,0.06); border:1px solid rgba(212,175,55,0.3); padding:3px; }<br /> .rb-skn b { display:block; font-size:15px; font-weight:800; color:#1b1304; line-height:1.15; }<br /> .rb-skn span { font-size:10.5px; text-transform:uppercase; letter-spacing:0.5px; color:#8a6c1e; font-weight:700; }<br /> .rb-chg { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }<br /> .rb-chg li { position:relative; padding-left:18px; font-size:13px; line-height:1.5; color:#3a2e12; }<br /> .rb-chg li::before { content:&quot;▸&quot;; position:absolute; left:2px; top:0; color:#c9a430; font-size:12px; }<br /> .rb-chg li b { color:#a8330f; }<br /> <br /> /* invocacoes de espirito (Espiritualista) */<br /> .rb-subh { text-align:center; font-size:13px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin:22px 0 12px; }<br /> .rb-sum-intro { max-width:860px; margin:0 auto 4px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:13px 18px; font-size:13.5px; line-height:1.6; color:#3a2e12; }<br /> .rb-sum-intro b { color:#a8330f; }<br /> .rb-sum-intro ul { list-style:none; margin:9px 0 0; padding:0; display:flex; flex-direction:column; gap:6px; }<br /> .rb-sum-intro li { position:relative; padding-left:18px; }<br /> .rb-sum-intro li::before { content:&quot;▸&quot;; position:absolute; left:2px; top:0; color:#c9a430; }<br /> .rb-summons { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:13px; margin-top:14px; }<br /> .rb-sum { display:flex; align-items:center; gap:13px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:10px; padding:11px 15px; flex:1 1 392px; max-width:440px; }<br /> .rb-sum-spr { flex:0 0 96px; display:flex; align-items:flex-end; justify-content:center; height:122px; background-image:radial-gradient(ellipse at 50% 92%, rgba(212,175,55,0.20), transparent 62%); }<br /> .rb-sum-spr img { height:120px; width:auto; max-width:none; image-rendering:auto; filter:drop-shadow(0 4px 6px rgba(0,0,0,0.30)); }<br /> .rb-sum-body { flex:1 1 auto; min-width:0; }<br /> .rb-sum-name { font-size:15px; font-weight:800; color:#1b1304; line-height:1.15; }<br /> .rb-sum-name span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.5px; color:#8a6c1e; font-weight:700; margin-top:2px; }<br /> .rb-sum-role { font-size:12.5px; color:#3a2e12; margin:7px 0 6px; line-height:1.45; }<br /> .rb-sum-role b { color:#a8330f; }<br /> .rb-sum-sk { font-size:11.5px; color:#6b5618; line-height:1.55; }<br /> .rb-sum-sk b { color:#8a6c1e; font-weight:700; }<br /> .rb-stats.s3 { grid-template-columns:repeat(3,1fr); max-width:720px; }<br /> .rb-spirits { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:10px; }<br /> .rb-spirit { display:flex; align-items:center; gap:10px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:3px solid #c9a430; border-radius:8px; padding:8px 13px; flex:1 1 286px; max-width:352px; }<br /> .rb-spirit img { width:36px; height:36px; flex:0 0 auto; image-rendering:pixelated; border-radius:6px; background:rgba(40,30,12,0.06); border:1px solid rgba(212,175,55,0.3); padding:2px; }<br /> .rb-spirit b { font-size:12.5px; font-weight:800; color:#1b1304; }<br /> .rb-spirit span { display:block; font-size:11.5px; color:#6b5618; margin-top:2px; line-height:1.4; }<br /> .rb-spirit span em { color:#a8330f; font-style:normal; font-weight:700; }<br /> .rb-sum-ic { width:25px; height:25px; vertical-align:-6px; margin-right:6px; image-rendering:pixelated; }<br /> <br /> .rb-foot { text-align:center; font-size:13px; color:#8a6c1e; margin:32px auto 0; font-style:italic; max-width:840px; }<br /> <br /> @media (max-width:780px){<br /> .rb-stats { grid-template-columns:repeat(3,1fr); }<br /> .rb-skills { grid-template-columns:1fr; }<br /> .rb-wrap h1 { font-size:29px; }<br /> }<br /> <br /> /* ===========================================================<br /> REBORN — Sistema de Elos — página bespoke (escopo .rbn-wrap)<br /> =========================================================== */<br /> .rbn-wrap { max-width: 1020px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rbn-wrap *, .rbn-wrap *::before, .rbn-wrap *::after { box-sizing: border-box; }<br /> <br /> .rbn-hero { position: relative; text-align: center; padding: 42px 22px 60px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.34), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.16), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .rbn-hero::before { content:&quot;\2726&quot;; position:absolute; top:16px; right:24px; color:rgba(212,175,55,0.30); font-size:28px; }<br /> .rbn-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rbn-hero img.rbn-ico { width:108px; height:108px; display:block; margin:0 auto 6px; border-radius:16px; filter: drop-shadow(0 8px 20px rgba(212,175,55,0.5)); }<br /> .rbn-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.6px; text-transform:uppercase; font-weight:600; }<br /> .rbn-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rbn-hero p { max-width:730px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rbn-hero p b { color:#f4d97a; }<br /> <br /> .rbn-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-38px auto 6px; max-width:780px; position:relative; z-index:3; padding:0 10px; }<br /> .rbn-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:8px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rbn-stat b { display:block; font-size:17px; font-weight:800; color:#a8861f; line-height:1.15; }<br /> .rbn-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .rbn-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:40px 0 8px; }<br /> .rbn-h span { font-size:15px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rbn-h::before, .rbn-h::after { content:&quot;&quot;; height:1px; width:120px; background:linear-gradient(90deg, transparent, #d4af37); flex-shrink:0; }<br /> .rbn-h::after { background:linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .rbn-wrap .rbn-lead { text-align:center; font-size:15px; line-height:1.7; max-width:830px; margin-left:auto; margin-right:auto; margin-top:14px; margin-bottom:8px; color:#2a2008; }<br /> .rbn-lead b { color:#a8861f; }<br /> .rbn-wrap .rbn-foot { text-align:center; font-size:12.5px; line-height:1.55; max-width:830px; margin:8px auto 4px; color:#6b5a2e; }<br /> <br /> .rbn-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0 4px; }<br /> .rbn-step { position:relative; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:11px; padding:30px 16px 16px; text-align:center; }<br /> .rbn-step-n { position:absolute; top:-15px; left:50%; transform:translateX(-50%); width:32px; height:32px; border-radius:50%; background:linear-gradient(180deg,#f4d97a,#d4af37); color:#3a2607; font-weight:800; font-size:15px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(0,0,0,0.2); }<br /> .rbn-step b { display:block; color:#8a6c1e; font-size:14px; margin-bottom:5px; }<br /> .rbn-step p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> <br /> .rbn-npc { display:flex; align-items:center; gap:26px; max-width:760px; margin:16px auto 6px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.32); border-left:4px solid #d4af37; border-radius:12px; padding:20px 28px; }<br /> .rbn-npc img { width:118px; height:auto; image-rendering:pixelated; flex-shrink:0; filter: drop-shadow(0 4px 10px rgba(0,0,0,0.22)); }<br /> .rbn-npc-body { text-align:left; }<br /> .rbn-npc-body h3 { margin:0 0 5px; font-size:20px; color:#a8861f; border:none; padding:0; }<br /> .rbn-npc-body p { margin:0 0 9px; font-size:13.5px; line-height:1.55; color:#4a3a14; }<br /> .rbn-npc-body p:last-child { margin-bottom:0; }<br /> <br /> .rbn-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; max-width:830px; margin:16px auto 6px; }<br /> .rbn-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:18px 22px; }<br /> .rbn-card h4 { margin:0 0 8px; color:#a8861f; font-size:16px; }<br /> .rbn-card p { margin:0; font-size:13.5px; line-height:1.6; color:#4a3a14; }<br /> .rbn-card p b { color:#a8861f; }<br /> <br /> .rbn-wrap table.rbn-table { width:100%; border-collapse:collapse; margin:16px auto 6px; font-size:13.5px; box-shadow:0 6px 18px rgba(0,0,0,0.08); border-radius:10px; overflow:hidden; }<br /> .rbn-table th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-weight:700; padding:11px 9px; text-align:center; font-size:12.5px; letter-spacing:0.3px; }<br /> .rbn-table td { padding:9px 9px; text-align:center; border-bottom:1px solid #efe4c4; color:#3a2e12; }<br /> .rbn-table td.rbn-elo { font-weight:700; color:#a8861f; text-align:left; white-space:nowrap; }<br /> .rbn-table td small { color:#8a7330; }<br /> .rbn-table tr:nth-child(even) td { background:#fdf8e8; }<br /> .rbn-table tr:hover td { background:#f6ecc6; }<br /> <br /> .rbn-note { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:840px; margin:28px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:14px 24px; }<br /> .rbn-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px) {<br /> .rbn-stats { grid-template-columns:repeat(2,1fr); }<br /> .rbn-steps { grid-template-columns:repeat(2,1fr); }<br /> .rbn-cards { grid-template-columns:1fr; }<br /> .rbn-npc { flex-direction:column; text-align:center; }<br /> .rbn-npc-body { text-align:center; }<br /> .rbn-wrap table.rbn-table { font-size:11.5px; }<br /> .rbn-table th, .rbn-table td { padding:7px 5px; }<br /> }<br /> <br /> /* ===========================================================<br /> ALMAS — Sistema de Almas — página bespoke (escopo .alm-wrap)<br /> =========================================================== */<br /> .alm-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .alm-wrap *, .alm-wrap *::before, .alm-wrap *::after { box-sizing: border-box; }<br /> <br /> .alm-hero { position: relative; text-align: center; padding: 42px 22px 60px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.34), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.16), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .alm-hero::before { content:&quot;\2726&quot;; position:absolute; top:16px; right:24px; color:rgba(212,175,55,0.30); font-size:28px; }<br /> .alm-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .alm-hero img.alm-ico { width:108px; height:108px; display:block; margin:0 auto 6px; border-radius:16px; filter: drop-shadow(0 8px 20px rgba(212,175,55,0.5)); }<br /> .alm-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.6px; text-transform:uppercase; font-weight:600; }<br /> .alm-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .alm-hero p { max-width:740px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .alm-hero p b { color:#f4d97a; }<br /> <br /> .alm-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-38px auto 6px; max-width:800px; position:relative; z-index:3; padding:0 10px; }<br /> .alm-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:8px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .alm-stat b { display:block; font-size:16px; font-weight:800; color:#a8861f; line-height:1.15; }<br /> .alm-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .alm-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:42px 0 8px; }<br /> .alm-h span { font-size:15px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .alm-h::before, .alm-h::after { content:&quot;&quot;; height:1px; width:120px; background:linear-gradient(90deg, transparent, #d4af37); flex-shrink:0; }<br /> .alm-h::after { background:linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .alm-wrap .alm-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-top:14px; margin-bottom:8px; color:#2a2008; }<br /> .alm-lead b { color:#a8861f; }<br /> <br /> /* raridades */<br /> .alm-rar { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; max-width:860px; margin:16px auto 6px; }<br /> .alm-rar-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:12px; padding:16px 16px 18px; text-align:center; }<br /> .alm-rar-card img { width:150px; height:150px; object-fit:contain; border-radius:10px; display:block; margin:0 auto 10px; box-shadow:0 4px 14px rgba(0,0,0,0.28); }<br /> .alm-rar-name { font-weight:800; font-size:15px; margin-bottom:6px; letter-spacing:0.3px; }<br /> .alm-rar-card p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> .alm-rar-blue { border-top-color:#3f8fe0; }<br /> .alm-rar-blue .alm-rar-name { color:#2f73c2; }<br /> .alm-rar-purple { border-top-color:#9a5cd6; }<br /> .alm-rar-purple .alm-rar-name { color:#7e3fc0; }<br /> .alm-rar-red { border-top-color:#df5236; }<br /> .alm-rar-red .alm-rar-name { color:#c23a22; }<br /> <br /> /* passos */<br /> .alm-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0 4px; }<br /> .alm-step { position:relative; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:11px; padding:30px 16px 16px; text-align:center; }<br /> .alm-step-n { position:absolute; top:-15px; left:50%; transform:translateX(-50%); width:32px; height:32px; border-radius:50%; background:linear-gradient(180deg,#f4d97a,#d4af37); color:#3a2607; font-weight:800; font-size:15px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(0,0,0,0.2); }<br /> .alm-step b { display:block; color:#8a6c1e; font-size:14px; margin-bottom:5px; }<br /> .alm-step p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> <br /> /* NPC */<br /> .alm-npc { max-width:680px; margin:14px auto 6px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.32); border-left:4px solid #d4af37; border-radius:12px; padding:18px 26px; }<br /> .alm-npc-body h3 { margin:0 0 6px; font-size:20px; color:#a8861f; border:none; padding:0; }<br /> .alm-npc-body p { margin:0 0 9px; font-size:13.5px; line-height:1.55; color:#4a3a14; }<br /> .alm-npc-body p:last-child { margin-bottom:0; }<br /> <br /> /* cards de regras */<br /> .alm-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:900px; margin:16px auto 6px; }<br /> .alm-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:16px 18px; text-align:center; }<br /> .alm-card h4 { margin:0 0 8px; color:#a8861f; font-size:15px; }<br /> .alm-card p { margin:0; font-size:13px; line-height:1.55; color:#4a3a14; }<br /> .alm-card p b { color:#a8861f; }<br /> <br /> /* galeria de almas — lista compacta com a miniatura do item (inventário) */<br /> .alm-list { max-width:840px; margin:14px auto 6px; display:flex; flex-direction:column; gap:7px; }<br /> .alm-row { display:flex; align-items:center; gap:12px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-radius:9px; padding:7px 14px; transition:border-color .14s, background .14s; }<br /> .alm-row:hover { border-color:#d4af37; background:#fbf3da; }<br /> .alm-slot { width:38px; height:38px; flex-shrink:0; border-radius:7px; background:radial-gradient(circle at 50% 36%, #2c2647, #14101f); border:1px solid rgba(212,175,55,0.4); box-shadow:inset 0 1px 4px rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; }<br /> .alm-slot img { width:28px; height:28px; }<br /> .alm-row-txt { font-size:12.5px; line-height:1.45; color:#4a3a14; text-align:left; }<br /> .alm-row-n { font-weight:800; color:#a8861f; }<br /> <br /> .alm-note { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:840px; margin:28px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:14px 24px; }<br /> .alm-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px) {<br /> .alm-stats { grid-template-columns:repeat(2,1fr); }<br /> .alm-rar { grid-template-columns:1fr; max-width:340px; }<br /> .alm-steps { grid-template-columns:repeat(2,1fr); }<br /> .alm-cards { grid-template-columns:1fr; max-width:380px; }<br /> }<br /> <br /> /* ===========================================================<br /> REBORN — tabela detalhada dos 10 elos (ícones oficiais)<br /> =========================================================== */<br /> .rbn-elotable-wrap { overflow-x:auto; margin:14px 0 6px; -webkit-overflow-scrolling:touch; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.08); border:1px solid rgba(212,175,55,0.25); }<br /> .rbn-wrap table.rbn-elotable { border-collapse:collapse; margin:0; width:100%; min-width:940px; font-size:12px; }<br /> .rbn-elotable th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; padding:8px 6px 7px; text-align:center; font-weight:700; font-size:11px; vertical-align:bottom; }<br /> .rbn-elotable th img.rbn-elo-ico { width:46px; height:46px; display:block; margin:0 auto 4px; filter:drop-shadow(0 2px 5px rgba(0,0,0,0.55)); }<br /> .rbn-elotable th span { display:block; white-space:nowrap; font-size:12.5px; font-weight:800; color:#f7e9b8; margin-top:2px; }<br /> .rbn-elotable td { padding:6px 9px; text-align:center; border-bottom:1px solid #efe4c4; color:#3a2e12; white-space:nowrap; }<br /> .rbn-elotable td.rbn-stat, .rbn-elotable th.rbn-stat { text-align:left; font-weight:700; position:sticky; left:0; z-index:2; }<br /> .rbn-elotable td.rbn-stat { color:#8a6c1e; background:#fbf3da; }<br /> .rbn-elotable th.rbn-stat { color:#f4d97a; background:#1c1305; text-align:center; vertical-align:middle; white-space:normal; line-height:1.25; font-size:12px; }<br /> .rbn-elotable tr:nth-child(even) td { background:#fdf8e8; }<br /> .rbn-elotable tr:nth-child(even) td.rbn-stat { background:#f4ead0; }<br /> .rbn-elotable tr:hover td { background:#f6ecc6; }<br /> .rbn-elotable tr:hover td.rbn-stat { background:#efe2bf; }<br /> .rbn-elotable td.rbn-na { color:#c9bd97; }<br /> <br /> /* =============================================================<br /> RMT — Mercado RMT (escopo .rmt-wrap)<br /> ============================================================= */<br /> .rmt-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .rmt-wrap *, .rmt-wrap *::before, .rmt-wrap *::after { box-sizing: border-box; }<br /> <br /> .rmt-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .rmt-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rmt-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .rmt-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .rmt-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .rmt-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .rmt-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .rmt-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .rmt-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .rmt-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .rmt-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .rmt-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .rmt-h::before, .rmt-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .rmt-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .rmt-wrap .rmt-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 6px; color: #2a2008; }<br /> .rmt-wrap .rmt-lead b { color: #a8861f; }<br /> <br /> .rmt-access { max-width: 640px; margin: 10px auto 0; text-align: center; background: linear-gradient(180deg, #241906, #0d0901); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 16px 20px; color: #e9dcc0; font-size: 14.5px; line-height: 1.7; }<br /> .rmt-access b { color: #f4d97a; }<br /> .rmt-access .cmd { display: inline-block; margin: 2px 2px; padding: 3px 10px; border: 1px solid rgba(212,175,55,0.5); border-radius: 8px; color: #f4d97a; font-family: monospace; font-size: 14px; }<br /> <br /> /* clicável: copia comando/coord ao clicar */<br /> .rmt-copy { cursor: pointer; display: inline-block; padding: 1px 9px; margin: 0 1px; border-radius: 6px; background: rgba(212,175,55,0.16); border: 1px solid rgba(212,175,55,0.45); color: #8a6c1e; font-family: monospace; font-weight: 700; font-size: 0.95em; line-height: 1.55; white-space: nowrap; transition: background .12s, transform .05s; }<br /> .rmt-copy:hover { background: rgba(212,175,55,0.30); }<br /> .rmt-copy:active { transform: translateY(1px); }<br /> .rmt-copy::after { content: &quot;\29C9&quot;; margin-left: 6px; opacity: 0.55; font-family: sans-serif; }<br /> .rmt-access .rmt-copy { background: rgba(244,217,122,0.12); border-color: rgba(212,175,55,0.55); color: #f4d97a; font-size: 14px; }<br /> .rmt-access .rmt-copy:hover { background: rgba(244,217,122,0.24); }<br /> <br /> /* link estilizado (Discord etc.) */<br /> .rmt-link { color: #a8861f; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(212,175,55,0.5); text-underline-offset: 2px; }<br /> .rmt-link:hover { color: #8a6c1e; }<br /> .rmt-access .rmt-link { color: #f4d97a; text-decoration-color: rgba(244,217,122,0.55); }<br /> <br /> .rmt-steps { display: flex; flex-direction: column; gap: 12px; max-width: 820px; margin: 6px auto 0; }<br /> .rmt-step { display: flex; gap: 14px; align-items: flex-start; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-left: 4px solid #d4af37; border-radius: 10px; padding: 14px 16px; }<br /> .rmt-step .n { flex: 0 0 34px; height: 34px; width: 34px; border-radius: 50%; background: #d4af37; color: #241906; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0,0,0,0.15); }<br /> .rmt-step .t { font-size: 14px; line-height: 1.55; color: #3a2e12; align-self: center; }<br /> .rmt-step .t b { color: #a8330f; }<br /> <br /> .rmt-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; max-width: 860px; margin: 6px auto 0; align-items: stretch; }<br /> .rmt-col { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 18px; }<br /> .rmt-col h3 { margin: 0 0 12px; font-size: 15px; color: #a8861f; font-weight: 800; border: none; padding: 0; text-align: center; }<br /> .rmt-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }<br /> .rmt-col li { position: relative; padding-left: 22px; font-size: 13.5px; line-height: 1.5; color: #3a2e12; }<br /> .rmt-col li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> <br /> .rmt-fee { max-width: 520px; margin: 8px auto 0; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 10px 22px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .rmt-fee .row { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; font-size: 14.5px; color: #3a2e12; border-bottom: 1px dashed rgba(212,175,55,0.4); }<br /> .rmt-fee .row:last-child { border-bottom: none; }<br /> .rmt-fee .big { color: #a8330f; font-weight: 800; font-size: 16px; }<br /> .rmt-fee .net { color: #3a9c3a; font-weight: 800; font-size: 16px; }<br /> <br /> .rmt-safe { max-width: 820px; margin: 6px auto 0; background: linear-gradient(180deg, #f4fbf0, #eef7e6); border: 1px solid rgba(58,156,58,0.3); border-left: 4px solid #3a9c3a; border-radius: 10px; padding: 16px 20px; }<br /> .rmt-safe ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .rmt-safe li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.55; color: #2f3a1f; }<br /> .rmt-safe li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 1px; color: #3a9c3a; font-size: 12px; }<br /> .rmt-safe li b { color: #2e7d32; }<br /> <br /> .rmt-rules { max-width: 820px; margin: 6px auto 0; background: linear-gradient(180deg, #fff7f3, #fdeee7); border: 1px solid rgba(192,57,43,0.3); border-left: 4px solid #c0392b; border-radius: 10px; padding: 16px 20px; }<br /> .rmt-rules ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .rmt-rules li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.55; color: #3a2e12; }<br /> .rmt-rules li::before { content: &quot;\26A0&quot;; position: absolute; left: 2px; top: 0; color: #c0392b; font-size: 13px; }<br /> .rmt-rules li b { color: #a8330f; }<br /> <br /> .rmt-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 860px; margin: 6px auto 0; }<br /> .rmt-chip { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 999px; padding: 8px 16px; font-size: 13px; color: #3a2e12; }<br /> .rmt-chip b { color: #a8861f; }<br /> <br /> .rmt-cta { text-align: center; margin: 34px auto 8px; }<br /> .rmt-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .rmt-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .rmt-stats { grid-template-columns: repeat(2, 1fr); }<br /> .rmt-cols { grid-template-columns: 1fr; }<br /> .rmt-hero h1 { font-size: 31px; }<br /> .rmt-h::before, .rmt-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> CORRIDA 99 — Corrida ao 99 (escopo .c99-wrap)<br /> ============================================================= */<br /> .c99-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .c99-wrap *, .c99-wrap *::before, .c99-wrap *::after { box-sizing: border-box; }<br /> <br /> .c99-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .c99-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .c99-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .c99-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .c99-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .c99-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .c99-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .c99-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .c99-stat b { display: block; font-size: 18px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .c99-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .c99-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .c99-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .c99-h::before, .c99-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .c99-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .c99-wrap .c99-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .c99-wrap .c99-lead b { color: #a8861f; }<br /> <br /> .c99-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; max-width: 880px; margin: 10px auto 0; align-items: stretch; }<br /> .c99-col { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 18px; }<br /> .c99-col h3 { margin: 0 0 12px; font-size: 15px; font-weight: 800; border: none; padding: 0; text-align: center; }<br /> .c99-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .c99-col li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.5; color: #3a2e12; }<br /> .c99-bad { border-top-color: #c0392b; }<br /> .c99-bad h3 { color: #c0392b; }<br /> .c99-bad li::before { content: &quot;\2716&quot;; position: absolute; left: 2px; top: 0; color: #c0392b; font-size: 12px; }<br /> .c99-bad li b { color: #a8330f; }<br /> .c99-good { border-top-color: #3a9c3a; }<br /> .c99-good h3 { color: #2e7d32; }<br /> .c99-good li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> .c99-good li b { color: #2e7d32; }<br /> <br /> .c99-relics { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; max-width: 960px; margin: 8px auto 0; }<br /> .c99-relic { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 10px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .c99-relic img { display: block; width: 420px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .c99-cta { text-align: center; margin: 34px auto 8px; }<br /> .c99-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .c99-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .c99-stats { grid-template-columns: repeat(2, 1fr); }<br /> .c99-cols { grid-template-columns: 1fr; }<br /> .c99-hero h1 { font-size: 31px; }<br /> .c99-h::before, .c99-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> GUERRA DO EMPERIUM — WoE (escopo .woe-wrap)<br /> ============================================================= */<br /> .woe-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .woe-wrap *, .woe-wrap *::before, .woe-wrap *::after { box-sizing: border-box; }<br /> <br /> .woe-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .woe-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .woe-hero img { width: 116px; height: 116px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: contain; }<br /> .woe-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .woe-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .woe-hero p { max-width: 700px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .woe-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .woe-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-stat b { display: block; font-size: 19px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .woe-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .woe-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .woe-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .woe-h::before, .woe-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .woe-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .woe-wrap .woe-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .woe-wrap .woe-lead b { color: #a8861f; }<br /> <br /> .woe-sched { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 620px; margin: 6px auto 0; }<br /> .woe-day { flex: 1 1 240px; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px; text-align: center; }<br /> .woe-day b { display: block; font-size: 16px; color: #a8861f; text-transform: uppercase; letter-spacing: 1px; }<br /> .woe-day span { display: block; margin-top: 4px; font-size: 24px; font-weight: 800; color: #3a2e12; }<br /> <br /> .woe-table { width: 100%; max-width: 560px; margin: 6px auto 0; border-collapse: collapse; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-table th { background: #241906; color: #f4d97a; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; padding: 12px 18px; text-align: left; }<br /> .woe-table th.r { text-align: right; }<br /> .woe-table td { padding: 12px 18px; font-size: 14.5px; color: #3a2e12; border-top: 1px solid rgba(212,175,55,0.25); }<br /> .woe-table td.r { text-align: right; font-weight: 800; color: #a8861f; }<br /> .woe-table .nm { font-weight: 700; }<br /> .woe-table tr.woe-king td { background: rgba(212,175,55,0.12); }<br /> <br /> .woe-relics { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 1000px; margin: 8px auto 0; }<br /> .woe-relic { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 9px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-relic img { display: block; width: 290px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .woe-cta { text-align: center; margin: 34px auto 8px; }<br /> .woe-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .woe-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .woe-stats { grid-template-columns: repeat(2, 1fr); }<br /> .woe-hero h1 { font-size: 31px; }<br /> .woe-h::before, .woe-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> TRAGA SUA GUILD — pacotes fundador de guild (escopo .tg-wrap)<br /> ============================================================= */<br /> .tg-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .tg-wrap *, .tg-wrap *::before, .tg-wrap *::after { box-sizing: border-box; }<br /> <br /> .tg-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .tg-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .tg-hero img { width: 110px; height: 110px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .tg-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .tg-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .tg-hero p { max-width: 700px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .tg-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .tg-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-stat b { display: block; font-size: 18px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .tg-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .tg-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .tg-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .tg-h::before, .tg-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .tg-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .tg-wrap .tg-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .tg-wrap .tg-lead b { color: #a8861f; }<br /> .tg-wrap .tg-lead a { color: #a8861f; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(212,175,55,0.5); }<br /> <br /> .tg-tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 960px; margin: 8px auto 0; align-items: stretch; }<br /> .tg-tier { display: flex; flex-direction: column; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 4px solid #d4af37; border-radius: 12px; padding: 18px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-tierimg { width: auto; max-width: 100%; height: 168px; object-fit: contain; margin: 0 auto 8px; filter: drop-shadow(0 3px 10px rgba(0,0,0,0.28)); }<br /> .tg-tname { font-size: 16px; font-weight: 800; color: #a8861f; }<br /> .tg-qty { font-size: 13px; color: #3a2e12; margin-top: 5px; font-weight: 700; }<br /> .tg-price { margin: 10px 0 2px; font-size: 15px; color: #3a2e12; }<br /> .tg-price s { color: #b07a6a; margin-right: 7px; }<br /> .tg-price b { font-size: 23px; color: #a8330f; }<br /> .tg-save { display: inline-block; margin: 6px auto 0; font-size: 12px; font-weight: 800; color: #2e7d32; background: rgba(58,156,58,0.12); border: 1px solid rgba(58,156,58,0.3); border-radius: 999px; padding: 2px 12px; }<br /> .tg-perks { list-style: none; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px dashed rgba(212,175,55,0.4); display: flex; flex-direction: column; gap: 9px; text-align: left; }<br /> .tg-perks li { position: relative; padding-left: 24px; font-size: 13px; line-height: 1.45; color: #3a2e12; }<br /> .tg-perks li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> .tg-perks li b { color: #a8861f; }<br /> .tg-perks li.star::before { content: &quot;\2605&quot;; color: #d4af37; }<br /> .tg-prata { border-top-color: #9fa3ad; }<br /> .tg-prata .tg-tname { color: #7d818c; }<br /> .tg-ouro { border-top-color: #d4af37; }<br /> .tg-diamante { border-top-color: #56c5dc; }<br /> .tg-diamante .tg-tname { color: #2092a8; }<br /> <br /> .tg-banners { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 1000px; margin: 8px auto 0; }<br /> .tg-banner { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 9px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-banner img { display: block; width: 290px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .tg-gpmain { display: block; max-width: 560px; width: 100%; height: auto; margin: 6px auto 16px; border-radius: 12px; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 8px 22px rgba(0,0,0,0.12); }<br /> .tg-gpgrid { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 16px; max-width: 760px; margin: 0 auto; }<br /> .tg-gpcard { flex: 1 1 300px; max-width: 360px; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 16px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); display: flex; flex-direction: column; align-items: center; justify-content: center; }<br /> .tg-gpcard .cap { font-size: 13px; color: #6b5a2e; font-weight: 700; margin-top: 6px; }<br /> .tg-gpcard .sub { font-size: 12px; color: #8a7a4e; margin-top: 2px; }<br /> .tg-gpcard img.npc { width: 268px; max-width: 100%; height: auto; border-radius: 6px; image-rendering: auto; }<br /> .tg-gpcard img.sign { width: 110px; height: auto; image-rendering: pixelated; }<br /> <br /> .tg-gpwide { display: block; max-width: 820px; width: 100%; height: auto; margin: 16px auto 6px; border-radius: 12px; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 8px 22px rgba(0,0,0,0.12); }<br /> .tg-wrap .tg-cap { text-align: center; font-size: 13px; color: #6b5a2e; font-weight: 700; margin: 0 auto 4px; }<br /> .tg-placa { display: flex; flex-direction: column; align-items: center; gap: 7px; margin: 20px auto 0; }<br /> .tg-placa img { width: 184px; height: auto; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; image-rendering: pixelated; filter: drop-shadow(0 3px 8px rgba(0,0,0,0.2)); }<br /> <br /> .tg-cta { text-align: center; margin: 34px auto 8px; }<br /> .tg-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .tg-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 760px) {<br /> .tg-stats { grid-template-columns: repeat(2, 1fr); }<br /> .tg-tiers { grid-template-columns: 1fr; }<br /> .tg-hero h1 { font-size: 31px; }<br /> .tg-h::before, .tg-h::after { width: 40px; }<br /> }/* ===================== Facção (fac-*) — 2026-06-09 ===================== */<br /> .fac-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .fac-hero{position:relative;text-align:center;padding:40px 24px 34px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 62%),linear-gradient(180deg,#241906,#0d0901)}<br /> .fac-hero img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55))}<br /> .fac-hero h1{margin:8px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .fac-hero p{max-width:720px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .fac-badge{display:inline-block;margin:16px 0 4px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .fac-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-34px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .fac-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-stat b{display:block;font-size:18px;color:#a8861f;font-weight:800;line-height:1.15}<br /> .fac-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .fac-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:40px 0 16px}<br /> .fac-h::before,.fac-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .fac-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .fac-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap}<br /> .fac-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .fac-wrap .fac-lead{margin-left:auto;margin-right:auto}<br /> /* cards das 3 faccoes */<br /> .fac-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px auto 0;max-width:900px}<br /> .fac-card{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:12px;padding:22px 16px 18px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-card img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.28))}<br /> .fac-card .nm{display:block;margin:12px 0 4px;font-size:19px;font-weight:800;letter-spacing:.3px}<br /> .fac-card .vs{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .fac-card.aether{border-top-color:#3f86e0}.fac-card.aether .nm{color:#2f74cf}<br /> .fac-card.tartaro{border-top-color:#d24a3a}.fac-card.tartaro .nm{color:#c0392b}<br /> .fac-card.renegado{border-top-color:#8a8a8a}.fac-card.renegado .nm{color:#6a6a6a}<br /> /* passo a passo */<br /> .fac-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .fac-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .fac-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .fac-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .fac-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> /* tabela */<br /> .fac-table{width:100%;max-width:600px;margin:6px auto 0;border-collapse:collapse;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-table th{background:#241906;color:#f4d97a;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:12px 18px;text-align:left}<br /> .fac-table th.r{text-align:right}<br /> .fac-table td{padding:12px 18px;font-size:14.5px;color:#3a2e12;border-top:1px solid rgba(212,175,55,.25)}<br /> .fac-table td.r{text-align:right;font-weight:800;color:#a8861f}<br /> .fac-hi td{background:rgba(212,175,55,.12)}<br /> /* cards de regra/comando */<br /> .fac-cmds{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;margin:0 auto}<br /> .fac-cmd{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:9px;padding:15px 17px}<br /> .fac-cmd b{display:block;color:#a8861f;font-size:15px;margin-bottom:3px}<br /> .fac-cmd span{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .fac-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .fac-wrap .fac-note{margin-left:auto;margin-right:auto}.fac-note b{color:#a8861f}<br /> @media (max-width:850px){<br /> .fac-stats{grid-template-columns:repeat(2,1fr)}<br /> .fac-cards{grid-template-columns:1fr}<br /> .fac-steps{grid-template-columns:repeat(2,1fr)}<br /> .fac-cmds{grid-template-columns:1fr}<br /> .fac-hero h1{font-size:32px}<br /> }<br /> <br /> <br /> /* === Facção: NPC Recrutador (cartão escuro p/ destacar a sprite branca) === */<br /> .fac-npc { display:flex; gap:30px; align-items:center; background:linear-gradient(135deg,#2c1f0e 0%,#221705 100%); border:1px solid #5a4a1e; border-radius:16px; padding:22px 30px; margin:8px 0 6px; flex-wrap:wrap; box-shadow:inset 0 1px 0 rgba(244,217,122,0.08); }<br /> .fac-npc-art { flex:0 0 auto; width:190px; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at 50% 45%, rgba(212,175,55,0.20), rgba(0,0,0,0) 70%); border-radius:14px; padding:6px; }<br /> .fac-npc-art img { display:block; width:100%; height:auto; filter:drop-shadow(0 8px 16px rgba(0,0,0,0.55)); }<br /> .fac-npc-info { flex:1 1 280px; min-width:240px; }<br /> .fac-npc-name { font-size:1.55em; font-weight:800; color:#f4d97a; letter-spacing:0.2px; margin-bottom:10px; }<br /> .fac-npc-desc { color:#e6d9bd; line-height:1.65; margin:0 0 18px; font-size:1.02em; }<br /> .fac-npc-loc { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }<br /> .fac-npc-map { color:#d4af37; font-weight:700; font-size:1.05em; }<br /> .fac-npc .navi-copy { color:#f4d97a; border-bottom-color:#d4af37; background:rgba(212,175,55,0.10); }<br /> .fac-npc .navi-copy:hover { color:#fff7e0; background:rgba(212,175,55,0.24); }<br /> @media (max-width:560px){ .fac-npc{ justify-content:center; text-align:center; } .fac-npc-info{ text-align:center; } .fac-npc-loc{ justify-content:center; } }<br /> <br /> <br /> <br /> /* ===================== Rate Bonificado (rtb-*) — 2026-06-10 ===================== */<br /> .rtb-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .rtb-hero{position:relative;text-align:center;padding:40px 24px 34px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 62%),linear-gradient(180deg,#241906,#0d0901)}<br /> .rtb-hero img{width:128px;height:128px;object-fit:contain;border-radius:14px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55))}<br /> .rtb-hero h1{margin:8px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .rtb-hero p{max-width:720px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .rtb-badge{display:inline-block;margin:16px 0 4px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .rtb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-34px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .rtb-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-stat b{display:block;font-size:18px;color:#a8861f;font-weight:800;line-height:1.15}<br /> .rtb-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .rtb-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:40px 0 16px}<br /> .rtb-h::before,.rtb-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .rtb-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .rtb-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap}<br /> .rtb-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .rtb-wrap .rtb-lead{margin-left:auto;margin-right:auto}<br /> /* cards dos 3 rates */<br /> .rtb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px auto 0;max-width:900px}<br /> .rtb-card{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:12px;padding:24px 16px 20px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-card .mult{display:block;font-size:46px;font-weight:800;line-height:1;letter-spacing:-1px}<br /> .rtb-card .nm{display:block;margin:10px 0 6px;font-size:18px;font-weight:800;letter-spacing:.3px;color:#3a2e12}<br /> .rtb-card .vs{display:block;font-size:13px;color:#5a4a22;line-height:1.6}<br /> .rtb-card.r1{border-top-color:#3fa05a}.rtb-card.r1 .mult{color:#2e8a49}<br /> .rtb-card.r3{border-top-color:#d4af37}.rtb-card.r3 .mult{color:#a8861f}<br /> .rtb-card.r5{border-top-color:#d24a3a}.rtb-card.r5 .mult{color:#c0392b}<br /> /* passo a passo */<br /> .rtb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .rtb-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .rtb-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .rtb-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .rtb-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> /* tabela */<br /> .rtb-table{width:100%;max-width:680px;margin:6px auto 0;border-collapse:collapse;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-table th{background:#241906;color:#f4d97a;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:12px 18px;text-align:left}<br /> .rtb-table th.r{text-align:right}<br /> .rtb-table td{padding:12px 18px;font-size:14.5px;color:#3a2e12;border-top:1px solid rgba(212,175,55,.25)}<br /> .rtb-table td.r{text-align:right;font-weight:800;color:#a8861f}<br /> .rtb-hi td{background:rgba(212,175,55,.12)}<br /> /* cards de regra/faq */<br /> .rtb-cmds{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;margin:0 auto}<br /> .rtb-cmd{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:9px;padding:15px 17px}<br /> .rtb-cmd &gt; b{display:block;color:#a8861f;font-size:15px;margin-bottom:3px}<br /> .rtb-cmd span{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .rtb-cmds &gt; .rtb-cmd:last-child:nth-child(odd){grid-column:1 / -1;width:100%;max-width:calc((100% - 12px) / 2);justify-self:center}<br /> .rtb-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .rtb-wrap .rtb-note{margin-left:auto;margin-right:auto}.rtb-note b{color:#a8861f}<br /> @media (max-width:850px){<br /> .rtb-stats{grid-template-columns:repeat(2,1fr)}<br /> .rtb-cards{grid-template-columns:1fr}<br /> .rtb-steps{grid-template-columns:repeat(2,1fr)}<br /> .rtb-cmds{grid-template-columns:1fr}<br /> .rtb-cmds &gt; .rtb-cmd:last-child:nth-child(odd){grid-column:auto;max-width:none}<br /> .rtb-hero h1{font-size:32px}<br /> }<br /> <br /> /* ===== Coleções de Cartas (colc-) — AureumRO 2026-06-15 ===== */<br /> .colc-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .colc-wrap *{box-sizing:border-box}<br /> <br /> /* hero */<br /> .colc-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .colc-hero-npc{height:178px;width:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));flex:0 0 auto}<br /> .colc-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .colc-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .colc-lead{color:#efe2c4;font-size:16px;max-width:640px;margin:0}<br /> .colc-lead b{color:#f4d97a}<br /> <br /> /* stats */<br /> .colc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 6px}<br /> .colc-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .colc-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .colc-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> <br /> /* headings */<br /> .colc-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .colc-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> <br /> /* steps */<br /> .colc-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .colc-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .colc-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .colc-step b{color:#7a5a12}<br /> .colc-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .colc-note b{color:#7a5a12}<br /> <br /> /* lista de coleções */<br /> .colc-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}<br /> /* coleção órfã na última linha (total ímpar) -&gt; centraliza entre as 2 colunas */<br /> .colc-list&gt;.colc-col:last-child:nth-child(odd){grid-column:1 / -1;width:calc(50% - 9px);justify-self:center}<br /> @media(max-width:860px){.colc-list,.colc-steps,.colc-stats{grid-template-columns:1fr}.colc-list&gt;.colc-col:last-child:nth-child(odd){grid-column:auto;width:auto}}<br /> .colc-col{background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column}<br /> .colc-col-head{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#241906,#3a2c14);padding:12px 14px}<br /> .colc-col-idx{color:#d4af37;font-weight:800;font-size:13px;opacity:.7;font-variant-numeric:tabular-nums}<br /> .colc-col-name{color:#f4d97a;font-weight:800;font-size:17px;flex:1}<br /> .colc-col-total{color:#bfe6b0;font-size:12.5px;font-weight:700;text-align:right;max-width:46%;line-height:1.25}<br /> <br /> .colc-tiers{padding:10px 14px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #efe2c0}<br /> .colc-tier{display:flex;align-items:baseline;gap:10px;font-size:13.5px}<br /> .colc-tier-n{flex:0 0 64px;color:#9a7a2a;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em}<br /> .colc-tier-d{color:#3a2f1e}<br /> <br /> .colc-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:12px 14px 14px}<br /> .colc-card{margin:0;text-align:center}<br /> .colc-card img{width:100%;height:auto;border-radius:6px;border:1px solid #d8c590;box-shadow:0 2px 5px rgba(0,0,0,.2);display:block;background:#efe7d0}<br /> .colc-card figcaption{font-size:10.5px;color:#6a5a38;margin-top:4px;line-height:1.2;font-weight:600}<br /> <br /> .colc-navi{cursor:pointer;color:#8a5e00;font-weight:800;border-bottom:1.5px dashed #c9a23a;white-space:nowrap;padding:0 2px;border-radius:3px;transition:background .15s,color .15s}<br /> .colc-navi:hover{color:#5e3f00;background:#ffefbe}<br /> <br /> .colc-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> <br /> /* ===== Boss Global (.bgl-) ===== */<br /> .bgl-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .bgl-hero{position:relative;text-align:center;padding:38px 24px 30px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.28),transparent 60%),linear-gradient(180deg,#241906,#0d0901)}<br /> .bgl-hero img{width:200px;height:200px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}<br /> .bgl-hero h1{margin:14px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .bgl-hero p{max-width:740px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .bgl-badge{display:inline-block;margin:4px 0 2px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .bgl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-30px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .bgl-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .bgl-stat b{display:block;font-size:16px;color:#a8861f;font-weight:800;line-height:1.18}<br /> .bgl-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .bgl-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:42px 0 16px}<br /> .bgl-h::before,.bgl-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .bgl-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .bgl-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap;text-align:center}<br /> .bgl-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .bgl-wrap .bgl-lead{margin-left:auto;margin-right:auto}.bgl-lead b{color:#9c7d1c}<br /> .bgl-mob{display:flex;gap:30px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 22% 50%,rgba(244,217,122,.14),transparent 58%),linear-gradient(135deg,#2c1f0e,#171003);border:1px solid #5a4a1e;border-radius:16px;padding:24px 32px;flex-wrap:wrap}<br /> .bgl-mob-art{flex:0 0 auto;width:230px;display:flex;align-items:center;justify-content:center;min-height:180px}<br /> .bgl-mob-art img{max-width:210px;max-height:200px;image-rendering:pixelated;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}<br /> .bgl-mob-info{flex:1 1 320px;min-width:280px}<br /> .bgl-mob-name{font-size:1.7em;font-weight:800;color:#f4d97a;line-height:1.1}<br /> .bgl-mob-sub{color:#d4af37;font-size:.8em;letter-spacing:1.5px;text-transform:uppercase;margin:4px 0 14px}<br /> .bgl-feat{list-style:none;padding:0;margin:0}<br /> .bgl-feat li{position:relative;padding:8px 0 8px 26px;color:#e9dcc0;font-size:13.8px;line-height:1.5}<br /> .bgl-feat li+li{border-top:1px solid rgba(212,175,55,.13)}<br /> .bgl-feat li::before{content:&quot;\2726&quot;;position:absolute;left:2px;top:8px;color:#d4af37}<br /> .bgl-feat li b{color:#f4d97a;font-weight:700}<br /> .bgl-secret{text-align:center;max-width:820px;margin:24px auto 0;padding:24px 28px;border-radius:14px;border:1px solid rgba(212,175,55,.4);background:radial-gradient(ellipse at 50% -20%,rgba(244,217,122,.20),transparent 62%),linear-gradient(180deg,#2c1f0e,#1a1204)}<br /> .bgl-secret .st{color:#f4d97a;font-size:18px;font-weight:800;display:block;margin-bottom:7px;letter-spacing:.3px}<br /> .bgl-secret p{color:#e9dcc0;font-size:14.5px;line-height:1.7;margin:0;max-width:680px;margin-left:auto;margin-right:auto}<br /> .bgl-secret p b{color:#f4d97a}<br /> .bgl-reward{display:flex;gap:28px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,rgba(244,217,122,.16),transparent 60%),linear-gradient(180deg,#2c1f0e,#1a1204);border:1px solid #5a4a1e;border-radius:16px;padding:22px 30px;flex-wrap:wrap;margin-bottom:8px}<br /> .bgl-reward img{width:118px;image-rendering:pixelated;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55))}<br /> .bgl-reward-t{font-size:1.35em;font-weight:800;color:#f4d97a;margin-bottom:6px}<br /> .bgl-reward-d{color:#e9dcc0;font-size:14px;line-height:1.6;max-width:430px}<br /> .bgl-guaranteed{display:flex;align-items:center;justify-content:center;gap:16px;max-width:440px;margin:16px auto 4px;padding:14px 24px;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,rgba(244,217,122,.32),transparent 72%),linear-gradient(180deg,#fffaf0,#f7e8c4);border:1px solid #d4af37;box-shadow:0 0 16px rgba(212,175,55,.3)}<br /> .bgl-guaranteed img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}<br /> .bgl-guaranteed .gl{display:block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#a8861f}<br /> .bgl-guaranteed .gn{display:block;font-size:18px;font-weight:800;color:#3a2e12;line-height:1.15}<br /> .bgl-guaranteed .gq{display:block;font-size:12.5px;color:#7a6526;font-weight:600;margin-top:2px}<br /> .bgl-multi{text-align:center;font-size:14px;color:#5a4a22;max-width:720px;margin:10px auto 2px;line-height:1.6}.bgl-multi b{color:#a8861f}<br /> .bgl-loot{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:14px auto 0}<br /> .bgl-lcard{width:202px;box-sizing:border-box;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.28);border-top:3px solid #9a9a9a;border-radius:11px;padding:13px 12px;text-align:center}<br /> .bgl-lcard img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}<br /> .bgl-lcard .rar{display:block;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}<br /> .bgl-lcard .nm{font-size:12.5px;color:#3a2e12;font-weight:700;line-height:1.25;margin:6px 0 3px;min-height:31px;display:flex;align-items:center;justify-content:center;overflow-wrap:break-word}<br /> .bgl-lcard .qt{display:block;font-size:11.5px;color:#6b5a2e;margin-bottom:9px}.bgl-lcard .qt b{color:#3a2e12;font-weight:700}<br /> .bgl-lcard .ch{display:inline-block;font-size:13px;font-weight:800;color:#fff;border-radius:999px;padding:3px 14px}<br /> .bgl-lcard.leg{border-color:rgba(217,131,36,.5);border-top-color:#d98324;box-shadow:0 0 14px rgba(217,131,36,.3);background:linear-gradient(180deg,#fffaf0,#fdeed2)}<br /> .leg .rar{color:#c9700f}.leg .ch{background:#d98324}<br /> .bgl-lcard.epic{border-top-color:#9b59b6}.epic .rar{color:#8e44ad}.epic .ch{background:#9b59b6}<br /> .bgl-lcard.rare{border-top-color:#2f74cf}.rare .rar{color:#2f74cf}.rare .ch{background:#2f74cf}<br /> .bgl-lcard.unc{border-top-color:#2e9e5b}.unc .rar{color:#1f8049}.unc .ch{background:#2e9e5b}<br /> .bgl-lcard.com{border-top-color:#9a9a9a}.com .rar{color:#777}.com .ch{background:#8a8a8a}<br /> .bgl-time{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin:8px auto 0}<br /> .bgl-tcard{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:18px 12px;text-align:center}<br /> .bgl-tcard .hh{font-size:22px;font-weight:800;color:#a8861f;line-height:1}<br /> .bgl-tcard .t{display:block;margin-top:8px;font-size:12.5px;color:#5a4a22;line-height:1.5}<br /> .bgl-tcard.go{border-top:3px solid #d24a3a}.bgl-tcard.go .hh{color:#c0392b}<br /> .bgl-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .bgl-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .bgl-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .bgl-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .bgl-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .bgl-step p b{color:#9c7d1c}<br /> .bgl-soon{margin:34px auto 0;max-width:900px;padding:24px 28px;border-radius:14px;border:1px dashed rgba(212,175,55,.55);background:linear-gradient(180deg,#2c1f0e,#1a1204);text-align:center}<br /> .bgl-soon .st{color:#f4d97a;font-size:17px;font-weight:800;letter-spacing:1px;margin-bottom:8px}<br /> .bgl-soon p{color:#e9dcc0;font-size:14.5px;line-height:1.7;margin:0;max-width:720px;margin-left:auto;margin-right:auto}<br /> .bgl-soon p b{color:#f4d97a}<br /> .bgl-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .bgl-wrap .bgl-note{margin-left:auto;margin-right:auto}.bgl-note b{color:#a8861f}<br /> @media (max-width:680px){<br /> .bgl-stats{grid-template-columns:repeat(2,1fr)}<br /> .bgl-time{grid-template-columns:repeat(2,1fr)}<br /> .bgl-steps{grid-template-columns:repeat(2,1fr)}<br /> .bgl-hero h1{font-size:32px}<br /> }<br /> <br /> /* ===== Coleção de Mapa (.cm-*) — segue o padrão das páginas da wiki (estilo .colc-*) ===== */<br /> .cm-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .cm-wrap *{box-sizing:border-box}<br /> .cm-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .cm-hero-ic{height:150px;width:auto;flex:0 0 auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .cm-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .cm-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .cm-lead{color:#efe2c4;font-size:16px;max-width:660px;margin:0}<br /> .cm-lead b{color:#f4d97a}<br /> .cm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px}<br /> .cm-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .cm-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .cm-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> .cm-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .cm-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> .cm-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .cm-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .cm-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .cm-step b{color:#7a5a12}<br /> .cm-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .cm-note b{color:#7a5a12}<br /> .cm-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}<br /> .cm-pill{display:inline-flex;align-items:center;gap:7px;background:#fdf8e8;border:1px solid #e4d49c;border-radius:999px;padding:6px 13px;color:#5c4a22;font-size:13.5px;font-weight:600;text-decoration:none;transition:.15s}<br /> .cm-pill:hover{background:#241906;border-color:#241906;color:#f4d97a}<br /> .cm-pill span{background:#d4af37;color:#241906;font-weight:800;border-radius:999px;padding:0 7px;font-size:11px}<br /> .cm-city{display:flex;align-items:baseline;gap:11px;font-size:23px;font-weight:800;color:#241906;margin:32px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;scroll-margin-top:14px}<br /> .cm-city:before{content:&quot;✦&quot;;color:#d4af37}<br /> .cm-city-n{font-size:12.5px;font-weight:600;color:#8a7a55;text-transform:uppercase;letter-spacing:.04em}<br /> .cm-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}<br /> .cm-col{width:236px;flex:0 0 auto;background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column}<br /> .cm-col-head{display:flex;align-items:center;gap:9px;background:linear-gradient(90deg,#241906,#3a2c14);padding:10px 13px;border-radius:13px 13px 0 0}<br /> .cm-col-name{color:#f4d97a;font-weight:800;font-size:15px;flex:1;line-height:1.2}<br /> .cm-mm{background:radial-gradient(80% 80% at 50% 38%,#2c1f0c,#150e04);height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #efe2c0}<br /> .cm-mm img{max-width:94%;max-height:94%;image-rendering:auto}<br /> .cm-mm-no{color:#7a6a48;font-size:12px;font-style:italic}<br /> .cm-bonus{display:flex;align-items:flex-start;gap:7px;padding:11px 14px 6px;font-size:13.5px;color:#2f6d27;font-weight:700}<br /> .cm-bonus:before{content:&quot;✦&quot;;color:#9a7a2a;font-weight:800}<br /> .cm-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:8px 12px 14px;margin-top:auto}<br /> .cm-it{position:relative;width:38px;height:38px;flex:0 0 auto;cursor:help}<br /> .cm-it&gt;img{width:38px;height:38px;object-fit:contain;border-radius:7px;border:1px solid #d8c590;background:#efe7d0;box-shadow:0 2px 5px rgba(0,0,0,.18);image-rendering:pixelated;display:block}<br /> .cm-it-no{display:flex;align-items:center;justify-content:center;text-align:center;background:#f1ead4;border:1px dashed #c9b27a;border-radius:7px;font-size:8.5px;color:#8a7a55;line-height:1.04;padding:2px;overflow:hidden}<br /> .cm-qty{position:absolute;top:-6px;right:-6px;background:#d4af37;color:#241906;font-size:10px;font-weight:800;border-radius:7px;padding:0 4px;border:1px solid #fffdf7;line-height:1.5}<br /> .cm-it[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);background:#241906;color:#f4e6bd;border:1px solid #d4af37;border-radius:9px;padding:9px 12px;font-size:12px;white-space:pre-line;width:max-content;max-width:230px;box-shadow:0 8px 22px rgba(0,0,0,.45);z-index:60;pointer-events:none;line-height:1.45;font-weight:600;text-align:left}<br /> .cm-it[data-tip]:hover:before{content:&quot;&quot;;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#d4af37;z-index:60}<br /> .cm-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> @media(max-width:760px){.cm-hero{flex-direction:column;text-align:center}.cm-stats{grid-template-columns:1fr}.cm-steps{grid-template-columns:1fr}}<br /> <br /> /* ===== Roleta Poring (.rp-) ===== */<br /> .rp-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .rp-hero{position:relative;text-align:center;padding:38px 24px 30px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 60%),linear-gradient(180deg,#241906,#0d0901)}<br /> .rp-hero img{width:188px;height:188px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}<br /> .rp-hero h1{margin:14px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .rp-hero p{max-width:740px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .rp-badge{display:inline-block;margin:4px 0 2px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .rp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-30px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .rp-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rp-stat b{display:block;font-size:16px;color:#a8861f;font-weight:800;line-height:1.18}<br /> .rp-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .rp-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:42px 0 16px}<br /> .rp-h::before,.rp-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .rp-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .rp-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap;text-align:center}<br /> .rp-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .rp-wrap .rp-lead{margin-left:auto;margin-right:auto}.rp-lead b{color:#9c7d1c}<br /> /* NPC */<br /> .rp-mob{display:flex;gap:30px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 22% 50%,rgba(244,217,122,.16),transparent 58%),linear-gradient(135deg,#2c1f0e,#171003);border:1px solid #5a4a1e;border-radius:16px;padding:24px 32px;flex-wrap:wrap}<br /> .rp-mob-art{flex:0 0 auto;width:210px;display:flex;align-items:center;justify-content:center;min-height:190px}<br /> .rp-mob-art img{max-width:200px;max-height:210px;image-rendering:pixelated;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}<br /> .rp-mob-info{flex:1 1 320px;min-width:280px}<br /> .rp-mob-name{font-size:1.7em;font-weight:800;color:#f4d97a;line-height:1.1}<br /> .rp-mob-sub{color:#d4af37;font-size:.8em;letter-spacing:1.5px;text-transform:uppercase;margin:4px 0 14px}<br /> .rp-feat{list-style:none;padding:0;margin:0}<br /> .rp-feat li{position:relative;padding:8px 0 8px 26px;color:#e9dcc0;font-size:13.8px;line-height:1.5}<br /> .rp-feat li+li{border-top:1px solid rgba(212,175,55,.13)}<br /> .rp-feat li::before{content:&quot;\2726&quot;;position:absolute;left:2px;top:8px;color:#d4af37}<br /> .rp-feat li b{color:#f4d97a;font-weight:700}<br /> /* moedas (intro) */<br /> .rp-coins{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:840px;margin:6px auto 0}<br /> .rp-coin{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-top:4px solid #d4af37;border-radius:12px;padding:18px 16px 16px;text-align:center}<br /> .rp-coin .cn{font-size:18px;font-weight:800;line-height:1.1}<br /> .rp-coin .cd{display:block;margin-top:6px;font-size:12.5px;color:#5a4a22;line-height:1.5}<br /> .rp-coin .cp{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:800;color:#fff;border-radius:999px;padding:3px 14px}<br /> .rp-coin.bronze{border-top-color:#b06b35}.rp-coin.bronze .cn{color:#a05a26}.rp-coin.bronze .cp{background:#b06b35}<br /> .rp-coin.prata{border-top-color:#8d8d8d}.rp-coin.prata .cn{color:#707070}.rp-coin.prata .cp{background:#8d8d8d}<br /> .rp-coin.ouro{border-top-color:#d4af37}.rp-coin.ouro .cn{color:#a8861f}.rp-coin.ouro .cp{background:#d4af37}<br /> /* premios por moeda/linha */<br /> .rp-group{max-width:920px;margin:18px auto 0;border-radius:14px;padding:6px 16px 18px;border:1px solid rgba(212,175,55,.22)}<br /> .rp-group.bronze{background:linear-gradient(180deg,#fbf1e6,#f6e7d4)}<br /> .rp-group.prata{background:linear-gradient(180deg,#f4f4f6,#e9e9ee)}<br /> .rp-group.ouro{background:linear-gradient(180deg,#fdf6e2,#f8ecc6)}<br /> .rp-ghead{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 4px;font-size:16px;font-weight:800;letter-spacing:.5px}<br /> .rp-group.bronze .rp-ghead{color:#a05a26}.rp-group.prata .rp-ghead{color:#6f6f6f}.rp-group.ouro .rp-ghead{color:#a8861f}<br /> .rp-gsub{text-align:center;font-size:12px;color:#7a6526;margin:0 0 10px}<br /> .rp-line{margin:12px 0 0}<br /> .rp-lline{display:block;text-align:center;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#8a7330;margin:6px 0 8px}<br /> .rp-lline b{color:#3a2e12}<br /> .rp-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}<br /> .rp-card{width:128px;box-sizing:border-box;background:#fffdf6;border:1px solid rgba(120,100,40,.2);border-radius:10px;padding:11px 8px 10px;text-align:center}<br /> .rp-card img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}<br /> .rp-card .nm{font-size:11.5px;color:#3a2e12;font-weight:700;line-height:1.22;margin:6px 0 3px;min-height:28px;display:flex;align-items:center;justify-content:center;overflow-wrap:break-word}<br /> .rp-card .qt{display:inline-block;font-size:11px;font-weight:800;color:#5a4a22;background:#efe4c6;border-radius:999px;padding:2px 10px}<br /> /* reset / bonus destaque */<br /> .rp-callout{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:880px;margin:8px auto 0}<br /> .rp-call{flex:1 1 360px;min-width:300px;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:12px;padding:16px 18px}<br /> .rp-call .ct{font-size:14.5px;font-weight:800;color:#a8861f;margin-bottom:5px}<br /> .rp-call p{margin:0;font-size:13px;color:#5a4a22;line-height:1.6}.rp-call p b{color:#9c7d1c}<br /> .rp-call.bonus{border-left-color:#c451a0}.rp-call.bonus .ct{color:#b03e8f}<br /> /* steps */<br /> .rp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .rp-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .rp-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .rp-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .rp-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}.rp-step p b{color:#9c7d1c}<br /> /* botao /navi */<br /> .rp-navibox{text-align:center;margin:30px auto 0;max-width:560px;padding:22px;border-radius:14px;border:1px solid rgba(212,175,55,.4);background:radial-gradient(ellipse at 50% -20%,rgba(244,217,122,.22),transparent 62%),linear-gradient(180deg,#2c1f0e,#1a1204)}<br /> .rp-navibox .nl{display:block;color:#f4d97a;font-size:15px;font-weight:800;margin-bottom:12px}<br /> .rp-navibtn{display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:none;border-radius:999px;padding:12px 26px;font-size:15px;font-weight:800;color:#3a2a06;background:linear-gradient(135deg,#f4d97a,#d4af37);box-shadow:0 5px 16px rgba(212,175,55,.45);transition:transform .12s,box-shadow .12s;font-family:inherit}<br /> .rp-navibtn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(212,175,55,.6)}<br /> .rp-navibtn:active{transform:translateY(0)}<br /> .rp-navibox .nh{display:block;margin-top:10px;font-size:11.5px;color:#c9b88a}<br /> .rp-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .rp-wrap .rp-note{margin-left:auto;margin-right:auto}.rp-note b{color:#a8861f}<br /> @media (max-width:680px){<br /> .rp-stats{grid-template-columns:repeat(2,1fr)}<br /> .rp-coins{grid-template-columns:1fr}<br /> .rp-steps{grid-template-columns:repeat(2,1fr)}<br /> .rp-hero h1{font-size:32px}<br /> }<br /> <br /> /* ==== Hats (Chapeleiro / craft de chapéus) — .htc- ==== */<br /> .htc-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .htc-wrap *{box-sizing:border-box}<br /> .htc-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .htc-hero-ic{height:150px;width:auto;flex:0 0 auto;border-radius:14px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .htc-hero-npc{height:268px;width:auto;flex:0 0 auto;margin-left:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .htc-copy{display:inline-flex;align-items:center;gap:7px;margin-top:9px;background:#241906;color:#f4d97a;border:1px solid #d4af37;border-radius:9px;padding:7px 14px;font-family:Consolas,'Courier New',monospace;font-size:13.5px;font-weight:700;cursor:pointer;transition:.15s}<br /> .htc-copy:hover{background:#3a2c14}<br /> .htc-copy.ok{background:#2f6d27;border-color:#2f6d27;color:#fff}<br /> .htc-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .htc-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .htc-lead{color:#efe2c4;font-size:16px;max-width:660px;margin:0}<br /> .htc-lead b{color:#f4d97a}<br /> .htc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px}<br /> .htc-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .htc-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .htc-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> .htc-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .htc-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> .htc-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .htc-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .htc-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .htc-step b{color:#7a5a12}<br /> .htc-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .htc-note b{color:#7a5a12}<br /> .htc-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}<br /> .htc-card{width:340px;flex:0 0 auto;background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column;scroll-margin-top:14px}<br /> .htc-head{background:linear-gradient(90deg,#241906,#3a2c14);padding:10px 14px;border-radius:13px 13px 0 0;color:#f4d97a;font-weight:800;font-size:15.5px;line-height:1.2}<br /> .htc-mm{background:radial-gradient(80% 80% at 50% 42%,#2c1f0c,#150e04);height:130px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #efe2c0}<br /> .htc-mm img{max-height:88%;max-width:60%;object-fit:contain;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.55)}<br /> .htc-fx{padding:10px 14px;border-bottom:1px dashed #e4d49c;background:#fffaf0;font-size:12.5px;color:#4a3b20;line-height:1.55}<br /> .htc-fx-gap{height:7px}<br /> .htc-sub{padding:9px 14px 0;font-size:11.5px;font-weight:800;color:#8a7a55;text-transform:uppercase;letter-spacing:.06em}<br /> .htc-ings{padding:8px 14px 6px;display:flex;flex-direction:column;gap:5px}<br /> .htc-ing{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#4a3b20}<br /> .htc-ing img{width:24px;height:24px;flex:0 0 auto;image-rendering:pixelated;background:#efe7d0;border:1px solid #d8c590;border-radius:5px}<br /> .htc-q{font-weight:800;color:#7a5a12;min-width:52px;text-align:right}<br /> .htc-in{font-weight:600}<br /> .htc-cost{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:9px 14px;border-top:1px dashed #d8c590;font-size:13px}<br /> .htc-z{font-weight:800;color:#2f6d27}<br /> .htc-c{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#7a5a12}<br /> .htc-c img{width:20px;height:20px;image-rendering:pixelated}<br /> .htc-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> @media(max-width:760px){.htc-hero{flex-direction:column;text-align:center}.htc-stats{grid-template-columns:1fr}.htc-steps{grid-template-columns:1fr}.htc-card{width:100%}}<br /> <br /> <br /> /* ===== Passe de Batalha (.bpw-) ===== */<br /> .bpw-wrap{font-family:'Inter',sans-serif;max-width:980px;margin:0 auto;color:#241906}<br /> .bpw-hero{background:linear-gradient(160deg,#241906 0%,#3a2a10 60%,#241906 100%);border-radius:14px;padding:38px 34px;text-align:center;color:#fdf8e8;margin-bottom:26px}<br /> .bpw-hero img{height:220px;image-rendering:pixelated;margin-bottom:14px}<br /> .bpw-badge{display:inline-block;background:rgba(212,175,55,.15);border:1px solid #d4af37;color:#f4d97a;border-radius:999px;padding:4px 14px;font-size:13px;letter-spacing:.08em;margin-bottom:10px}<br /> .bpw-hero h1{color:#f4d97a;font-size:34px;margin:6px 0 10px;font-weight:800}<br /> .bpw-hero p{max-width:640px;margin:0 auto;line-height:1.6;color:#f2e8cf}<br /> .bpw-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:30px}<br /> .bpw-stat{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:14px;text-align:center}<br /> .bpw-stat b{display:block;color:#8a6d1a;font-size:18px}<br /> .bpw-stat span{font-size:13px;color:#6b5a2e}<br /> .bpw-h{margin:34px 0 14px;border-bottom:2px solid #d4af37;padding-bottom:6px}<br /> .bpw-h span{font-size:22px;font-weight:800;color:#241906}<br /> .bpw-lead{line-height:1.6;margin:0 0 14px}<br /> .bpw-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}<br /> .bpw-step{display:flex;gap:12px;background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:14px}<br /> .bpw-stepn{flex:0 0 34px;height:34px;border-radius:50%;background:#d4af37;color:#241906;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px}<br /> .bpw-step p{margin:4px 0 0;font-size:13.5px;line-height:1.5}<br /> .bpw-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(36,25,6,.12)}<br /> .bpw-table th{background:#241906;color:#f4d97a;padding:10px 12px;text-align:left;font-size:14px}<br /> .bpw-table td{padding:9px 12px;border-bottom:1px solid #f0e8cf;font-size:14px;vertical-align:middle}<br /> .bpw-table tr:nth-child(even) td{background:#fbf6e4}<br /> .bpw-table code{background:#241906;color:#f4d97a;border-radius:6px;padding:2px 8px;font-size:13px}<br /> .bpw-prizes td:first-child,.bpw-prizes td:nth-child(2){white-space:nowrap;font-weight:600;color:#8a6d1a}<br /> .bpw-pi{display:inline-flex;align-items:center;gap:8px;margin:2px 12px 2px 0}<br /> .bpw-pi img{height:44px;width:auto}<br /> .bpw-pi span{font-size:13.5px}<br /> .bpw-final td{background:#f6ecc8 !important;font-weight:700}<br /> .bpw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}<br /> .bpw-card{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}<br /> .bpw-ic{height:100px;display:flex;align-items:center;justify-content:center}<br /> .bpw-ic img{max-height:100px;width:auto}<br /> .bpw-nm{font-weight:700;font-size:15px}<br /> .bpw-ds{font-size:12.5px;color:#6b5a2e;line-height:1.45}<br /> .bpw-pr{background:#241906;color:#f4d97a;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}<br /> .bpw-rules{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:18px 18px 18px 36px;line-height:1.7;margin:0}<br /> .bpw-rules li{margin-bottom:6px}<br /> .bpw-note{background:#f6ecc8;border-left:4px solid #d4af37;border-radius:6px;padding:12px 16px;font-size:13.5px;line-height:1.55;margin-top:14px}<br /> .bpw-wgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}<br /> .bpw-wcard{background:#241906;border:1px solid #3a2a10;border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}<br /> .bpw-wgifs{display:flex;align-items:flex-end;justify-content:center;min-height:270px;max-width:100%;overflow:hidden}<br /> .bpw-wgifs img{max-height:270px;width:auto;max-width:100%;min-width:0;height:auto;object-fit:contain;image-rendering:pixelated}<br /> .bpw-wnm{color:#f4d97a;font-weight:800;font-size:15.5px}<br /> .bpw-wcl{color:#cbb87a;font-size:12.5px;letter-spacing:.04em}<br /> .bpw-cta{margin:34px 0 8px;background:linear-gradient(160deg,#241906,#3a2a10);color:#fdf8e8;text-align:center;border-radius:12px;padding:22px;font-size:16px}<br /> .bpw-cta b{color:#f4d97a}<br /> @media (max-width:600px){.bpw-hero img{height:150px}.bpw-wgifs{min-height:190px}.bpw-wgifs img{max-height:190px}}/* ============================================================<br /> REFINAMENTO — página bespoke (escopo .rf-wrap)<br /> ============================================================ */<br /> .rf-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rf-wrap *, .rf-wrap *::before, .rf-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .rf-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(230,126,34,0.5);<br /> background: radial-gradient(circle at 50% -10%, rgba(255,158,64,0.28) 0%, transparent 58%), linear-gradient(160deg, #26130a 0%, #0d0500 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,180,90,0.18); }<br /> .rf-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #e67e22, transparent); }<br /> .rf-hero img.rf-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(230,126,34,0.5)); }<br /> .rf-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(255,180,90,0.5); border-radius:999px; color:#ffb45a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rf-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#ffe3bd; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rf-hero p { max-width:720px; margin:0 auto; color:#f0d3ac; font-size:15.5px; line-height:1.65; }<br /> .rf-hero p b { color:#ffb45a; }<br /> <br /> /* STATS */<br /> .rf-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .rf-stat { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-top:3px solid #e67e22; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rf-stat b { display:block; font-size:20px; font-weight:800; color:#b35c10; line-height:1.1; }<br /> .rf-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#9c6a2a; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .rf-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .rf-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#b35c10; white-space:nowrap; }<br /> .rf-h::before,.rf-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#e67e22); flex-shrink:0; }<br /> .rf-h::after { background:linear-gradient(90deg,#e67e22,transparent); }<br /> .rf-wrap .rf-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .rf-lead b { color:#b35c10; }<br /> .rf-wrap .rf-note { text-align:center; font-size:12.5px; color:#9c6a2a; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .rf-note b { color:#b35c10; font-style:normal; }<br /> <br /> /* GANHOS POR REFINO */<br /> .rf-gains { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; max-width:940px; margin:0 auto; }<br /> .rf-gain { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:10px; padding:14px 10px; text-align:center; border-top:3px solid #e67e22; }<br /> .rf-gain b { display:block; font-size:13px; font-weight:800; color:#2a2008; }<br /> .rf-gain i { display:block; font-style:normal; font-size:21px; font-weight:800; margin:3px 0 5px; color:#b35c10; }<br /> .rf-gain span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> <br /> /* CARDS DE MINÉRIO */<br /> .rf-ores { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:1000px; margin:0 auto; }<br /> .rf-ore { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:11px; padding:14px 12px; text-align:center; }<br /> .rf-ore img { height:52px; image-rendering:pixelated; margin-bottom:6px; }<br /> .rf-ore b { display:block; font-size:13.5px; font-weight:800; color:#1b1304; }<br /> .rf-ore i { display:block; font-style:normal; font-size:11.5px; color:#b35c10; font-weight:700; margin:2px 0; }<br /> .rf-ore span { display:block; font-size:11px; color:#6b5a2e; line-height:1.4; }<br /> .rf-ore.premium { border:1px solid rgba(212,175,55,0.55); background:linear-gradient(180deg,#fffaef,#fdf3d4); box-shadow:0 4px 14px rgba(212,175,55,0.18); }<br /> <br /> /* TABELAS DE CHANCE */<br /> .rf-tablewrap { overflow-x:auto; max-width:1000px; margin:0 auto; }<br /> .rf-table { width:100%; border-collapse:collapse; background:#fffdf8; border:1px solid rgba(230,126,34,0.3); border-radius:10px; overflow:hidden; font-size:13px; }<br /> .rf-table th { background:linear-gradient(135deg,#3a1e0c,#26130a); color:#ffce96; padding:9px 8px; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; }<br /> .rf-table td { padding:7px 8px; text-align:center; border-top:1px solid rgba(0,0,0,0.06); font-weight:700; }<br /> .rf-table td.lv { background:#fdf3e8; color:#7c5514; font-weight:800; white-space:nowrap; }<br /> .rf-table td.g { color:#2e7d32; }<br /> .rf-table td.y { color:#a8861f; }<br /> .rf-table td.o { color:#c96a10; }<br /> .rf-table td.r { color:#c62828; }<br /> <br /> /* LOJA DE REFINO — bloco destaque escuro */<br /> .rf-shop { border-radius:14px; overflow:hidden; border:1px solid rgba(230,126,34,0.5); background: radial-gradient(circle at 50% -20%, rgba(255,158,64,0.22) 0%, transparent 55%), linear-gradient(160deg,#26130a 0%,#120801 100%); padding:26px 22px; max-width:1000px; margin:0 auto; color:#f0d3ac; }<br /> .rf-shop h3 { margin:0 0 6px; text-align:center; color:#ffe3bd; font-size:22px; font-weight:800; border:none; padding:0; }<br /> .rf-shop .rf-shoplead { text-align:center; max-width:760px; margin:0 auto 18px; font-size:14px; line-height:1.65; color:#f0d3ac; }<br /> .rf-shop .rf-shoplead b { color:#ffb45a; }<br /> .rf-balloon { display:block; width:max-content; margin:0 auto 18px; background:#fff; color:#1b1304; border-radius:8px; padding:7px 18px; font-weight:800; font-size:15px; box-shadow:0 6px 18px rgba(0,0,0,0.4); position:relative; }<br /> .rf-balloon::after { content:&quot;&quot;; position:absolute; left:50%; bottom:-7px; transform:translateX(-50%); border:8px solid transparent; border-top-color:#fff; border-bottom:none; }<br /> .rf-cols { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .rf-col { background:rgba(255,255,255,0.05); border:1px solid rgba(255,180,90,0.25); border-radius:10px; padding:16px; }<br /> .rf-col h4 { margin:0 0 10px; color:#ffb45a; font-size:14px; text-transform:uppercase; letter-spacing:1.5px; border:none; padding:0; }<br /> .rf-col ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }<br /> .rf-col li { font-size:13px; line-height:1.5; padding-left:16px; position:relative; color:#f0d3ac; }<br /> .rf-col li::before { content:&quot;&quot;; position:absolute; left:2px; top:8px; width:5px; height:5px; border-radius:50%; background:#e67e22; }<br /> .rf-col li b { color:#ffce96; }<br /> .rf-col li code { background:rgba(0,0,0,0.4); border:1px solid rgba(255,180,90,0.3); border-radius:5px; padding:1px 7px; color:#ffe3bd; font-size:12.5px; }<br /> <br /> /* BÔNUS DO FERREIRO */<br /> .rf-bonus { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .rf-attr { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:10px; padding:14px; text-align:center; border-top:3px solid #e67e22; }<br /> .rf-attr b { display:block; font-size:15px; font-weight:800; color:#1b1304; }<br /> .rf-attr i { display:block; font-style:normal; font-size:20px; font-weight:800; color:#b35c10; margin:2px 0 8px; }<br /> .rf-attr span { display:block; font-size:11.5px; color:#6b5a2e; line-height:1.6; }<br /> .rf-attr span b { display:inline; font-size:11.5px; color:#b35c10; }<br /> <br /> /* FOOT */<br /> .rf-foot { text-align:center; margin:40px auto 0; max-width:820px; font-size:13px; color:#9c6a2a; font-style:italic; }<br /> <br /> @media (max-width: 760px) {<br /> .rf-stats, .rf-gains, .rf-ores, .rf-bonus { grid-template-columns:repeat(2,1fr); }<br /> .rf-cols { grid-template-columns:1fr; }<br /> }<br /> <br /> /* aviso de sistema novo */<br /> .rf-alert { max-width:880px; margin:18px auto 0; background:#fff4e0; border:1px solid rgba(230,126,34,0.5); border-left:4px solid #e67e22; border-radius:8px; padding:12px 18px; font-size:13px; line-height:1.6; color:#7c4a10; text-align:center; }<br /> .rf-alert b { color:#b35c10; }/* ============================================================<br /> MERCADO DE SERVICOS — página bespoke (escopo .ms-wrap)<br /> ============================================================ */<br /> .ms-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a1a20; }<br /> .ms-wrap *, .ms-wrap *::before, .ms-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .ms-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,160,58,0.5);<br /> background: radial-gradient(circle at 50% -10%, rgba(226,120,170,0.28) 0%, transparent 58%), linear-gradient(160deg, #2d1020 0%, #14060e 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(242,207,125,0.18); }<br /> .ms-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4a03a, transparent); }<br /> .ms-hero img.ms-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,160,58,0.5)); }<br /> .ms-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(242,207,125,0.5); border-radius:999px; color:#f2cf7d; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .ms-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#ffe9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .ms-hero p { max-width:720px; margin:0 auto; color:#ecd2c8; font-size:15.5px; line-height:1.65; }<br /> .ms-hero p b { color:#f2cf7d; }<br /> <br /> /* STATS */<br /> .ms-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .ms-stat { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-top:3px solid #d4a03a; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .ms-stat b { display:block; font-size:20px; font-weight:800; color:#8c3357; line-height:1.1; }<br /> .ms-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a5d55; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .ms-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .ms-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#8c3357; white-space:nowrap; }<br /> .ms-h::before,.ms-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4a03a); flex-shrink:0; }<br /> .ms-h::after { background:linear-gradient(90deg,#d4a03a,transparent); }<br /> .ms-wrap .ms-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a1a20; }<br /> .ms-lead b { color:#8c3357; }<br /> .ms-wrap .ms-note { text-align:center; font-size:12.5px; color:#8a5d55; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .ms-note b { color:#8c3357; font-style:normal; }<br /> <br /> /* GANHOS POR REFINO */<br /> .ms-gains { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .ms-gain { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:10px; padding:14px 10px; text-align:center; border-top:3px solid #d4a03a; }<br /> .ms-gain b { display:block; font-size:13px; font-weight:800; color:#2a1a20; }<br /> .ms-gain i { display:block; font-style:normal; font-size:21px; font-weight:800; margin:3px 0 5px; color:#8c3357; }<br /> .ms-gain span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> <br /> /* CARDS DE MINÉRIO */<br /> .ms-ores { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:1000px; margin:0 auto; }<br /> .ms-ore { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:11px; padding:14px 12px; text-align:center; }<br /> .ms-ore img { height:52px; image-rendering:pixelated; margin-bottom:6px; }<br /> .ms-ore b { display:block; font-size:13.5px; font-weight:800; color:#1b1304; }<br /> .ms-ore i { display:block; font-style:normal; font-size:11.5px; color:#8c3357; font-weight:700; margin:2px 0; }<br /> .ms-ore span { display:block; font-size:11px; color:#6b5a2e; line-height:1.4; }<br /> .ms-ore.premium { border:1px solid rgba(212,175,55,0.55); background:linear-gradient(180deg,#fffaef,#fdf3d4); box-shadow:0 4px 14px rgba(212,175,55,0.18); }<br /> <br /> /* TABELAS DE CHANCE */<br /> .ms-tablewrap { overflow-x:auto; max-width:1000px; margin:0 auto; }<br /> .ms-table { width:100%; border-collapse:collapse; background:#fffdf8; border:1px solid rgba(212,160,58,0.3); border-radius:10px; overflow:hidden; font-size:13px; }<br /> .ms-table th { background:linear-gradient(135deg,#3a1e0c,#2d1020); color:#ffce96; padding:9px 8px; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; }<br /> .ms-table td { padding:7px 8px; text-align:center; border-top:1px solid rgba(0,0,0,0.06); font-weight:700; }<br /> .ms-table td.lv { background:#fdf5ec; color:#7c5514; font-weight:800; white-space:nowrap; }<br /> .ms-table td.g { color:#2e7d32; }<br /> .ms-table td.y { color:#a8861f; }<br /> .ms-table td.o { color:#c96a10; }<br /> .ms-table td.r { color:#c62828; }<br /> <br /> /* LOJA DE REFINO — bloco destaque escuro */<br /> .ms-shop { border-radius:14px; overflow:hidden; border:1px solid rgba(212,160,58,0.5); background: radial-gradient(circle at 50% -20%, rgba(226,120,170,0.22) 0%, transparent 55%), linear-gradient(160deg,#2d1020 0%,#120801 100%); padding:26px 22px; max-width:1000px; margin:0 auto; color:#ecd2c8; }<br /> .ms-shop h3 { margin:0 0 6px; text-align:center; color:#ffe9b8; font-size:22px; font-weight:800; border:none; padding:0; }<br /> .ms-shop .ms-shoplead { text-align:center; max-width:760px; margin:0 auto 18px; font-size:14px; line-height:1.65; color:#ecd2c8; }<br /> .ms-shop .ms-shoplead b { color:#f2cf7d; }<br /> .ms-balloon { display:block; width:max-content; margin:0 auto 18px; background:#fff; color:#1b1304; border-radius:8px; padding:7px 18px; font-weight:800; font-size:15px; box-shadow:0 6px 18px rgba(0,0,0,0.4); position:relative; }<br /> .ms-balloon::after { content:&quot;&quot;; position:absolute; left:50%; bottom:-7px; transform:translateX(-50%); border:8px solid transparent; border-top-color:#fff; border-bottom:none; }<br /> .ms-cols { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .ms-col { background:rgba(255,255,255,0.05); border:1px solid rgba(242,207,125,0.25); border-radius:10px; padding:16px; }<br /> .ms-col h4 { margin:0 0 10px; color:#f2cf7d; font-size:14px; text-transform:uppercase; letter-spacing:1.5px; border:none; padding:0; }<br /> .ms-col ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }<br /> .ms-col li { font-size:13px; line-height:1.5; padding-left:16px; position:relative; color:#ecd2c8; }<br /> .ms-col li::before { content:&quot;&quot;; position:absolute; left:2px; top:8px; width:5px; height:5px; border-radius:50%; background:#d4a03a; }<br /> .ms-col li b { color:#ffce96; }<br /> .ms-col li code { background:rgba(0,0,0,0.4); border:1px solid rgba(242,207,125,0.3); border-radius:5px; padding:1px 7px; color:#ffe9b8; font-size:12.5px; }<br /> <br /> /* BÔNUS DO FERREIRO */<br /> .ms-bonus { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .ms-attr { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:10px; padding:14px; text-align:center; border-top:3px solid #d4a03a; }<br /> .ms-attr b { display:block; font-size:15px; font-weight:800; color:#1b1304; }<br /> .ms-attr i { display:block; font-style:normal; font-size:20px; font-weight:800; color:#8c3357; margin:2px 0 8px; }<br /> .ms-attr span { display:block; font-size:11.5px; color:#6b5a2e; line-height:1.6; }<br /> .ms-attr span b { display:inline; font-size:11.5px; color:#8c3357; }<br /> <br /> /* FOOT */<br /> .ms-foot { text-align:center; margin:40px auto 0; max-width:820px; font-size:13px; color:#8a5d55; font-style:italic; }<br /> <br /> @media (max-width: 760px) {<br /> .ms-stats, .ms-gains, .ms-ores, .ms-bonus { grid-template-columns:repeat(2,1fr); }<br /> .ms-cols { grid-template-columns:1fr; }<br /> }<br /> <br /> /* aviso de sistema novo */<br /> .ms-alert { max-width:880px; margin:18px auto 0; background:#fff4e0; border:1px solid rgba(212,160,58,0.5); border-left:4px solid #d4a03a; border-radius:8px; padding:12px 18px; font-size:13px; line-height:1.6; color:#7c4a10; text-align:center; }<br /> .ms-alert b { color:#8c3357; }<br /> <br /> /* MERCADO DE SERVICOS — cartoes de servico do hub */<br /> .ms-svc { border:1px solid rgba(212,160,58,0.34); border-radius:12px; padding:20px 22px 18px; margin:16px 0 6px;<br /> background:linear-gradient(180deg,#fff,#fdf5ec); box-shadow:0 10px 26px rgba(0,0,0,0.09); }<br /> .ms-svc-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:6px; }<br /> .ms-svc-head h3 { margin:0; font-size:21px; font-weight:800; color:#8c3357; border:none; padding:0; }<br /> .ms-tag { display:inline-block; padding:3px 11px; border-radius:999px; font-size:10.5px; font-weight:700;<br /> letter-spacing:1.2px; text-transform:uppercase; }<br /> .ms-tag.on { background:rgba(46,160,90,0.14); color:#227a49; border:1px solid rgba(46,160,90,0.4); }<br /> .ms-tag.soon { background:rgba(212,160,58,0.16); color:#9a6c14; border:1px solid rgba(212,160,58,0.45); }<br /> .ms-svc-who { font-size:12.5px; color:#8a5d55; font-weight:600; }<br /> .ms-more { display:inline-block; margin-top:10px; padding:9px 18px; border-radius:8px; font-weight:700; font-size:13px;<br /> background:linear-gradient(180deg,#d4a03a,#b8862a); color:#2a1a20 !important; text-decoration:none;<br /> box-shadow:0 4px 12px rgba(212,160,58,0.35); }<br /> .ms-more:hover { filter:brightness(1.08); }<br /> .ms-seealso { margin:26px auto 0; max-width:840px; padding:14px 18px; border-radius:10px; text-align:center;<br /> border:1px solid rgba(212,160,58,0.4); background:linear-gradient(180deg,#fffaf1,#fdf0e0); font-size:14.5px; color:#2a1a20; }<br /> .ms-seealso a { color:#8c3357 !important; font-weight:700; }</div> Admin https://wiki.aureumro.com/index.php?title=MediaWiki:Common.css&diff=4751 MediaWiki:Common.css 2026-08-04T22:49:42Z <p>Admin: [ROT2] abas de rotacao, raridade epica e card duplo</p> <hr /> <div><br /> <br /> /* ============================================================<br /> AureumRO Wiki — Identidade própria (Vector legacy)<br /> Paleta dourada + fontes Cinzel/Cormorant + decoração medieval<br /> ============================================================ */<br /> <br /> /* === FONTES ============================================== */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;display=swap');<br /> <br /> /* === VARIÁVEIS ============================================ */<br /> :root {<br /> --aur-primary: #d4af37;<br /> --aur-primary2: #a8861f;<br /> --aur-dark: #1b1304;<br /> --aur-darker: #0e0a02;<br /> --aur-accent: #f4d97a;<br /> --aur-bronze: #8a6c1e;<br /> --aur-border: rgba(212, 175, 55, 0.22);<br /> --aur-text: #3a2614;<br /> --aur-muted: #8a7a5a;<br /> --aur-surface: #fdf8e8;<br /> --aur-cream: #faf4e0;<br /> }<br /> <br /> /* === FUNDO GERAL ========================================== */<br /> body {<br /> background: #faf4e0 !important;<br /> font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;<br /> font-size: 16px !important;<br /> color: #3a2614 !important;<br /> line-height: 1.55 !important;<br /> }<br /> <br /> /* === LOGO ================================================= */<br /> a.mw-wiki-logo {<br /> width: 200px !important;<br /> height: 200px !important;<br /> background-size: 190px 190px !important;<br /> background-repeat: no-repeat !important;<br /> background-position: center center !important;<br /> display: block !important;<br /> filter: drop-shadow(0 4px 12px rgba(212,175,55,0.25));<br /> }<br /> <br /> #p-logo {<br /> width: 220px !important;<br /> height: 210px !important;<br /> padding: 5px 0 0 0 !important;<br /> margin: 0 !important;<br /> overflow: visible !important;<br /> background: linear-gradient(180deg, transparent, rgba(212,175,55,0.05)) !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.2) !important;<br /> }<br /> <br /> /* === TOPBAR =============================================== */<br /> #mw-head,<br /> .vector-header,<br /> div#mw-head {<br /> background: linear-gradient(180deg, #1b1304 0%, #0e0a02 100%) !important;<br /> border-bottom: 2px solid #d4af37 !important;<br /> box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> #p-namespaces li a,<br /> #p-views li a,<br /> li.selected a,<br /> .vector-tab-noaction a {<br /> background: transparent !important;<br /> color: rgba(255,255,255,0.55) !important;<br /> border-color: transparent !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 11px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 1.5px !important;<br /> text-transform: uppercase !important;<br /> }<br /> #p-namespaces li.selected a,<br /> #p-views li.selected a {<br /> color: #f4d97a !important;<br /> border-bottom: 2px solid #d4af37 !important;<br /> background: rgba(212,175,55,0.12) !important;<br /> }<br /> #p-namespaces li a:hover,<br /> #p-views li a:hover {<br /> color: #fff !important;<br /> background: rgba(255,255,255,0.06) !important;<br /> }<br /> <br /> #searchInput,<br /> input[name=&quot;search&quot;],<br /> .cdx-text-input__input {<br /> border-radius: 0 !important;<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.6) !important;<br /> background: rgba(0,0,0,0.25) !important;<br /> color: rgba(255,255,255,0.95) !important;<br /> padding: 6px 14px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 14px !important;<br /> font-style: italic !important;<br /> }<br /> #searchInput::placeholder { color: rgba(255,255,255,0.4) !important; font-style: italic; }<br /> #searchButton, .searchButton {<br /> background: #d4af37 !important;<br /> border-radius: 0 !important;<br /> border: none !important;<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1px !important;<br /> text-transform: uppercase !important;<br /> font-size: 10px !important;<br /> }<br /> <br /> /* === SIDEBAR ============================================== */<br /> #mw-panel {<br /> position: absolute !important;<br /> width: 220px !important;<br /> left: 0 !important;<br /> top: 0 !important;<br /> padding-top: 0 !important;<br /> background: #faf4e0 !important;<br /> border-right: 1px solid rgba(212,175,55,0.18) !important;<br /> }<br /> <br /> .portal h3,<br /> #p-tb h3,<br /> #p-navigation h3 {<br /> color: #a8861f !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 10px !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 2px !important;<br /> text-transform: uppercase !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.25) !important;<br /> padding-bottom: 6px !important;<br /> margin-bottom: 8px !important;<br /> position: relative;<br /> }<br /> .portal h3::after,<br /> #p-tb h3::after,<br /> #p-navigation h3::after {<br /> content: &quot;✦&quot;;<br /> position: absolute;<br /> right: 0;<br /> color: #d4af37;<br /> font-size: 9px;<br /> opacity: 0.7;<br /> }<br /> <br /> .portal li a,<br /> #p-tb li a,<br /> #p-navigation li a {<br /> color: #2a1a08 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 600 !important;<br /> text-decoration: none !important;<br /> line-height: 1.95 !important;<br /> transition: all 0.2s !important;<br /> }<br /> .portal li a:hover,<br /> #p-tb li a:hover,<br /> #p-navigation li a:hover {<br /> color: #a8861f !important;<br /> padding-left: 6px !important;<br /> }<br /> <br /> .portal {<br /> margin: 12px 0 !important;<br /> padding: 0 12px !important;<br /> }<br /> <br /> /* === CONTEÚDO PRINCIPAL =================================== */<br /> #content, div#content {<br /> margin-left: 260px !important;<br /> margin-right: 12px !important;<br /> margin-top: 12px !important;<br /> margin-bottom: 12px !important;<br /> background: #fff !important;<br /> border: 1px solid rgba(212,175,55,0.25) !important;<br /> border-radius: 4px !important;<br /> box-shadow: 0 2px 10px rgba(212,175,55,0.08), inset 0 0 0 1px rgba(212,175,55,0.04) !important;<br /> padding: 32px 36px !important;<br /> position: relative;<br /> }<br /> /* Decoração de cantos no content (4 cantos com pequeno detalhe dourado) */<br /> #content::before,<br /> #content::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 14px;<br /> height: 14px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.5;<br /> }<br /> #content::before {<br /> top: 6px; left: 6px;<br /> border-right: none; border-bottom: none;<br /> }<br /> #content::after {<br /> bottom: 6px; right: 6px;<br /> border-left: none; border-top: none;<br /> }<br /> #column-content {<br /> margin-left: 250px !important;<br /> }<br /> #mw-head-base {<br /> margin-left: 230px !important;<br /> }<br /> <br /> /* === TIPOGRAFIA =========================================== */<br /> h1.firstHeading,<br /> #firstHeading {<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 32px !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1.5px !important;<br /> border-bottom: none !important;<br /> padding-bottom: 12px !important;<br /> margin-bottom: 24px !important;<br /> position: relative;<br /> }<br /> h1.firstHeading::after,<br /> #firstHeading::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0; left: 0;<br /> width: 100px; height: 2px;<br /> background: linear-gradient(90deg, #d4af37, transparent);<br /> }<br /> h2 {<br /> color: #1b1304 !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 20px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 1px !important;<br /> border-bottom: 1px solid rgba(212,175,55,0.25) !important;<br /> padding-bottom: 8px !important;<br /> margin: 28px 0 14px !important;<br /> }<br /> h3 {<br /> color: #a8861f !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 16px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 0.5px !important;<br /> margin: 20px 0 10px !important;<br /> }<br /> <br /> p { font-size: 16px !important; }<br /> <br /> a, a:visited { color: #a8861f !important; text-decoration: none !important; transition: all 0.15s !important; }<br /> a:hover { color: #d4af37 !important; text-decoration: underline !important; text-decoration-color: rgba(212,175,55,0.5) !important; text-underline-offset: 3px !important; }<br /> a.new { color: #c25450 !important; }<br /> <br /> /* === TABELAS ============================================== */<br /> table.wikitable {<br /> border-collapse: collapse !important;<br /> width: 100% !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 15px !important;<br /> margin: 16px 0 !important;<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-radius: 4px !important;<br /> overflow: hidden !important;<br /> }<br /> table.wikitable th {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02) !important;<br /> color: #f4d97a !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 11px !important;<br /> font-weight: 700 !important;<br /> text-transform: uppercase !important;<br /> letter-spacing: 1.5px !important;<br /> padding: 12px 16px !important;<br /> border: 1px solid rgba(212,175,55,0.4) !important;<br /> }<br /> table.wikitable td {<br /> padding: 10px 16px !important;<br /> border: 1px solid rgba(212,175,55,0.15) !important;<br /> background: #fff !important;<br /> color: #3a2614 !important;<br /> }<br /> table.wikitable tr:nth-child(even) td { background: #fdf8e8 !important; }<br /> table.wikitable tr:hover td { background: #fef3d5 !important; }<br /> <br /> /* === TOC, CATEGORIAS, FOOTER (mantém base) ================ */<br /> #toc, .toc {<br /> background: #fdf8e8 !important;<br /> border: 1px solid rgba(212,175,55,0.25) !important;<br /> border-radius: 4px !important;<br /> padding: 14px 18px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> }<br /> #toc h2, .toc h2 { font-family: 'Inter', system-ui, sans-serif !important; color: #a8861f !important; font-size: 12px !important; letter-spacing: 1.5px !important; }<br /> <br /> #catlinks {<br /> background: #fdf8e8 !important;<br /> border: 1px solid rgba(212,175,55,0.2) !important;<br /> border-radius: 4px !important;<br /> padding: 10px 16px !important;<br /> font-size: 13px !important;<br /> margin-top: 28px !important;<br /> }<br /> <br /> #footer-info-lastmod, li#footer-info-lastmod { display: none !important; }<br /> .page-Página_principal #footer-places,<br /> .page-Página_principal #footer-info { display: none !important; }<br /> <br /> #footer, .mw-footer {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02) !important;<br /> border-top: 2px solid #d4af37 !important;<br /> padding: 14px 24px !important;<br /> }<br /> #footer-places li, #footer-info li, #footer li {<br /> display: inline !important;<br /> color: rgba(255,255,255,0.5) !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-size: 13px !important;<br /> }<br /> #footer-places li::after { content: &quot; · &quot;; color: rgba(212,175,55,0.4); }<br /> #footer-places li:last-child::after { content: &quot;&quot;; }<br /> #footer a { color: rgba(255,255,255,0.55) !important; }<br /> #footer a:hover { color: #d4af37 !important; }<br /> #footer-icons { display: none !important; }<br /> <br /> /* === EDIT BOX, BOTÕES, SCROLLBAR ========================== */<br /> #wpTextbox1 {<br /> border: 1px solid rgba(212,175,55,0.3) !important;<br /> border-radius: 4px !important;<br /> padding: 12px !important;<br /> font-size: 14px !important;<br /> font-family: &quot;Courier New&quot;, monospace !important;<br /> }<br /> .mw-ui-progressive,<br /> .oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background: linear-gradient(180deg, #d4af37, #a8861f) !important;<br /> border: 1px solid #8a6c1e !important;<br /> color: #1b1304 !important;<br /> border-radius: 2px !important;<br /> font-family: 'Inter', system-ui, sans-serif !important;<br /> font-weight: 700 !important;<br /> letter-spacing: 1px !important;<br /> text-transform: uppercase !important;<br /> font-size: 11px !important;<br /> }<br /> ::-webkit-scrollbar { width: 6px; height: 6px; }<br /> ::-webkit-scrollbar-track { background: rgba(212,175,55,0.05); }<br /> ::-webkit-scrollbar-thumb { background: rgba(212,175,55,0.4); border-radius: 0; }<br /> ::-webkit-scrollbar-thumb:hover { background: #d4af37; }<br /> <br /> /* ============================================================<br /> COMPONENTES AureumRO (.aur-*)<br /> ============================================================ */<br /> <br /> /* === HERO com decoração própria ============================ */<br /> .aur-hero {<br /> position: relative;<br /> background:<br /> radial-gradient(circle at 20% 30%, rgba(212,175,55,0.08) 0%, transparent 50%),<br /> radial-gradient(circle at 80% 70%, rgba(212,175,55,0.06) 0%, transparent 50%),<br /> linear-gradient(135deg, #1b1304 0%, #2a1f0c 50%, #0e0a02 100%);<br /> border: 1px solid rgba(212,175,55,0.4);<br /> border-radius: 4px;<br /> padding: 44px 36px;<br /> text-align: center;<br /> margin-bottom: 24px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 24px rgba(212,175,55,0.12), inset 0 1px 0 rgba(255,255,255,0.05);<br /> }<br /> /* Cantos decorativos do hero (4 cantos) */<br /> .aur-hero::before,<br /> .aur-hero::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 32px;<br /> height: 32px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.6;<br /> }<br /> .aur-hero::before {<br /> top: 10px; left: 10px;<br /> border-right: none; border-bottom: none;<br /> }<br /> .aur-hero::after {<br /> bottom: 10px; right: 10px;<br /> border-left: none; border-top: none;<br /> }<br /> .aur-hero-title {<br /> color: #fff;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 36px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> margin-bottom: 10px;<br /> text-shadow: 0 2px 8px rgba(212,175,55,0.3);<br /> line-height: 1.15;<br /> }<br /> .aur-hero-title .accent {<br /> background: linear-gradient(120deg, #f4d97a 0%, #d4af37 60%, #a8861f 100%);<br /> -webkit-background-clip: text;<br /> -webkit-text-fill-color: transparent;<br /> background-clip: text;<br /> }<br /> .aur-hero-sub {<br /> color: rgba(255,255,255,0.65);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-style: italic;<br /> font-size: 16px;<br /> line-height: 1.6;<br /> margin-bottom: 22px;<br /> max-width: 640px;<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> .aur-hero-badge {<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.5);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> letter-spacing: 3px;<br /> text-transform: uppercase;<br /> padding: 5px 14px;<br /> border-radius: 0;<br /> margin-bottom: 18px;<br /> }<br /> .aur-pills {<br /> display: flex;<br /> gap: 10px;<br /> justify-content: center;<br /> flex-wrap: wrap;<br /> }<br /> .aur-pill {<br /> background: rgba(212,175,55,0.08);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> color: rgba(255,255,255,0.8);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> padding: 6px 14px;<br /> border-radius: 0;<br /> font-size: 13px;<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> transition: all 0.2s;<br /> }<br /> .aur-pill:hover {<br /> border-color: #d4af37;<br /> background: rgba(212,175,55,0.18);<br /> color: #fff;<br /> }<br /> <br /> /* === STATS GRANDES (4 cards substituem a infobar 6-células) === */<br /> .aur-stats {<br /> display: grid;<br /> grid-template-columns: repeat(4, 1fr);<br /> gap: 12px;<br /> margin-bottom: 22px;<br /> }<br /> .aur-stat {<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> border-top: 3px solid #d4af37;<br /> padding: 18px 16px;<br /> text-align: center;<br /> position: relative;<br /> transition: all 0.2s;<br /> }<br /> .aur-stat:hover {<br /> border-top-color: #f4d97a;<br /> box-shadow: 0 6px 18px rgba(212,175,55,0.15);<br /> transform: translateY(-2px);<br /> }<br /> .aur-stat-icon {<br /> font-size: 22px;<br /> color: #d4af37;<br /> margin-bottom: 4px;<br /> }<br /> .aur-stat-label {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 600;<br /> text-transform: uppercase;<br /> letter-spacing: 2px;<br /> color: #8a6c1e;<br /> margin-bottom: 6px;<br /> }<br /> .aur-stat-value {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> letter-spacing: 0.5px;<br /> }<br /> <br /> /* === WIDGETS: Status do servidor + Notícias ============== */<br /> .aur-widgets {<br /> display: grid;<br /> grid-template-columns: 1fr 1.4fr;<br /> gap: 12px;<br /> margin-bottom: 22px;<br /> }<br /> .aur-widget {<br /> background: #fff;<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-radius: 4px;<br /> overflow: hidden;<br /> position: relative;<br /> }<br /> .aur-widget-header {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02);<br /> padding: 12px 18px;<br /> border-bottom: 2px solid #d4af37;<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> }<br /> .aur-widget-title {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 12px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> text-transform: uppercase;<br /> }<br /> .aur-widget-body { padding: 16px 18px; }<br /> .aur-widget-body p { margin: 4px 0; font-size: 14px; color: #3a2614; }<br /> <br /> /* Status indicator */<br /> .aur-status-dot {<br /> display: inline-block;<br /> width: 10px; height: 10px;<br /> border-radius: 50%;<br /> background: #2eb86b;<br /> box-shadow: 0 0 8px #2eb86b;<br /> animation: aur-pulse 2s infinite;<br /> }<br /> @keyframes aur-pulse {<br /> 0%, 100% { opacity: 1; }<br /> 50% { opacity: 0.6; }<br /> }<br /> .aur-status-line {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> padding: 6px 0;<br /> border-bottom: 1px dashed rgba(212,175,55,0.18);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> }<br /> .aur-status-line:last-child { border-bottom: none; }<br /> .aur-status-label { color: #6b5a3a; font-size: 14px; }<br /> .aur-status-value { color: #1b1304; font-weight: 600; font-size: 14px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.5px; }<br /> <br /> /* Notícias */<br /> .aur-news-item {<br /> padding: 10px 0;<br /> border-bottom: 1px dashed rgba(212,175,55,0.18);<br /> }<br /> .aur-news-item:last-child { border-bottom: none; }<br /> .aur-news-date {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> color: #a8861f;<br /> text-transform: uppercase;<br /> letter-spacing: 1.5px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-news-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 14px;<br /> color: #1b1304;<br /> font-weight: 600;<br /> }<br /> .aur-news-title a { color: #1b1304 !important; }<br /> .aur-news-title a:hover { color: #d4af37 !important; text-decoration: none !important; }<br /> <br /> /* === BLOCOS DE NAVEGAÇÃO ================================== */<br /> .wiki-blocks {<br /> display: grid;<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 12px;<br /> margin-bottom: 16px;<br /> }<br /> .wiki-block {<br /> background: #fff;<br /> border: 1px solid rgba(212,175,55,0.22);<br /> border-radius: 4px;<br /> overflow: hidden;<br /> transition: all 0.2s;<br /> }<br /> .wiki-block:hover {<br /> border-color: rgba(212,175,55,0.5);<br /> box-shadow: 0 4px 16px rgba(212,175,55,0.1);<br /> }<br /> .wiki-block-title {<br /> background: linear-gradient(180deg, #1b1304, #0e0a02);<br /> padding: 11px 18px;<br /> border-bottom: 2px solid #d4af37;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 10px;<br /> }<br /> .wiki-block-title::before,<br /> .wiki-block-title::after {<br /> content: &quot;✦&quot;;<br /> color: #d4af37;<br /> font-size: 10px;<br /> }<br /> .wiki-block-title-text {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 2px;<br /> }<br /> .wiki-link {<br /> display: flex;<br /> align-items: center;<br /> gap: 12px;<br /> padding: 12px 18px;<br /> border-bottom: 1px solid rgba(212,175,55,0.08);<br /> text-decoration: none !important;<br /> color: #3a2614 !important;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> transition: all 0.18s;<br /> position: relative;<br /> }<br /> .wiki-link::after {<br /> content: &quot;›&quot;;<br /> position: absolute;<br /> right: 14px;<br /> color: rgba(212,175,55,0);<br /> font-size: 18px;<br /> transition: all 0.18s;<br /> }<br /> .wiki-link:last-child { border-bottom: none; }<br /> .wiki-link:hover {<br /> color: #a8861f !important;<br /> background: linear-gradient(90deg, rgba(212,175,55,0.08), transparent);<br /> padding-left: 22px;<br /> }<br /> .wiki-link:hover::after {<br /> color: #d4af37;<br /> right: 10px;<br /> }<br /> .wiki-link img,<br /> .wiki-link .mw-file-element {<br /> width: 40px !important;<br /> height: 40px !important;<br /> max-width: 40px !important;<br /> max-height: 40px !important;<br /> object-fit: contain !important;<br /> flex-shrink: 0 !important;<br /> filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15));<br /> }<br /> /* Ícones do divine-pride são pixel art — manter pixelated */<br /> .wiki-link img[src*=&quot;divine-pride&quot;] {<br /> image-rendering: pixelated;<br /> }<br /> /* Wrapper que MediaWiki coloca em [[File:]] */<br /> .wiki-link span[typeof=&quot;mw:File&quot;] {<br /> display: inline-flex !important;<br /> align-items: center !important;<br /> flex-shrink: 0 !important;<br /> }<br /> .wiki-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); }<br /> .wiki-grid-2 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-2 .wiki-link:nth-child(2n) { border-right: none; }<br /> .wiki-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); }<br /> .wiki-grid-4 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-4 .wiki-link:nth-child(4n) { border-right: none; }<br /> .wiki-grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); }<br /> .wiki-grid-5 .wiki-link { border-right: 1px solid rgba(212,175,55,0.08); }<br /> .wiki-grid-5 .wiki-link:nth-child(5n) { border-right: none; }<br /> .wiki-full { grid-column: span 2; }<br /> <br /> @media (max-width: 850px) {<br /> .wiki-blocks { grid-template-columns: 1fr; }<br /> .wiki-full { grid-column: span 1; }<br /> .wiki-grid-4 { grid-template-columns: repeat(2, 1fr); }<br /> .wiki-grid-5 { grid-template-columns: repeat(2, 1fr); }<br /> .aur-stats { grid-template-columns: repeat(2, 1fr); }<br /> .aur-widgets { grid-template-columns: 1fr; }<br /> }<br /> <br /> /* === BANNER FINAL ========================================= */<br /> .aur-banner {<br /> background:<br /> radial-gradient(circle at 30% 50%, rgba(212,175,55,0.1) 0%, transparent 70%),<br /> linear-gradient(135deg, #1b1304, #0e0a02);<br /> border: 1px solid rgba(212,175,55,0.35);<br /> border-radius: 4px;<br /> padding: 18px 22px;<br /> display: flex;<br /> align-items: center;<br /> gap: 16px;<br /> margin: 18px 0;<br /> position: relative;<br /> overflow: hidden;<br /> }<br /> .aur-banner::before,<br /> .aur-banner::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 20px; height: 20px;<br /> border: 1px solid rgba(212,175,55,0.5);<br /> }<br /> .aur-banner::before {<br /> top: 6px; left: 6px;<br /> border-right: none; border-bottom: none;<br /> }<br /> .aur-banner::after {<br /> bottom: 6px; right: 6px;<br /> border-left: none; border-top: none;<br /> }<br /> .aur-banner-title {<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-weight: 700;<br /> font-size: 14px;<br /> letter-spacing: 1px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-banner-sub {<br /> color: rgba(255,255,255,0.55);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-style: italic;<br /> font-size: 13px;<br /> line-height: 1.4;<br /> }<br /> .aur-banner-tags {<br /> display: flex;<br /> gap: 8px;<br /> margin-left: auto;<br /> flex-shrink: 0;<br /> }<br /> .aur-banner-tag {<br /> background: rgba(212,175,55,0.18);<br /> border: 1px solid rgba(212,175,55,0.5);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> padding: 4px 10px;<br /> letter-spacing: 1.5px;<br /> text-transform: uppercase;<br /> }<br /> <br /> /* === HERO DE PÁGINA INTERNA ============================== */<br /> .aur-page-hero {<br /> background:<br /> radial-gradient(circle at 30% 20%, rgba(212,175,55,0.1) 0%, transparent 60%),<br /> linear-gradient(135deg, #1b1304 0%, #2a1f0c 50%, #0e0a02 100%);<br /> border: 1px solid rgba(212,175,55,0.4);<br /> border-radius: 4px;<br /> padding: 28px 32px;<br /> margin: 0 auto 32px;<br /> max-width: 720px;<br /> position: relative;<br /> text-align: center;<br /> }<br /> .aur-page-hero::before,<br /> .aur-page-hero::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> width: 22px; height: 22px;<br /> border: 2px solid #d4af37;<br /> opacity: 0.6;<br /> }<br /> .aur-page-hero::before { top: 8px; left: 8px; border-right: none; border-bottom: none; }<br /> .aur-page-hero::after { bottom: 8px; right: 8px; border-left: none; border-top: none; }<br /> .aur-page-hero-badge {<br /> display: inline-block;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.45);<br /> color: #f4d97a;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> letter-spacing: 1.6px;<br /> text-transform: uppercase;<br /> padding: 5px 14px;<br /> margin-bottom: 12px;<br /> }<br /> .aur-page-hero-sub {<br /> color: rgba(255,255,255,0.7);<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> line-height: 1.55;<br /> }<br /> <br /> /* === TÍTULOS DE SEÇÃO — banner suave ===================== */<br /> .aur-section-banner {<br /> display: inline-block;<br /> position: relative;<br /> margin: 32px auto 20px;<br /> padding: 14px 56px;<br /> background: linear-gradient(180deg, #fdf8e8 0%, #faf0d4 100%);<br /> border: 1px solid rgba(212,175,55,0.35);<br /> border-radius: 4px;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.08), inset 0 1px 0 rgba(255,255,255,0.6);<br /> }<br /> .aur-section-banner::before,<br /> .aur-section-banner::after {<br /> content: &quot;✦&quot;;<br /> position: absolute;<br /> top: 50%;<br /> transform: translateY(-50%);<br /> color: #d4af37;<br /> font-size: 11px;<br /> opacity: 0.7;<br /> }<br /> .aur-section-banner::before { left: 22px; }<br /> .aur-section-banner::after { right: 22px; }<br /> .aur-section-banner-text {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 18px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> letter-spacing: 0.5px;<br /> }<br /> /* Compat: manter .aur-section-title antigo funcional sem ícone */<br /> .aur-section-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 20px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> margin: 28px 0 18px;<br /> text-align: center;<br /> }<br /> .aur-section-icon { display: none; }<br /> <br /> /* === GRID DE INFOS (substitui tabela) ===================== */<br /> .aur-info-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 10px;<br /> margin: 0 auto 16px;<br /> max-width: 880px;<br /> }<br /> .aur-info-grid-2 {<br /> grid-template-columns: repeat(2, 1fr);<br /> max-width: 640px;<br /> }<br /> .aur-info-cell {<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-top: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 14px 16px;<br /> text-align: center;<br /> transition: all 0.18s;<br /> }<br /> .aur-info-cell:hover {<br /> border-top-color: #f4d97a;<br /> transform: translateY(-2px);<br /> box-shadow: 0 4px 12px rgba(212,175,55,0.15);<br /> }<br /> .aur-info-label {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 1.4px;<br /> color: #8a6c1e;<br /> margin-bottom: 6px;<br /> }<br /> .aur-info-value {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 16px;<br /> font-weight: 600;<br /> color: #1b1304;<br /> line-height: 1.3;<br /> }<br /> .aur-info-value small {<br /> display: block;<br /> font-size: 11px;<br /> font-weight: 400;<br /> color: #a09075;<br /> margin-top: 2px;<br /> letter-spacing: 0.3px;<br /> }<br /> <br /> /* === DICA / TIP CARD ===================================== */<br /> .aur-tip-card {<br /> display: flex;<br /> align-items: flex-start;<br /> gap: 16px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.3);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 18px 20px;<br /> margin: 0 auto 16px;<br /> max-width: 720px;<br /> text-align: left;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.1);<br /> }<br /> .aur-tip-icon {<br /> flex-shrink: 0;<br /> width: 48px; height: 48px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.12);<br /> border-radius: 4px;<br /> image-rendering: pixelated;<br /> }<br /> .aur-tip-icon .mw-file-element {<br /> width: 36px !important;<br /> height: 36px !important;<br /> max-width: 36px !important;<br /> max-height: 36px !important;<br /> image-rendering: pixelated;<br /> }<br /> .aur-tip-body { flex: 1; }<br /> .aur-tip-title {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 1.6px;<br /> color: #a8861f;<br /> margin-bottom: 6px;<br /> }<br /> .aur-tip-text {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 15px;<br /> color: #3a2614;<br /> line-height: 1.6;<br /> }<br /> <br /> /* === DIVIDER decorativo ✦ ================================ */<br /> .aur-divider {<br /> display: flex;<br /> align-items: center;<br /> gap: 14px;<br /> margin: 32px auto 24px;<br /> max-width: 880px;<br /> }<br /> .aur-divider::before,<br /> .aur-divider::after {<br /> content: &quot;&quot;;<br /> flex: 1;<br /> height: 1px;<br /> background: linear-gradient(90deg, transparent, rgba(212,175,55,0.4), transparent);<br /> }<br /> .aur-divider span {<br /> color: #d4af37;<br /> font-size: 14px;<br /> }<br /> <br /> @media (max-width: 800px) {<br /> .aur-info-grid { grid-template-columns: repeat(2, 1fr); }<br /> .aur-info-grid-2 { grid-template-columns: 1fr; }<br /> }<br /> <br /> /* === CONTEÚDO CENTRALIZADO (.aur-centered wrapper) ====== */<br /> .aur-centered { text-align: center; }<br /> .aur-centered h1, .aur-centered h2, .aur-centered h3 {<br /> text-align: center !important;<br /> border-bottom: none !important;<br /> position: relative;<br /> }<br /> .aur-centered h1::after,<br /> .aur-centered h2::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: -4px; left: 50%;<br /> transform: translateX(-50%);<br /> width: 80px; height: 2px;<br /> background: linear-gradient(90deg, transparent, #d4af37, transparent) !important;<br /> }<br /> .aur-centered p { text-align: center; }<br /> .aur-centered ul, .aur-centered ol {<br /> display: inline-block;<br /> text-align: left;<br /> }<br /> .aur-centered table {<br /> margin-left: auto !important;<br /> margin-right: auto !important;<br /> }<br /> .aur-centered .mw-editsection,<br /> .aur-centered .mw-editsection-bracket { display: none !important; }<br /> <br /> /* === SEPARADOR DECORATIVO (flor de lis estilizada) ======= */<br /> .aur-separator {<br /> display: flex;<br /> align-items: center;<br /> gap: 16px;<br /> margin: 28px 0;<br /> color: rgba(212,175,55,0.4);<br /> }<br /> .aur-separator::before,<br /> .aur-separator::after {<br /> content: &quot;&quot;;<br /> flex: 1;<br /> height: 1px;<br /> background: linear-gradient(90deg, transparent, rgba(212,175,55,0.4), transparent);<br /> }<br /> .aur-separator-icon { font-size: 14px; color: #d4af37; }<br /> <br /> /* === FIX ABAS DO HEADER (mantém base do Edda) ============= */<br /> #p-namespaces li,<br /> #p-namespaces li a,<br /> #p-namespaces li.selected,<br /> #p-namespaces li.selected a,<br /> #p-views li,<br /> #p-views li a,<br /> #p-views li.selected,<br /> #p-views li.selected a,<br /> .vector-tab-noaction,<br /> .vector-tab-noaction a,<br /> div#p-namespaces ul li,<br /> div#p-views ul li {<br /> background: transparent !important;<br /> background-color: transparent !important;<br /> background-image: none !important;<br /> border: none !important;<br /> border-color: transparent !important;<br /> box-shadow: none !important;<br /> }<br /> <br /> #left-navigation {<br /> margin-left: 230px !important;<br /> }<br /> <br /> /* === ALIASES .edda-* para compatibilidade transitória ===== */<br /> .edda-hero { /* alias deprecado */ }<br /> .edda-pill, .edda-pills,<br /> .edda-infobar, .edda-infobar-cell, .edda-infobar-label, .edda-infobar-value,<br /> .edda-banner, .edda-banner-title, .edda-banner-sub, .edda-banner-tags, .edda-banner-tag {<br /> /* nada — abandonado, use .aur-* */<br /> }<br /> <br /> /* === TIP CARD sem ícone (modifier) ====================== */<br /> .aur-tip-card-noicon { padding-left: 22px; }<br /> .aur-tip-card-noicon .aur-tip-body { width: 100%; }<br /> <br /> /* === ALINHAMENTO: último item ímpar centralizado ========= */<br /> /* Regra global pra TODOS os grids: quando o último item fica<br /> sozinho na última linha, centraliza horizontalmente. */<br /> .aur-info-grid &gt; .aur-info-cell:last-child:nth-child(3n - 2),<br /> .aur-info-grid:not(.aur-info-grid-2) &gt; .aur-info-cell:last-child:nth-child(3n + 1) {<br /> grid-column: 2 / span 1;<br /> }<br /> .aur-info-grid-2 &gt; .aur-info-cell:last-child:nth-child(odd) {<br /> grid-column: 1 / -1;<br /> max-width: calc((100% - 10px) / 2);<br /> justify-self: center;<br /> }<br /> <br /> /* === COMPACTAÇÃO (.aur-compact wrapper) ================== */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 18px 24px;<br /> margin-bottom: 16px;<br /> max-width: 600px;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 6px;<br /> font-size: 10px;<br /> padding: 3px 11px;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 13px;<br /> line-height: 1.4;<br /> }<br /> .aur-compact .aur-section-banner {<br /> margin: 14px auto 10px;<br /> padding: 10px 48px;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 16px; }<br /> .aur-compact .aur-info-grid { gap: 6px; margin-bottom: 10px; }<br /> .aur-compact .aur-info-cell {<br /> padding: 9px 12px;<br /> border-top-width: 2px;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 9.5px;<br /> letter-spacing: 1.2px;<br /> margin-bottom: 3px;<br /> }<br /> .aur-compact .aur-info-value { font-size: 13.5px; line-height: 1.25; }<br /> .aur-compact .aur-info-value small {<br /> font-size: 10px;<br /> margin-top: 1px;<br /> }<br /> .aur-compact .aur-tip-card {<br /> padding: 10px 16px;<br /> margin-bottom: 10px;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 10px;<br /> margin-bottom: 4px;<br /> letter-spacing: 1.4px;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 13px; line-height: 1.45; }<br /> .aur-tip-compact .aur-tip-title { margin-bottom: 2px; }<br /> .aur-tip-compact .aur-tip-text { font-size: 13px; }<br /> <br /> /* === VIP — destaque visual marcante ===================== */<br /> .aur-section-banner-vip {<br /> background: linear-gradient(180deg, #1b1304 0%, #2a1f0c 100%) !important;<br /> border: 1px solid #d4af37 !important;<br /> box-shadow: 0 4px 14px rgba(212,175,55,0.25), inset 0 1px 0 rgba(255,255,255,0.08) !important;<br /> padding-right: 110px !important;<br /> position: relative;<br /> }<br /> .aur-section-banner-vip::before,<br /> .aur-section-banner-vip::after {<br /> color: #f4d97a !important;<br /> opacity: 1 !important;<br /> font-size: 12px !important;<br /> }<br /> .aur-section-banner-vip .aur-section-banner-text {<br /> color: #f4d97a !important;<br /> letter-spacing: 2px !important;<br /> text-shadow: 0 0 12px rgba(244,217,122,0.4);<br /> }<br /> .aur-vip-tag {<br /> position: absolute;<br /> right: 14px;<br /> top: 50%;<br /> transform: translateY(-50%);<br /> background: linear-gradient(180deg, #d4af37, #a8861f);<br /> color: #1b1304;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 9px;<br /> font-weight: 800;<br /> letter-spacing: 1.4px;<br /> text-transform: uppercase;<br /> padding: 4px 9px;<br /> border-radius: 12px;<br /> box-shadow: 0 2px 6px rgba(212,175,55,0.4);<br /> }<br /> .aur-tip-vip {<br /> background: linear-gradient(180deg, #fff8e0, #fdf0c8) !important;<br /> border-color: rgba(212,175,55,0.5) !important;<br /> border-left-color: #d4af37 !important;<br /> border-left-width: 5px !important;<br /> }<br /> .aur-info-grid-vip .aur-info-cell {<br /> background: linear-gradient(180deg, #fffbe8, #fdf0c8);<br /> border-top-color: #f4d97a !important;<br /> border-top-width: 3px !important;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.12);<br /> }<br /> .aur-info-grid-vip .aur-info-cell:hover {<br /> border-top-color: #ffe999 !important;<br /> box-shadow: 0 5px 14px rgba(212,175,55,0.22);<br /> }<br /> .aur-info-grid-vip .aur-info-label { color: #a8861f !important; }<br /> <br /> /* === VIP fix: esconder ✦ direito (a tag EXCLUSIVO ocupa o espaço) === */<br /> .aur-section-banner-vip::after { display: none !important; }<br /> .aur-section-banner-vip { padding-left: 28px !important; padding-right: 28px !important; }<br /> <br /> /* === VIP: esconder ✦ esquerdo também ==================== */<br /> .aur-section-banner-vip::before { display: none !important; }<br /> .aur-section-banner-vip { padding-left: 28px !important; }<br /> <br /> /* === COMPACTAÇÃO AGRESSIVA (.aur-compact override + extra) === */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 10px 18px !important;<br /> margin-bottom: 8px !important;<br /> max-width: 560px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 3px !important;<br /> font-size: 9px !important;<br /> padding: 2px 10px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 11.5px !important;<br /> line-height: 1.3 !important;<br /> }<br /> .aur-compact .aur-page-hero-sm::before,<br /> .aur-compact .aur-page-hero-sm::after {<br /> width: 14px !important;<br /> height: 14px !important;<br /> }<br /> .aur-compact .aur-section-banner {<br /> margin: 8px auto 6px !important;<br /> padding: 6px 36px !important;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 13px !important; }<br /> .aur-compact .aur-info-grid { gap: 5px !important; margin-bottom: 6px !important; }<br /> .aur-compact .aur-info-cell {<br /> padding: 6px 10px !important;<br /> border-top-width: 2px !important;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 9px !important;<br /> letter-spacing: 1px !important;<br /> margin-bottom: 2px !important;<br /> }<br /> .aur-compact .aur-info-value { font-size: 12.5px !important; line-height: 1.2 !important; }<br /> .aur-compact .aur-info-value small {<br /> font-size: 9.5px !important;<br /> margin-top: 0 !important;<br /> }<br /> .aur-compact .aur-tip-card {<br /> padding: 8px 14px !important;<br /> margin-bottom: 6px !important;<br /> gap: 12px !important;<br /> }<br /> .aur-compact .aur-tip-icon {<br /> width: 38px !important;<br /> height: 38px !important;<br /> }<br /> .aur-compact .aur-tip-icon .mw-file-element {<br /> width: 28px !important;<br /> height: 28px !important;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 9.5px !important;<br /> margin-bottom: 2px !important;<br /> letter-spacing: 1.2px !important;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 12px !important; line-height: 1.4 !important; }<br /> .aur-compact .aur-divider { margin: 8px auto !important; }<br /> .aur-compact .aur-vip-tag {<br /> font-size: 8.5px !important;<br /> padding: 3px 7px !important;<br /> letter-spacing: 1.1px !important;<br /> }<br /> .aur-compact .aur-section-banner-vip { padding-right: 28px !important; }<br /> <br /> /* === ONEPAGE: páginas .aur-compact cabem 100% em 1 tela === */<br /> /* Reduz drasticamente H1 + remove margem grande do firstHeading */<br /> .aur-compact + .aur-compact, /* fallback */<br /> body:has(.aur-compact) h1.firstHeading,<br /> body:has(.aur-compact) #firstHeading {<br /> font-size: 18px !important;<br /> padding-bottom: 4px !important;<br /> margin-bottom: 6px !important;<br /> letter-spacing: 0.5px !important;<br /> }<br /> body:has(.aur-compact) h1.firstHeading::after,<br /> body:has(.aur-compact) #firstHeading::after {<br /> width: 50px !important;<br /> bottom: -2px !important;<br /> }<br /> body:has(.aur-compact) #content,<br /> body:has(.aur-compact) div#content {<br /> padding: 14px 22px !important;<br /> margin-top: 6px !important;<br /> }<br /> body:has(.aur-compact) #content::before,<br /> body:has(.aur-compact) #content::after {<br /> width: 10px !important;<br /> height: 10px !important;<br /> }<br /> <br /> /* Hero ainda menor */<br /> .aur-compact .aur-page-hero-sm {<br /> padding: 7px 18px 8px !important;<br /> margin-bottom: 6px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-badge {<br /> margin-bottom: 2px !important;<br /> font-size: 8.5px !important;<br /> padding: 1px 8px !important;<br /> }<br /> .aur-compact .aur-page-hero-sm .aur-page-hero-sub {<br /> font-size: 10.5px !important;<br /> line-height: 1.25 !important;<br /> }<br /> <br /> /* Banners e dividers ainda mais discretos */<br /> .aur-compact .aur-section-banner {<br /> margin: 6px auto 4px !important;<br /> padding: 5px 32px !important;<br /> }<br /> .aur-compact .aur-section-banner-text { font-size: 12px !important; }<br /> .aur-compact .aur-divider { margin: 5px auto !important; }<br /> .aur-compact .aur-divider::before,<br /> .aur-compact .aur-divider::after { height: 1px !important; }<br /> .aur-compact .aur-divider span { font-size: 10px !important; }<br /> <br /> /* Grids e cells mais densos */<br /> .aur-compact .aur-info-grid { gap: 4px !important; margin-bottom: 5px !important; }<br /> .aur-compact .aur-info-cell {<br /> padding: 5px 8px !important;<br /> border-top-width: 2px !important;<br /> }<br /> .aur-compact .aur-info-label {<br /> font-size: 8.5px !important;<br /> letter-spacing: 0.9px !important;<br /> margin-bottom: 1px !important;<br /> }<br /> .aur-compact .aur-info-value { font-size: 11.5px !important; line-height: 1.2 !important; }<br /> .aur-compact .aur-info-value small { font-size: 9px !important; }<br /> <br /> /* Tip cards super compactos */<br /> .aur-compact .aur-tip-card {<br /> padding: 6px 12px !important;<br /> margin-bottom: 5px !important;<br /> gap: 10px !important;<br /> }<br /> .aur-compact .aur-tip-icon {<br /> width: 32px !important;<br /> height: 32px !important;<br /> }<br /> .aur-compact .aur-tip-icon .mw-file-element {<br /> width: 24px !important;<br /> height: 24px !important;<br /> }<br /> .aur-compact .aur-tip-title {<br /> font-size: 8.5px !important;<br /> margin-bottom: 1px !important;<br /> letter-spacing: 1px !important;<br /> }<br /> .aur-compact .aur-tip-text { font-size: 11px !important; line-height: 1.35 !important; }<br /> <br /> /* VIP banner tag menor */<br /> .aur-compact .aur-vip-tag {<br /> font-size: 8px !important;<br /> padding: 2px 6px !important;<br /> }<br /> .aur-compact .aur-section-banner-vip { padding-right: 28px !important; }<br /> <br /> /* === MESTRA DAS CLASSES — sprite + info row ============== */<br /> .aur-mestra-row {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 28px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-top: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 14px 22px;<br /> margin: 0 auto 10px;<br /> max-width: 560px;<br /> }<br /> .aur-mestra-sprite {<br /> flex-shrink: 0;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.06);<br /> border: 1px solid rgba(212,175,55,0.18);<br /> border-radius: 3px;<br /> padding: 6px;<br /> min-width: 140px;<br /> min-height: 140px;<br /> }<br /> .aur-mestra-sprite img,<br /> .aur-mestra-sprite .mw-file-element {<br /> image-rendering: pixelated !important;<br /> max-width: 160px !important;<br /> max-height: 160px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> }<br /> .aur-mestra-info {<br /> text-align: left;<br /> flex: 1;<br /> max-width: 280px;<br /> }<br /> .aur-mestra-info .aur-info-label {<br /> font-size: 9px !important;<br /> letter-spacing: 1.1px;<br /> color: #8a6c1e;<br /> text-transform: uppercase;<br /> margin-bottom: 2px;<br /> }<br /> .aur-mestra-info .aur-info-value {<br /> font-size: 14px !important;<br /> font-weight: 600;<br /> color: #1b1304;<br /> }<br /> .aur-mestra-info .aur-info-value small {<br /> font-size: 10.5px !important;<br /> font-weight: 400;<br /> color: #a09075;<br /> }<br /> <br /> /* yes / no badges nos valores */<br /> .aur-info-value.aur-yes { color: #1f8f4f !important; }<br /> .aur-info-value.aur-no { color: #b85050 !important; opacity: 0.7; }<br /> <br /> /* === Banner VIP sem tag (padding simétrico) ============== */<br /> .aur-section-banner-vip.aur-banner-no-tag {<br /> padding-left: 28px !important;<br /> padding-right: 28px !important;<br /> }<br /> <br /> /* === MESTRA — sprite SEM moldura ========================== */<br /> .aur-mestra-sprite-bare {<br /> flex-shrink: 0;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> min-width: 180px;<br /> }<br /> .aur-mestra-sprite-bare img,<br /> .aur-mestra-sprite-bare .mw-file-element {<br /> image-rendering: pixelated !important;<br /> max-width: 220px !important;<br /> max-height: 220px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> background: none !important;<br /> border: none !important;<br /> }<br /> <br /> /* === Botão Copiar /navi ================================== */<br /> .aur-navi-btn {<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 6px;<br /> margin-top: 10px;<br /> padding: 7px 14px;<br /> background: linear-gradient(180deg, #d4af37 0%, #a8861f 100%);<br /> color: #1b1304;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px;<br /> font-weight: 700;<br /> letter-spacing: 0.6px;<br /> text-transform: uppercase;<br /> border: 1px solid #8a6c1e;<br /> border-radius: 4px;<br /> cursor: pointer;<br /> box-shadow: 0 2px 6px rgba(212,175,55,0.3), inset 0 1px 0 rgba(255,255,255,0.25);<br /> transition: all 0.18s;<br /> }<br /> .aur-navi-btn:hover {<br /> background: linear-gradient(180deg, #f4d97a 0%, #d4af37 100%);<br /> transform: translateY(-1px);<br /> box-shadow: 0 4px 10px rgba(212,175,55,0.4);<br /> }<br /> .aur-navi-btn:active { transform: translateY(0); }<br /> .aur-navi-btn-icon { font-size: 13px; }<br /> <br /> /* === Descrição abaixo do bloco da Mestra ================== */<br /> .aur-mestra-desc {<br /> max-width: 620px;<br /> margin: 6px auto 12px;<br /> padding: 0 10px;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.55;<br /> color: #3a2614;<br /> text-align: center;<br /> }<br /> .aur-mestra-desc strong, .aur-mestra-desc b {<br /> color: #1b1304;<br /> font-weight: 700;<br /> }<br /> <br /> /* === Toast notification (copiou!) ======================== */<br /> .aur-toast {<br /> position: fixed;<br /> bottom: 32px;<br /> right: 32px;<br /> z-index: 100000;<br /> display: flex;<br /> align-items: center;<br /> gap: 14px;<br /> background: linear-gradient(180deg, #1b1304 0%, #0e0a02 100%);<br /> color: #fff;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> padding: 14px 18px 14px 16px;<br /> border: 1px solid rgba(212,175,55,0.5);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 4px;<br /> box-shadow: 0 10px 36px rgba(0,0,0,0.45), 0 0 20px rgba(212,175,55,0.18);<br /> min-width: 240px;<br /> max-width: 360px;<br /> opacity: 0;<br /> transform: translateX(20px);<br /> transition: all 0.32s cubic-bezier(0.16, 1, 0.3, 1);<br /> }<br /> .aur-toast-show {<br /> opacity: 1;<br /> transform: translateX(0);<br /> }<br /> .aur-toast-out {<br /> opacity: 0;<br /> transform: translateX(20px);<br /> }<br /> .aur-toast-icon {<br /> width: 28px;<br /> height: 28px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: linear-gradient(180deg, #d4af37, #a8861f);<br /> color: #1b1304;<br /> border-radius: 50%;<br /> font-size: 14px;<br /> font-weight: 800;<br /> flex-shrink: 0;<br /> box-shadow: 0 0 8px rgba(212,175,55,0.5);<br /> }<br /> .aur-toast strong { color: #f4d97a; font-weight: 700; }<br /> .aur-toast small {<br /> color: rgba(255,255,255,0.55);<br /> font-size: 11px;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> }<br /> <br /> /* === GIF Mestra menor (30% menos) ======================== */<br /> .aur-mestra-sprite-bare img,<br /> .aur-mestra-sprite-bare .mw-file-element {<br /> max-width: 150px !important;<br /> max-height: 150px !important;<br /> }<br /> .aur-mestra-sprite-bare { min-width: 150px !important; }<br /> <br /> /* === Botão /navi — versão sóbria/elegante ================ */<br /> .aur-navi-btn {<br /> display: inline-flex !important;<br /> align-items: center;<br /> gap: 7px;<br /> margin-top: 10px;<br /> padding: 7px 14px !important;<br /> background: rgba(27,19,4,0.95) !important;<br /> color: #f4d97a !important;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11px !important;<br /> font-weight: 600 !important;<br /> letter-spacing: 0.5px !important;<br /> text-transform: none !important;<br /> border: 1px solid rgba(212,175,55,0.45) !important;<br /> border-radius: 3px !important;<br /> cursor: pointer;<br /> box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;<br /> transition: all 0.18s !important;<br /> }<br /> .aur-navi-btn:hover {<br /> background: #1b1304 !important;<br /> color: #fff !important;<br /> border-color: #d4af37 !important;<br /> box-shadow: 0 3px 10px rgba(212,175,55,0.25) !important;<br /> transform: none !important;<br /> }<br /> .aur-navi-btn:active { background: #0e0a02 !important; }<br /> .aur-navi-btn-icon {<br /> font-size: 12px !important;<br /> opacity: 0.85;<br /> }<br /> <br /> /* === Texto explicativo como card destacado ============== */<br /> .aur-mestra-desc-card {<br /> max-width: 600px;<br /> margin: 12px auto;<br /> padding: 14px 20px 14px 22px;<br /> background: linear-gradient(180deg, #fff 0%, #fdf8e8 100%);<br /> border: 1px solid rgba(212,175,55,0.28);<br /> border-left: 4px solid #d4af37;<br /> border-radius: 3px;<br /> text-align: left;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13px;<br /> line-height: 1.55;<br /> color: #3a2614;<br /> box-shadow: 0 2px 8px rgba(212,175,55,0.08);<br /> }<br /> .aur-mestra-desc-card strong,<br /> .aur-mestra-desc-card b { color: #1b1304; font-weight: 700; }<br /> .aur-mestra-desc-title {<br /> font-size: 9.5px;<br /> font-weight: 700;<br /> letter-spacing: 1.4px;<br /> text-transform: uppercase;<br /> color: #a8861f;<br /> margin-bottom: 6px;<br /> }<br /> <br /> /* === Botão /navi — sem ícone emoji, alinhado à info ===== */<br /> .aur-navi-btn {<br /> margin-top: 6px !important;<br /> padding: 6px 14px !important;<br /> }<br /> .aur-navi-btn-icon { display: none !important; }<br /> <br /> /* === Toast: barra dourada vertical no lugar do checkmark === */<br /> .aur-toast-bar {<br /> width: 3px;<br /> height: 28px;<br /> background: linear-gradient(180deg, #f4d97a, #d4af37);<br /> border-radius: 2px;<br /> box-shadow: 0 0 8px rgba(212,175,55,0.5);<br /> flex-shrink: 0;<br /> }<br /> .aur-toast-icon { display: none !important; }<br /> /* === Mestra: agrupar valor + botão /navi numa linha coesa === */<br /> .aur-mestra-loc-line {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> flex-wrap: wrap;<br /> }<br /> .aur-mestra-loc-line .aur-info-value { margin: 0 !important; }<br /> .aur-mestra-loc-line .aur-navi-btn { margin-top: 0 !important; }<br /> /* === Mestra: botao /navi grudado abaixo do valor (sem &quot;meio do nada&quot;) === */<br /> .aur-mestra-loc-line {<br /> display: flex !important;<br /> flex-direction: column !important;<br /> align-items: flex-start !important;<br /> gap: 6px !important;<br /> flex-wrap: nowrap !important;<br /> }<br /> .aur-mestra-loc-line .aur-info-value { margin: 0 !important; }<br /> .aur-mestra-loc-line .aur-navi-btn { margin-top: 0 !important; }<br /> <br /> /* === GRID DE ITENS (Caixa do Iniciante e afins) ========== */<br /> .aur-item-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 10px;<br /> margin: 0 auto 16px;<br /> max-width: 880px;<br /> }<br /> .aur-item-card {<br /> display: flex;<br /> align-items: center;<br /> gap: 12px;<br /> background: linear-gradient(180deg, #fff, #fdf8e8);<br /> border: 1px solid rgba(212,175,55,0.25);<br /> border-left: 3px solid #d4af37;<br /> border-radius: 3px;<br /> padding: 10px 12px;<br /> text-align: left;<br /> transition: all 0.18s;<br /> }<br /> .aur-item-card:hover {<br /> border-left-color: #f4d97a;<br /> transform: translateY(-2px);<br /> box-shadow: 0 4px 12px rgba(212,175,55,0.15);<br /> }<br /> .aur-item-icon {<br /> flex-shrink: 0;<br /> width: 46px; height: 46px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background: rgba(212,175,55,0.12);<br /> border: 1px solid rgba(212,175,55,0.2);<br /> border-radius: 4px;<br /> }<br /> .aur-item-icon .mw-file-element {<br /> max-width: 40px !important;<br /> max-height: 40px !important;<br /> width: auto !important;<br /> height: auto !important;<br /> image-rendering: pixelated;<br /> }<br /> .aur-item-info { flex: 1; min-width: 0; }<br /> .aur-item-name {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 13.5px;<br /> font-weight: 700;<br /> color: #1b1304;<br /> line-height: 1.25;<br /> }<br /> .aur-item-name small {<br /> font-weight: 600;<br /> color: #a8861f;<br /> font-size: 11px;<br /> }<br /> .aur-item-qty {<br /> display: inline-block;<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 10px;<br /> font-weight: 700;<br /> color: #8a6c1e;<br /> background: rgba(212,175,55,0.15);<br /> border-radius: 3px;<br /> padding: 1px 6px;<br /> margin-left: 4px;<br /> vertical-align: middle;<br /> }<br /> .aur-item-desc {<br /> font-family: 'Inter', system-ui, sans-serif;<br /> font-size: 11.5px;<br /> color: #6a5536;<br /> line-height: 1.4;<br /> margin-top: 3px;<br /> }<br /> /* último item ímpar centraliza na coluna do meio (3-col) */<br /> .aur-item-grid &gt; .aur-item-card:last-child:nth-child(3n - 2) { grid-column: 2 / span 1; }<br /> @media (max-width: 800px) {<br /> .aur-item-grid { grid-template-columns: repeat(2, 1fr); }<br /> }<br /> /* compactação */<br /> .aur-compact .aur-item-grid { gap: 6px !important; margin-bottom: 8px !important; }<br /> .aur-compact .aur-item-card { padding: 7px 9px !important; gap: 9px !important; }<br /> .aur-compact .aur-item-icon { width: 40px !important; height: 40px !important; }<br /> .aur-compact .aur-item-icon .mw-file-element { max-width: 34px !important; max-height: 34px !important; }<br /> .aur-compact .aur-item-name { font-size: 12px !important; }<br /> .aur-compact .aur-item-name small { font-size: 10px !important; }<br /> .aur-compact .aur-item-desc { font-size: 10.5px !important; line-height: 1.35 !important; margin-top: 2px !important; }<br /> <br /> /* ===================================================================<br /> ÉDEN AUREUMRO — página dedicada (layout próprio)<br /> =================================================================== */<br /> .eden-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #1b1304; }<br /> .eden-wrap *, .eden-wrap *::before, .eden-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .eden-hero {<br /> position: relative; text-align: center; padding: 42px 24px 56px; border-radius: 10px;<br /> background:<br /> radial-gradient(circle at 50% -10%, rgba(244,217,122,0.28) 0%, transparent 55%),<br /> linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> border: 1px solid rgba(212,175,55,0.45);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18);<br /> overflow: hidden;<br /> }<br /> .eden-hero::after {<br /> content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;<br /> background: linear-gradient(90deg, transparent, #d4af37, transparent);<br /> }<br /> .eden-hero img { width: 92px; height: 92px; display: block; margin: 0 auto 14px; filter: drop-shadow(0 6px 14px rgba(212,175,55,0.45)); }<br /> .eden-hero .eden-badge {<br /> display: inline-block; font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase;<br /> color: #f4d97a; border: 1px solid rgba(244,217,122,0.45); border-radius: 999px; padding: 5px 16px; margin-bottom: 16px;<br /> }<br /> .eden-hero h1 {<br /> font-size: 40px; font-weight: 800; margin: 0 0 12px; color: #f7e9b8; letter-spacing: 0.5px;<br /> border: none; padding: 0; text-shadow: 0 2px 16px rgba(0,0,0,0.55);<br /> }<br /> .eden-hero p { font-size: 15.5px; color: #ecdcab; max-width: 620px; margin: 0 auto; line-height: 1.65; }<br /> <br /> /* STAT STRIP (sobrepõe a base do hero) */<br /> .eden-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: -34px auto 6px; max-width: 780px; position: relative; z-index: 3; padding: 0 10px; }<br /> .eden-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 7px; padding: 15px 8px; text-align: center; box-shadow: 0 8px 20px rgba(0,0,0,0.1); }<br /> .eden-stat b { display: block; font-size: 27px; font-weight: 800; color: #a8861f; line-height: 1; }<br /> .eden-stat span { display: block; font-size: 10.5px; text-transform: uppercase; letter-spacing: 1px; color: #8a6c1e; margin-top: 7px; font-weight: 600; }<br /> <br /> /* SECTION HEADING */<br /> .eden-h { text-align: center; margin: 40px 0 18px; }<br /> .eden-h span { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #a8861f; position: relative; padding: 0 22px; }<br /> .eden-h span::before, .eden-h span::after { content: &quot;&quot;; position: absolute; top: 50%; width: 46px; height: 1px; background: linear-gradient(90deg, transparent, #d4af37); }<br /> .eden-h span::before { right: 100%; transform: scaleX(-1); }<br /> .eden-h span::after { left: 100%; }<br /> <br /> /* LEAD */<br /> .eden-wrap .eden-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 760px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .eden-lead b { color: #a8861f; }<br /> <br /> /* STEPS / TIMELINE */<br /> .eden-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .eden-step { background: #fff; border: 1px solid rgba(212,175,55,0.25); border-radius: 8px; padding: 20px 15px 17px; text-align: center; transition: transform .18s, box-shadow .18s, border-color .18s; }<br /> .eden-step:hover { transform: translateY(-4px); box-shadow: 0 10px 22px rgba(212,175,55,0.2); border-color: #f4d97a; }<br /> .eden-step .n { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #1b1304; font-weight: 800; font-size: 16px; line-height: 36px; margin: 0 auto 12px; box-shadow: 0 4px 10px rgba(212,175,55,0.4); }<br /> .eden-step h4 { margin: 0 0 7px; font-size: 14.5px; color: #1b1304; font-weight: 700; border: none; padding: 0; }<br /> .eden-step p { margin: 0; font-size: 12.5px; line-height: 1.5; color: #6b5a2e; }<br /> <br /> /* TIER TABLE */<br /> .eden-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .eden-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .eden-tiers td { padding: 14px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; vertical-align: middle; }<br /> .eden-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .eden-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .eden-tiers .coin { color: #a8861f; font-weight: 800; white-space: nowrap; text-align: right; }<br /> .eden-tiers .coin img { width: 30px; height: 30px; vertical-align: -9px; margin-right: 7px; }<br /> .eden-tiers .mis { color: #5a4a22; }<br /> .eden-tiers .book { width: 72px; padding: 8px 0 8px 14px; }<br /> .eden-tiers .book img { width: 52px; height: auto; display: block; background: #fff; border-radius: 8px; padding: 4px; box-shadow: 0 1px 4px rgba(36,25,6,0.16); border: 1px solid rgba(212,175,55,0.35); }<br /> <br /> /* ECONOMY LOOP */<br /> .eden-loop { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: 8px; }<br /> .eden-node { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 8px; padding: 20px 16px; text-align: center; }<br /> .eden-node img { width: 58px; height: 58px; margin: 0 auto 10px; display: block; image-rendering: pixelated; image-rendering: crisp-edges; }<br /> .eden-node .dot { width: 38px; height: 38px; border-radius: 50%; margin: 0 auto 10px; background: linear-gradient(135deg, #f4d97a, #d4af37); }<br /> .eden-node h4 { margin: 0 0 7px; font-size: 13.5px; color: #a8861f; font-weight: 800; border: none; padding: 0; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .eden-node p { margin: 0; font-size: 12.5px; color: #6b5a2e; line-height: 1.5; }<br /> .eden-arrow { display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 26px; font-weight: 700; }<br /> .eden-loop-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 12px; font-style: italic; }<br /> <br /> /* ARMEIRO FEATURE CARDS */<br /> .eden-feats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }<br /> .eden-feat { background: #fff; border: 1px solid rgba(212,175,55,0.25); border-left: 4px solid #d4af37; border-radius: 7px; padding: 20px; transition: box-shadow .18s; }<br /> .eden-feat:hover { box-shadow: 0 8px 20px rgba(212,175,55,0.15); }<br /> .eden-feat h4 { margin: 0 0 9px; font-size: 15.5px; color: #1b1304; font-weight: 700; border: none; padding: 0; }<br /> .eden-feat p { margin: 0; font-size: 13px; line-height: 1.6; color: #5a4a22; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width: 850px) {<br /> .eden-stats { grid-template-columns: repeat(2, 1fr); }<br /> .eden-steps { grid-template-columns: repeat(2, 1fr); }<br /> .eden-loop { grid-template-columns: 1fr; }<br /> .eden-arrow { transform: rotate(90deg); padding: 2px 0; }<br /> .eden-feats { grid-template-columns: 1fr; }<br /> .eden-hero h1 { font-size: 31px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> CURANDEIRA — página bespoke (escopo .cura-wrap)<br /> ========================================================= */<br /> .cura-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> <br /> /* HERO */<br /> .cura-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35);<br /> background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .cura-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cura-hero img { width: auto; height: 171px; image-rendering: pixelated; filter: drop-shadow(0 8px 24px rgba(0,0,0,0.55)); }<br /> .cura-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .cura-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .cura-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> /* STATS STRIP (sobreposta à base do hero) */<br /> .cura-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .cura-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .cura-stat b { display: block; font-size: 24px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .cura-stat span { display: block; margin-top: 4px; font-size: 11.5px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.6px; }<br /> <br /> /* HEADINGS com linha dourada dos dois lados */<br /> .cura-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .cura-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .cura-h::before, .cura-h::after { content: &quot;&quot;; height: 1px; width: 90px; background: linear-gradient(90deg, transparent, #d4af37); }<br /> .cura-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> /* LEAD (especificidade alta p/ vencer .mw-parser-output p) */<br /> .cura-wrap .cura-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 760px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .cura-wrap .cura-lead b { color: #a8861f; }<br /> <br /> /* STEPS — timeline horizontal */<br /> .cura-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .cura-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; position: relative; }<br /> .cura-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .cura-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .cura-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> <br /> /* PRICE TABLE */<br /> .cura-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .cura-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .cura-tiers td { padding: 13px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; vertical-align: middle; }<br /> .cura-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .cura-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .cura-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .cura-tiers .price { text-align: right; font-weight: 800; color: #a8861f; white-space: nowrap; }<br /> .cura-tiers .free { color: #2e7d32; }<br /> <br /> /* PLANOS (Jogador x VIP) */<br /> .cura-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }<br /> .cura-plan { border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 22px 22px 20px; background: linear-gradient(180deg, #fff, #fdf8e8); }<br /> .cura-plan.vip { border: 1px solid #d4af37; box-shadow: 0 8px 22px rgba(212,175,55,0.2); background: linear-gradient(180deg, #fffaef, #fdf3d4); }<br /> .cura-plan-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }<br /> .cura-plan h4 { margin: 0; font-size: 18px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .cura-plan.vip h4 { color: #9a7a17; }<br /> .cura-plan .tag { font-size: 10.5px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; }<br /> .cura-plan .tag.t-free { background: #ece3c8; color: #6b5a2e; }<br /> .cura-plan .tag.t-vip { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .cura-plan ul { list-style: none; margin: 8px 0 0; padding: 0; }<br /> .cura-plan li { padding: 8px 0 8px 26px; position: relative; font-size: 13.8px; color: #3a2e12; border-top: 1px solid rgba(212,175,55,0.14); line-height: 1.45; }<br /> .cura-plan li:first-child { border-top: none; }<br /> .cura-plan li::before { content: &quot;✦&quot;; position: absolute; left: 2px; top: 8px; color: #d4af37; font-size: 12px; }<br /> .cura-plan .dur { margin-top: 14px; text-align: center; font-size: 12.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: #8a6c1e; background: rgba(212,175,55,0.12); border-radius: 8px; padding: 9px; }<br /> <br /> /* CIDADES — chips */<br /> .cura-cities { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; max-width: 880px; margin: 0 auto; }<br /> .cura-city { padding: 6px 13px; border-radius: 999px; background: #fdf8e8; border: 1px solid rgba(212,175,55,0.3); font-size: 13px; color: #5a4a22; font-weight: 600; }<br /> .cura-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 14px; font-style: italic; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width: 850px) {<br /> .cura-stats { grid-template-columns: repeat(2, 1fr); }<br /> .cura-steps { grid-template-columns: repeat(2, 1fr); }<br /> .cura-plans { grid-template-columns: 1fr; }<br /> .cura-hero h1 { font-size: 31px; }<br /> }<br /> /* CURANDEIRA — bloco &quot;sem desvalorizar o suporte&quot; (Sacerdote) */<br /> .cura-priest { border: 1px solid #d4af37; border-radius: 12px; padding: 26px 28px 24px; background: linear-gradient(180deg, #fffaef, #fdf3d4); box-shadow: 0 8px 22px rgba(212,175,55,0.18); max-width: 860px; margin: 0 auto; text-align: center; }<br /> .cura-priest h3 { margin: 0 0 10px; font-size: 19px; color: #9a7a17; font-weight: 800; border: none; padding: 0; letter-spacing: 0.3px; }<br /> .cura-priest p { margin: 0 auto; max-width: 700px; font-size: 14.5px; line-height: 1.7; color: #3a2e12; }<br /> .cura-priest p + p { margin-top: 10px; }<br /> .cura-priest b { color: #a8861f; }<br /> .cura-ladder-label { margin: 22px 0 10px; font-size: 11.5px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: #8a6c1e; }<br /> .cura-ladder { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 580px; margin: 0 auto; }<br /> .cura-rung { background: #fff; border: 1px solid rgba(212,175,55,0.32); border-radius: 10px; padding: 14px 8px; text-align: center; }<br /> .cura-rung.max { background: linear-gradient(135deg, #f4d97a, #d4af37); border-color: #d4af37; box-shadow: 0 5px 14px rgba(212,175,55,0.45); transform: translateY(-4px); }<br /> .cura-rung .lv { display: block; font-size: 21px; font-weight: 800; color: #a8861f; line-height: 1.1; }<br /> .cura-rung.max .lv { color: #3a2a06; }<br /> .cura-rung .who { display: block; margin-top: 4px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: #6b5a2e; line-height: 1.3; }<br /> .cura-rung.max .who { color: #4a3a0a; font-weight: 800; }<br /> @media (max-width: 850px) { .cura-priest { padding: 22px 18px; } }<br /> /* =========================================================<br /> ECONOMIA — página bespoke (escopo .econ-wrap)<br /> ========================================================= */<br /> .econ-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .econ-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .econ-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .econ-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .econ-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .econ-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .econ-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .econ-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .econ-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .econ-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .econ-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .econ-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .econ-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .econ-h::before, .econ-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .econ-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .econ-wrap .econ-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 780px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .econ-wrap .econ-lead b { color: #a8861f; }<br /> .econ-highlights { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .econ-card { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 18px 12px 16px; text-align: center; }<br /> .econ-card img { width: 44px; height: 44px; image-rendering: pixelated; margin-bottom: 8px; }<br /> .econ-card .nm { display: block; font-size: 12.5px; font-weight: 700; color: #1b1304; line-height: 1.3; min-height: 33px; }<br /> .econ-card .ba { margin-top: 8px; font-size: 12.5px; color: #9a8a5e; text-decoration: line-through; }<br /> .econ-card .af { font-size: 21px; font-weight: 800; color: #a8861f; line-height: 1.2; }<br /> .econ-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .econ-table th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase; padding: 12px 14px; text-align: left; font-weight: 700; }<br /> .econ-table th.r { text-align: right; }<br /> .econ-table td { padding: 8px 14px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13.5px; vertical-align: middle; }<br /> .econ-table tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .econ-table tbody tr:hover td { background: #f6ecc6; }<br /> .econ-table .ic { width: 30px; padding: 5px 0 5px 12px; }<br /> .econ-table .ic img { width: 26px; height: 26px; image-rendering: pixelated; vertical-align: middle; display: block; }<br /> .econ-table .nm { font-weight: 600; color: #2a2008; }<br /> .econ-table .be { text-align: right; color: #9a8a5e; text-decoration: line-through; white-space: nowrap; }<br /> .econ-table .arw { text-align: center; color: #d4af37; width: 22px; font-weight: 700; }<br /> .econ-table .af { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .econ-note { text-align: center; font-size: 13px; color: #8a6c1e; margin-top: 14px; font-style: italic; max-width: 760px; margin-left: auto; margin-right: auto; }<br /> @media (max-width: 850px) {<br /> .econ-stats { grid-template-columns: repeat(2, 1fr); }<br /> .econ-highlights { grid-template-columns: repeat(2, 1fr); }<br /> .econ-hero h1 { font-size: 31px; }<br /> .econ-h::before, .econ-h::after { width: 40px; }<br /> }<br /> /* ARMEIRO DO ÉDEN — loja de troca + encantamentos */<br /> .eden-armeiro-loc { text-align: center; font-size: 13px; color: #8a6c1e; margin: 0 0 8px; }<br /> .eden-armeiro-loc b { color: #a8861f; }<br /> .eden-shop { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }<br /> .eden-shopbox { border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }<br /> .eden-shopbox h4 { margin: 0; background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 12px; letter-spacing: 1.2px; text-transform: uppercase; padding: 12px 16px; border: none; font-weight: 700; }<br /> .eden-shopbox table { width: 100%; border-collapse: separate; border-spacing: 0; }<br /> .eden-shopbox td { padding: 8px 16px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13.5px; vertical-align: middle; }<br /> .eden-shopbox tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-shopbox tr:hover td { background: #f6ecc6; }<br /> .eden-shopbox .it { color: #2a2008; font-weight: 600; }<br /> .eden-shopbox .pr { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .eden-shopbox .pr img { width: 16px; height: 16px; vertical-align: -3px; margin-right: 4px; }<br /> .eden-feat ul { margin: 6px 0 0; padding-left: 0; list-style: none; }<br /> .eden-feat li { padding: 5px 0 5px 20px; position: relative; font-size: 13px; color: #3a2e12; line-height: 1.5; }<br /> .eden-feat li::before { content: &quot;\2726&quot;; position: absolute; left: 0; top: 6px; color: #d4af37; font-size: 11px; }<br /> @media (max-width: 850px) { .eden-shop { grid-template-columns: 1fr; } }<br /> /* ARMEIRO DO ÉDEN — portrait NPC, conjunto, /navi, tabela detalhada */<br /> .eden-armeiro { display: flex; gap: 24px; align-items: center; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 20px 26px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }<br /> .eden-armeiro img { width: 120px; height: auto; image-rendering: pixelated; flex-shrink: 0; filter: drop-shadow(0 7px 11px rgba(0,0,0,0.28)); }<br /> .eden-armeiro-txt { font-size: 14px; line-height: 1.6; color: #3a2e12; }<br /> .eden-armeiro-txt p { margin: 0 0 9px; }<br /> .eden-armeiro-txt p:last-child { margin-bottom: 0; }<br /> .eden-armeiro-txt b { color: #a8861f; }<br /> .navi-copy { color: #9a7a17; font-weight: 700; border-bottom: 1px dotted #d4af37; cursor: pointer; white-space: nowrap; transition: background 0.15s, color 0.15s; padding: 0 2px; border-radius: 3px; }<br /> .navi-copy:hover { color: #6e5410; background: rgba(212,175,55,0.16); }<br /> .eden-set { border: 1px dashed #d4af37; border-radius: 10px; padding: 14px 20px; background: rgba(212,175,55,0.08); font-size: 13.5px; line-height: 1.6; color: #3a2e12; text-align: center; max-width: 860px; margin: 0 auto; }<br /> .eden-set b { color: #a8861f; }<br /> .eden-wtable { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .eden-wtable th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 10.5px; letter-spacing: 1px; text-transform: uppercase; padding: 11px 12px; text-align: left; font-weight: 700; }<br /> .eden-wtable th.c, .eden-wtable td.c { text-align: center; }<br /> .eden-wtable th.r, .eden-wtable td.r { text-align: right; }<br /> .eden-wtable td { padding: 9px 12px; border-top: 1px solid rgba(212,175,55,0.13); font-size: 13px; vertical-align: middle; }<br /> .eden-wtable tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .eden-wtable tbody tr:hover td { background: #f6ecc6; }<br /> .eden-wtable .ic { width: 30px; padding-left: 12px; }<br /> .eden-wtable .ic img { width: 26px; height: 26px; image-rendering: pixelated; vertical-align: middle; display: block; }<br /> .eden-wtable .nm { font-weight: 700; color: #1b1304; }<br /> .eden-wtable .lv, .eden-wtable .atk { text-align: center; color: #5a4a22; font-weight: 600; white-space: nowrap; }<br /> .eden-wtable .bn { font-size: 12px; color: #4a3e1e; line-height: 1.45; }<br /> .eden-wtable .bn b { color: #9a7a17; }<br /> .eden-wtable .pr { text-align: right; color: #a8861f; font-weight: 800; white-space: nowrap; }<br /> .eden-wtable .pr img { width: 15px; height: 15px; vertical-align: -3px; margin-right: 3px; }<br /> @media (max-width: 850px) { .eden-armeiro { flex-direction: column; text-align: center; } .eden-wtable .bn { font-size: 11.5px; } }<br /> /* =========================================================<br /> VISUAIS — página bespoke (escopo .vis-wrap)<br /> ========================================================= */<br /> .vis-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .vis-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .vis-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vis-hero img { width: 110px; height: 110px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .vis-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .vis-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .vis-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .vis-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .vis-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .vis-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .vis-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .vis-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 40px 0 16px; }<br /> .vis-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .vis-h::before, .vis-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .vis-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .vis-wrap .vis-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .vis-wrap .vis-lead b { color: #a8861f; }<br /> .vis-msg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 8px; }<br /> .vis-msg-card { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 18px 18px 16px; }<br /> .vis-msg-card h4 { margin: 0 0 7px; font-size: 15px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .vis-msg-card p { margin: 0; font-size: 13px; color: #5a4a22; line-height: 1.55; }<br /> .vis-msg-card b { color: #a8861f; }<br /> /* legendary showcase */<br /> .vis-legend { display: flex; align-items: center; gap: 24px; background: linear-gradient(180deg, #fffaef, #fdf3d4); border: 1px solid #d4af37; border-radius: 12px; padding: 18px 26px; box-shadow: 0 8px 22px rgba(212,175,55,0.2); margin-bottom: 14px; }<br /> .vis-legend img { width: 130px; height: auto; image-rendering: pixelated; flex-shrink: 0; filter: drop-shadow(0 6px 10px rgba(0,0,0,0.25)); }<br /> .vis-legend-txt h4 { margin: 8px 0 6px; font-size: 20px; color: #9a7a17; font-weight: 800; border: none; padding: 0; }<br /> .vis-legend-txt p { margin: 0; font-size: 13.5px; color: #3a2e12; line-height: 1.6; }<br /> .vis-legend-txt b { color: #a8861f; }<br /> /* gallery */<br /> .vis-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }<br /> .vis-card { width: 132px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 8px 6px 10px; text-align: center; transition: transform 0.12s, box-shadow 0.12s; }<br /> .vis-card:hover { transform: translateY(-3px); box-shadow: 0 8px 18px rgba(0,0,0,0.12); }<br /> .vis-card.leg { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .vis-card.rare { border-color: #9b6bd4; }<br /> .vis-card img { display: block; height: 132px; width: auto; max-width: 100%; margin: 0 auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .vis-noimg { height: 132px; display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 30px; }<br /> .vis-nm { display: block; margin-top: 6px; font-size: 11.5px; font-weight: 600; color: #2a2008; line-height: 1.25; min-height: 28px; }<br /> .vis-rb { display: inline-block; margin-top: 4px; font-size: 9px; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; }<br /> .vis-rb.leg { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .vis-rb.rare { background: #ece0f7; color: #6b3fa0; }<br /> .vis-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 24px auto 0; font-style: italic; max-width: 780px; }<br /> @media (max-width: 850px) {<br /> .vis-stats { grid-template-columns: repeat(2, 1fr); }<br /> .vis-msg { grid-template-columns: 1fr; }<br /> .vis-legend { flex-direction: column; text-align: center; }<br /> .vis-hero h1 { font-size: 31px; }<br /> .vis-card { width: 108px; }<br /> .vis-card img { height: 108px; }<br /> }<br /> /* [ROT2] abas de rotacao e cards grandes */<br /> /* abas em CSS puro: os radios ficam antes da barra e dos paineis, e o seletor<br /> ~ liga o radio marcado ao painel correspondente. Sem JS, que nao roda dentro<br /> do bloco &lt;html&gt; cru da wiki. */<br /> .vis-tabs input[name=&quot;visrot&quot;] { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }<br /> .vis-tabbar { display: flex; justify-content: center; gap: 10px; margin: 34px 0 8px; flex-wrap: wrap; }<br /> .vis-tabbar label { cursor: pointer; font-size: 13px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 10px 24px; border-radius: 999px; border: 1px solid rgba(212,175,55,0.45); color: #8a6c1e; background: linear-gradient(180deg, #fff, #fdf8e8); transition: background 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s; }<br /> .vis-tabbar label:hover { border-color: #d4af37; color: #5a4a12; }<br /> .vis-tabbar label b { font-weight: 800; opacity: 0.75; }<br /> .vis-pane { display: none; }<br /> #visrot2:checked ~ .vis-pane.vis-pane2, #visrot1:checked ~ .vis-pane.vis-pane1 { display: block; }<br /> #visrot2:checked ~ .vis-tabbar label[for=&quot;visrot2&quot;], #visrot1:checked ~ .vis-tabbar label[for=&quot;visrot1&quot;] { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; border-color: #d4af37; box-shadow: 0 4px 14px rgba(212,175,55,0.35); }<br /> /* raridade nova da 2a rotacao (a 1a so tinha leg e rare) */<br /> .vis-card.epic { border-color: #9b6bd4; }<br /> .vis-rb.epic { background: #ece0f7; color: #6b3fa0; }<br /> /* card duplo: nos visuais que vem com efeito do cliente o efeito ocupa boa<br /> parte do quadro, e num card normal o personagem fica pequeno demais. A<br /> imagem tem 456 px de altura = 1,73x os 264 px do card, a mesma reducao do<br /> resto da pagina — ou seja sem perda de nitidez. */<br /> .vis-card.gg { width: 216px; }<br /> .vis-card.gg img { height: 264px; }<br /> .vis-legend.gg img { width: 200px; }<br /> @media (max-width: 850px) {<br /> .vis-card.gg { width: 176px; }<br /> .vis-card.gg img { height: 216px; }<br /> .vis-legend.gg img { width: 168px; }<br /> .vis-tabbar label { padding: 9px 16px; font-size: 12px; }<br /> }<br /> <br /> /* =========================================================<br /> TELEPORTADORA — página bespoke (escopo .tele-wrap)<br /> ========================================================= */<br /> .tele-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .tele-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .tele-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .tele-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .tele-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .tele-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .tele-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .tele-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .tele-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tele-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .tele-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .tele-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .tele-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .tele-h::before, .tele-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .tele-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .tele-wrap .tele-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 780px; margin-left: auto; margin-right: auto; margin-bottom: 6px; color: #2a2008; }<br /> .tele-wrap .tele-lead b { color: #a8861f; }<br /> .tele-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .tele-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; }<br /> .tele-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .tele-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .tele-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> .tele-tiers { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(212,175,55,0.3); border-radius: 9px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.07); }<br /> .tele-tiers th { background: linear-gradient(180deg, #241906, #0d0901); color: #f4d97a; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 13px 18px; text-align: left; font-weight: 700; }<br /> .tele-tiers td { padding: 13px 18px; border-top: 1px solid rgba(212,175,55,0.15); font-size: 14.5px; }<br /> .tele-tiers tbody tr:nth-child(even) td { background: #fdf8e8; }<br /> .tele-tiers tbody tr:hover td { background: #f6ecc6; }<br /> .tele-tiers .lvl { font-weight: 700; color: #1b1304; }<br /> .tele-tiers .price { text-align: right; font-weight: 800; color: #a8861f; white-space: nowrap; }<br /> .tele-tiers .free { color: #2e7d32; }<br /> .tele-dest { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }<br /> .tele-destbox { border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 18px 18px 16px; background: linear-gradient(180deg, #fff, #fdf8e8); }<br /> .tele-destbox.vip { border-color: #d4af37; box-shadow: 0 6px 18px rgba(212,175,55,0.14); background: linear-gradient(180deg, #fffaef, #fdf3d4); }<br /> .tele-desthead { display: flex; align-items: center; justify-content: space-between; }<br /> .tele-desthead h4 { margin: 0; font-size: 17px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .tele-tag { font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; }<br /> .tele-tag.t-free { background: #d7f0d8; color: #2e7d32; }<br /> .tele-tag.t-vip { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .tele-destn { margin: 6px 0 12px; font-size: 12px; color: #6b5a2e; }<br /> .tele-chips { display: flex; flex-wrap: wrap; gap: 6px; }<br /> .tele-chips-center { justify-content: center; max-width: 880px; margin: 0 auto; }<br /> .tele-chip { padding: 4px 10px; border-radius: 999px; background: #fdf8e8; border: 1px solid rgba(212,175,55,0.3); font-size: 12px; color: #5a4a22; font-weight: 600; }<br /> .tele-destbox.vip .tele-chip { background: #fff; }<br /> .tele-chip.city { font-size: 13px; padding: 6px 13px; }<br /> .tele-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 22px auto; font-style: italic; max-width: 820px; background: rgba(212,175,55,0.08); border: 1px dashed #d4af37; border-radius: 10px; padding: 14px 20px; }<br /> .tele-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .tele-stats { grid-template-columns: repeat(2, 1fr); }<br /> .tele-steps { grid-template-columns: repeat(2, 1fr); }<br /> .tele-dest { grid-template-columns: 1fr; }<br /> .tele-hero h1 { font-size: 31px; }<br /> }<br /> /* =========================================================<br /> ESTILISTA — página bespoke (escopo .est-wrap)<br /> ========================================================= */<br /> .est-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .est-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .est-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .est-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .est-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .est-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .est-hero p { max-width: 640px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .est-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .est-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .est-stat b { display: block; font-size: 23px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .est-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .est-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .est-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .est-h::before, .est-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .est-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .est-wrap .est-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .est-wrap .est-lead b { color: #a8861f; }<br /> .est-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }<br /> .est-step { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 22px 16px 18px; text-align: center; }<br /> .est-step .n { width: 34px; height: 34px; border-radius: 50%; margin: 0 auto 12px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(212,175,55,0.4); }<br /> .est-step h4 { margin: 0 0 7px; font-size: 14px; color: #1b1304; font-weight: 800; border: none; padding: 0; }<br /> .est-step p { margin: 0; font-size: 13px; color: #6b5a2e; line-height: 1.5; }<br /> .est-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }<br /> .est-card { width: 150px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 10px 8px 12px; text-align: center; display: flex; flex-direction: column; }<br /> .est-card.mounted { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .est-card img { height: 150px; width: auto; max-width: 100%; margin: 0 auto auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .est-mount { position: absolute; top: 8px; right: 8px; font-size: 9px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .est-cap { display: block; margin-top: 8px; font-size: 11px; font-weight: 600; color: #5a4a22; line-height: 1.3; }<br /> .est-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 24px auto 0; font-style: italic; max-width: 800px; }<br /> .est-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .est-stats { grid-template-columns: repeat(2, 1fr); }<br /> .est-steps { grid-template-columns: repeat(2, 1fr); }<br /> .est-hero h1 { font-size: 31px; }<br /> }<br /> /* =========================================================<br /> ITEM RECOLOR — página bespoke (escopo .ir-wrap)<br /> ========================================================= */<br /> .ir-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .ir-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .ir-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .ir-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .ir-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .ir-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .ir-hero p { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .ir-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .ir-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .ir-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .ir-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .ir-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 36px 0 4px; }<br /> .ir-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .ir-h::before, .ir-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .ir-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .ir-wrap .ir-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 8px; color: #2a2008; }<br /> .ir-wrap .ir-lead b { color: #a8861f; }<br /> .ir-fam { text-align: center; font-size: 11.5px; color: #8a6c1e; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 12px; }<br /> .ir-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .ir-card { width: 116px; box-sizing: border-box; position: relative; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 10px; padding: 8px 6px 9px; text-align: center; display: flex; flex-direction: column; }<br /> .ir-card.orig { border-color: #d4af37; box-shadow: 0 0 0 1px #d4af37 inset; }<br /> .ir-card img { height: 116px; width: auto; max-width: 100%; margin: 0 auto auto; object-fit: contain; object-position: bottom; image-rendering: pixelated; }<br /> .ir-noimg { height: 116px; display: flex; align-items: center; justify-content: center; color: #d4af37; font-size: 26px; }<br /> .ir-orig { position: absolute; top: 7px; left: 50%; transform: translateX(-50%); font-size: 8.5px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #3a2a06; }<br /> .ir-cap { display: block; margin-top: 6px; font-size: 11px; font-weight: 600; color: #5a4a22; line-height: 1.25; }<br /> .ir-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 26px auto 0; font-style: italic; max-width: 800px; }<br /> .ir-note b { color: #a8861f; }<br /> @media (max-width: 850px) {<br /> .ir-stats { grid-template-columns: repeat(2, 1fr); }<br /> .ir-hero h1 { font-size: 31px; }<br /> .ir-card { width: 96px; }<br /> .ir-card img { height: 96px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> AURAS — página bespoke (escopo .aurp-wrap)<br /> ========================================================= */<br /> .aurp-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .aurp-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .aurp-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .aurp-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .aurp-badge2 { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .aurp-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .aurp-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> .aurp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .aurp-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .aurp-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .aurp-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> .aurp-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 4px; }<br /> .aurp-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .aurp-h::before, .aurp-h::after { content: &quot;&quot;; height: 1px; width: 70px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .aurp-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .aurp-wrap .aurp-lead { text-align: center; font-size: 15px; line-height: 1.7; max-width: 820px; margin-left: auto; margin-right: auto; margin-bottom: 10px; color: #2a2008; }<br /> .aurp-wrap .aurp-lead b { color: #a8861f; }<br /> .aurp-types { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; max-width: 880px; margin: 12px auto 4px; }<br /> .aurp-type { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 18px 14px; text-align: center; }<br /> .aurp-type .n { font-size: 26px; font-weight: 800; color: #a8861f; line-height: 1; }<br /> .aurp-type .t { font-weight: 800; margin-top: 6px; color: #3a2c0a; font-size: 15px; }<br /> .aurp-type .d { font-size: 12.5px; color: #6b5a2e; margin-top: 4px; line-height: 1.45; }<br /> .aurp-flex { max-width: 860px; margin: 24px auto 6px; border-radius: 14px; padding: 24px 28px; text-align: center; border: 1px solid rgba(212,175,55,0.45); background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.22), transparent 60%), linear-gradient(180deg, #241906, #0d0901); }<br /> .aurp-flex .ft { font-size: 19px; font-weight: 800; color: #f4d97a; margin-bottom: 8px; }<br /> .aurp-wrap .aurp-flex p { color: #e9dcc0; font-size: 14.5px; line-height: 1.65; margin: 0 auto; max-width: 720px; }<br /> .aurp-flex p b { color: #f4d97a; }<br /> .aurp-packs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 900px; margin: 12px auto 4px; }<br /> .aurp-pack { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 12px; padding: 20px 18px; text-align: center; border-top: 4px solid #d4af37; }<br /> .aurp-pack .pn { font-size: 19px; font-weight: 800; margin-bottom: 6px; }<br /> .aurp-pack .pd { font-size: 13px; color: #5a4a22; line-height: 1.5; }<br /> .aurp-pack .pd b { color: #a8861f; }<br /> .aurp-prata { border-top-color: #9fb1c4; } .aurp-prata .pn { color: #6f7d8c; }<br /> .aurp-gold { border-top-color: #d4af37; } .aurp-gold .pn { color: #a8861f; }<br /> .aurp-diam { border-top-color: #5fc8d4; } .aurp-diam .pn { color: #2f9aa6; }<br /> .aurp-sub { text-align: center; font-size: 12px; color: #8a6c1e; text-transform: uppercase; letter-spacing: 1px; margin: 2px 0 14px; }<br /> .aurp-gal { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .aurp-card { position: relative; width: 152px; height: 170px; border-radius: 10px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 4px 14px rgba(0,0,0,0.12); background: #0d0901; }<br /> .aurp-card img { width: 100%; height: 100%; object-fit: cover; display: block; }<br /> .aurp-bdg { position: absolute; top: 7px; right: 7px; font-size: 9px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 8px; border-radius: 999px; color: #241906; }<br /> .aurp-tier-Prata .aurp-bdg { background: linear-gradient(135deg, #eef2f7, #9fb1c4); }<br /> .aurp-tier-Gold .aurp-bdg { background: linear-gradient(135deg, #f4d97a, #d4af37); }<br /> .aurp-tier-Diamante .aurp-bdg { background: linear-gradient(135deg, #c4f1f6, #5fc8d4); }<br /> .aurp-tier-Prata { border-color: rgba(159,177,196,0.6); }<br /> .aurp-tier-Diamante { border-color: rgba(95,200,212,0.55); }<br /> .aurp-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 26px auto 0; font-style: italic; max-width: 800px; }<br /> @media (max-width: 850px) {<br /> .aurp-stats { grid-template-columns: repeat(2, 1fr); }<br /> .aurp-types, .aurp-packs { grid-template-columns: 1fr; }<br /> .aurp-hero h1 { font-size: 31px; }<br /> .aurp-card { width: 120px; height: 138px; }<br /> }<br /> <br /> <br /> /* =========================================================<br /> PÁGINA PRINCIPAL — redesign bespoke (escopo .hm-wrap)<br /> ========================================================= */<br /> .hm-wrap { max-width: 1080px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .hm-hero { position: relative; text-align: center; padding: 56px 24px 48px; border-radius: 18px; overflow: hidden; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 50% -25%, rgba(244,217,122,0.30), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.14), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .hm-hero::before { content: &quot;✦&quot;; position: absolute; top: 18px; right: 26px; color: rgba(212,175,55,0.28); font-size: 30px; }<br /> .hm-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .hm-selo { display: inline-block; padding: 5px 17px; border: 1px solid rgba(212,175,55,0.55); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 2.4px; text-transform: uppercase; font-weight: 700; }<br /> .hm-wrap h1.hm-title { margin: 16px 0 8px; font-size: 62px; line-height: 1; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 1px; text-shadow: 0 3px 26px rgba(212,175,55,0.35); }<br /> .hm-tag { max-width: 660px; margin: 0 auto; color: #e9dcc0; font-size: 16px; line-height: 1.62; }<br /> .hm-tag i { color: #f4d97a; font-style: italic; }<br /> .hm-cta { display: flex; gap: 14px; justify-content: center; margin-top: 26px; flex-wrap: wrap; }<br /> .hm-wrap a.hm-btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 28px; border-radius: 11px; font-weight: 700; font-size: 15px; text-decoration: none; transition: transform .15s, box-shadow .15s; }<br /> .hm-wrap a.hm-btn-primary { background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07; box-shadow: 0 8px 22px rgba(212,175,55,0.38); }<br /> .hm-wrap a.hm-btn-ghost { border: 1px solid rgba(212,175,55,0.6); color: #f4d97a; }<br /> .hm-wrap a.hm-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.45); }<br /> /* ---- Aviso de BETA (em evidência) ---- */<br /> .hm-beta { position: relative; overflow: hidden; margin: 22px auto 4px; max-width: 1000px; display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; padding: 24px 30px; border-radius: 16px; border: 1.5px solid rgba(244,217,122,0.65); background: radial-gradient(ellipse at 0% 0%, rgba(244,217,122,0.22), transparent 55%), linear-gradient(135deg, #3a2a08, #160f04); box-shadow: 0 0 0 1px rgba(244,217,122,0.12), 0 12px 34px rgba(0,0,0,0.35); }<br /> .hm-beta-l { display: flex; flex-direction: column; gap: 6px; min-width: 280px; flex: 1; }<br /> .hm-beta-badge { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; padding: 4px 13px; border-radius: 999px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07; font-weight: 800; font-size: 12px; letter-spacing: 1.5px; }<br /> .hm-beta-dot { width: 9px; height: 9px; border-radius: 50%; background: #2a1d07; box-shadow: 0 0 0 0 rgba(42,29,7,0.6); animation: hmpulse 1.6s infinite; }<br /> @keyframes hmpulse { 0% { box-shadow: 0 0 0 0 rgba(42,29,7,0.55); } 70% { box-shadow: 0 0 0 7px rgba(42,29,7,0); } 100% { box-shadow: 0 0 0 0 rgba(42,29,7,0); } }<br /> .hm-beta-t { font-size: 21px; font-weight: 800; color: #f4d97a; line-height: 1.2; }<br /> .hm-wrap .hm-beta-s { color: #e9dcc0; font-size: 14px; line-height: 1.55; margin: 2px 0 0; max-width: 620px; }<br /> .hm-beta-s b { color: #f4d97a; }<br /> .hm-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 900px; margin: -30px auto 8px; position: relative; }<br /> .hm-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 11px; padding: 15px 8px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .hm-stat b { display: block; font-size: 17px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .hm-stat span { display: block; margin-top: 3px; font-size: 10.5px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.6px; }<br /> .hm-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 42px 0 6px; }<br /> .hm-h span { font-size: 14px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .hm-h::before, .hm-h::after { content: &quot;&quot;; height: 1px; width: 90px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .hm-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .hm-sub { text-align: center; color: #8a6c1e; font-size: 13px; margin: 0 auto 16px; max-width: 640px; }<br /> /* Fix centralizacao: .mw-parser-output p (0,1,1) zera margin-left/right; 2 classes (0,2,0) vencem */<br /> .hm-wrap .hm-tag, .hm-wrap .hm-sub { margin-left: auto; margin-right: auto; }<br /> .hm-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin: 12px 0; }<br /> .hm-wrap a.hm-card { width: 152px; box-sizing: border-box; padding: 18px 12px 16px; border-radius: 14px; text-align: center; text-decoration: none; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); transition: transform .16s, box-shadow .16s, border-color .16s; display: flex; flex-direction: column; align-items: center; gap: 11px; color: #3a2c0a; }<br /> .hm-wrap a.hm-card:hover { transform: translateY(-5px); box-shadow: 0 12px 26px rgba(0,0,0,0.15); border-color: #d4af37; }<br /> .hm-card img { width: 74px; height: 74px; object-fit: contain; filter: drop-shadow(0 2px 5px rgba(0,0,0,0.22)); }<br /> .hm-card span { font-weight: 700; font-size: 14px; line-height: 1.25; }<br /> .hm-sys a.hm-card { width: 168px; }<br /> .hm-soon { max-width: 900px; margin: 16px auto 6px; padding: 24px 28px; border-radius: 14px; text-align: center; border: 1px dashed rgba(212,175,55,0.55); background: linear-gradient(180deg, rgba(244,217,122,0.07), rgba(244,217,122,0.02)); }<br /> .hm-soon-t { font-weight: 800; color: #a8861f; font-size: 15px; letter-spacing: 0.5px; }<br /> .hm-soon p { margin: 6px auto 0; color: #6b5a2e; font-size: 13.5px; line-height: 1.55; max-width: 600px; }<br /> .hm-soon p b { color: #a8861f; }<br /> .hm-banner { margin: 40px auto 8px; max-width: 1000px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding: 26px 32px; border-radius: 16px; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 0% 0%, rgba(244,217,122,0.18), transparent 55%), linear-gradient(135deg, #2a1d07, #0d0901); }<br /> .hm-banner-t { font-size: 21px; font-weight: 800; color: #f4d97a; }<br /> .hm-banner-s { color: #e9dcc0; font-size: 14px; margin-top: 4px; max-width: 560px; line-height: 1.5; }<br /> .hm-banner-tags { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }<br /> .hm-tag-pill { padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(212,175,55,0.5); color: #f4d97a; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; }<br /> @media (max-width: 860px) {<br /> .hm-wrap h1.hm-title { font-size: 42px; }<br /> .hm-stats { grid-template-columns: repeat(2, 1fr); }<br /> .hm-wrap a.hm-card, .hm-sys a.hm-card { width: 44%; }<br /> .hm-banner { flex-direction: column; text-align: center; }<br /> }<br /> <br /> /* =========================================================<br /> LOJA DE CASH — página bespoke (escopo .cash-wrap)<br /> ========================================================= */<br /> .cash-wrap { max-width: 1040px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .cash-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.4); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .cash-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cash-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); }<br /> .cash-badge { display: inline-block; margin: 14px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .cash-wrap h1 { margin: 6px 0 10px; font-size: 38px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; }<br /> .cash-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.6; }<br /> .cash-hero p b { color: #f4d97a; }<br /> .cash-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 34px 0 12px; }<br /> .cash-h span { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #a8861f; white-space: nowrap; }<br /> .cash-h::before, .cash-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .cash-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> .cash-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 8px; }<br /> .cash-card { width: 136px; box-sizing: border-box; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-radius: 11px; padding: 12px 8px 10px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 7px; transition: transform .14s, box-shadow .14s, border-color .14s; }<br /> .cash-card:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(0,0,0,0.13); border-color: #d4af37; }<br /> .cash-ic { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; }<br /> .cash-ic img { max-width: 56px; max-height: 56px; object-fit: contain; image-rendering: -webkit-optimize-contrast; }<br /> .cash-nm { font-size: 12px; font-weight: 600; color: #3a2c0a; line-height: 1.22; min-height: 29px; display: flex; align-items: center; }<br /> .cash-pr { font-size: 12.5px; font-weight: 800; color: #a8861f; background: rgba(212,175,55,0.12); border-radius: 6px; padding: 2px 8px; }<br /> .cash-note { text-align: center; font-size: 13px; color: #8a6c1e; margin: 28px auto 0; font-style: italic; max-width: 760px; }<br /> .cash-note b { color: #a8861f; }<br /> @media (max-width: 850px) { .cash-card { width: 30%; } .cash-hero h1 { font-size: 30px; } }<br /> /* ============================================================<br /> VIP — página bespoke (escopo .vip-wrap) — v3 (1 bloco escuro = hero)<br /> ============================================================ */<br /> .vip-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .vip-wrap *, .vip-wrap *::before, .vip-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .vip-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .vip-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vip-hero img.vip-ico { width: 104px; height: 104px; display:block; margin: 0 auto 8px; border-radius: 18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.40)); }<br /> .vip-badge { display:inline-block; margin: 4px 0; padding: 5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .vip-wrap h1 { margin: 8px 0 12px; font-size: 40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow: 0 2px 16px rgba(0,0,0,0.55); }<br /> .vip-hero p { max-width: 660px; margin: 0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .vip-hero p b { color:#f4d97a; }<br /> <br /> /* STAT STRIP (sobrepoe a base do hero) */<br /> .vip-stats { display:grid; grid-template-columns: repeat(4, 1fr); gap:12px; margin:-34px auto 6px; max-width:840px; position:relative; z-index:3; padding:0 10px; }<br /> .vip-stat { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .vip-stat b { display:block; font-size:26px; font-weight:800; color:#a8861f; line-height:1; }<br /> .vip-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .vip-h { display:flex; align-items:center; justify-content:center; gap:14px; margin: 44px 0 14px; }<br /> .vip-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .vip-h::before, .vip-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .vip-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .vip-wrap .vip-lead { text-align:center; font-size:15px; line-height:1.7; max-width:770px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .vip-lead b { color:#a8861f; }<br /> .vip-wrap .vip-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:720px; }<br /> <br /> /* STEPS — cards claros com círculo dourado (igual Curandeira) */<br /> .vip-steps { display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; }<br /> .vip-step { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:22px 16px 18px; text-align:center; transition:transform .16s, box-shadow .16s, border-color .16s; }<br /> .vip-step:hover { transform:translateY(-4px); box-shadow:0 10px 22px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vip-step .n { width:34px; height:34px; border-radius:50%; margin:0 auto 12px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(212,175,55,0.4); }<br /> .vip-step h4 { margin:0 0 7px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .vip-step p { margin:0; font-size:13px; color:#6b5a2e; line-height:1.5; }<br /> .vip-step a { color:#9a7a17; font-weight:700; border-bottom:1px dotted #d4af37; text-decoration:none; }<br /> .vip-step a:hover { color:#6e5410; }<br /> <br /> /* FEATURE — NPC em card claro (estilo Armeiro do Éden) */<br /> .vip-feature { display:flex; gap:24px; align-items:center; background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 26px; box-shadow:0 6px 18px rgba(0,0,0,0.06); margin-top:14px; }<br /> .vip-feature img { height:118px; image-rendering:pixelated; flex-shrink:0; filter: drop-shadow(0 7px 11px rgba(0,0,0,0.28)); }<br /> .vip-feature-txt { font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .vip-feature-txt h4 { margin:0 0 6px; font-size:16px; color:#9a7a17; font-weight:800; border:none; padding:0; }<br /> .vip-feature-txt p { margin:0; }<br /> .vip-feature-txt b { color:#a8861f; }<br /> <br /> /* COMPARISON TABLE */<br /> .vip-cmp { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .vip-cmp th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; padding:13px 16px; text-align:left; font-weight:700; }<br /> .vip-cmp th.c { text-align:center; }<br /> .vip-cmp td { padding:12px 16px; border-top:1px solid rgba(212,175,55,0.15); font-size:14px; vertical-align:middle; }<br /> .vip-cmp tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .vip-cmp tbody tr:hover td { background:#f6ecc6; }<br /> .vip-cmp .feat { font-weight:700; color:#1b1304; }<br /> .vip-cmp .base { color:#8a7340; text-align:center; }<br /> .vip-cmp th.vipc { background:linear-gradient(180deg,#4a360f,#2a1d07); color:#f7e9b8; text-align:center; border-left:1px solid rgba(212,175,55,0.35); }<br /> .vip-cmp td.vipc { text-align:center; font-weight:800; color:#7a5a10; background:rgba(212,175,55,0.16); border-left:1px solid rgba(212,175,55,0.3); }<br /> .vip-cmp tbody tr:nth-child(even) td.vipc { background:rgba(212,175,55,0.22); }<br /> .vip-cmp tbody tr:hover td.vipc { background:rgba(212,175,55,0.30); }<br /> <br /> /* COMMAND CARDS */<br /> .vip-cmds { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }<br /> .vip-cmd { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:9px; padding:14px 16px; transition:box-shadow .14s; }<br /> .vip-cmd:hover { box-shadow:0 8px 18px rgba(212,175,55,0.16); }<br /> .vip-cmd b { display:block; font-family:'Consolas','Courier New',monospace; font-size:15px; color:#a8861f; font-weight:800; }<br /> .vip-cmd small { display:block; color:#8a6c1e; font-size:11px; margin:2px 0 6px; }<br /> .vip-cmd span { display:block; font-size:12.5px; color:#4a3a14; line-height:1.45; }<br /> <br /> /* SHOP CATALOG */<br /> .vip-shop { border:1px solid rgba(212,175,55,0.3); border-radius:10px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .vip-shop-cat { padding:14px 18px; border-top:1px solid rgba(212,175,55,0.18); }<br /> .vip-shop-cat:first-child { border-top:none; }<br /> .vip-shop-cat:nth-child(even) { background:#fdf8e8; }<br /> .vip-shop-label { font-size:11px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin-bottom:10px; text-align:center; }<br /> .vip-shop-items { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }<br /> .vip-item { display:flex; align-items:center; gap:8px; background:#fff; border:1px solid rgba(212,175,55,0.28); border-radius:8px; padding:5px 12px 5px 7px; transition:transform .12s, box-shadow .12s, border-color .12s; }<br /> .vip-item:hover { transform:translateY(-2px); box-shadow:0 6px 14px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vip-item img { width:28px; height:28px; object-fit:contain; image-rendering:pixelated; }<br /> .vip-item span { font-size:12.5px; color:#3a2c0a; font-weight:600; white-space:nowrap; }<br /> <br /> /* NPCS */<br /> .vip-npcs { display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; }<br /> .vip-npc { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:14px 14px 16px; text-align:center; display:flex; flex-direction:column; align-items:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vip-npc:hover { transform:translateY(-3px); box-shadow:0 10px 22px rgba(0,0,0,0.12); border-color:#f4d97a; }<br /> .vip-npc-spr { height:118px; display:flex; align-items:flex-end; justify-content:center; margin-bottom:8px; }<br /> .vip-npc-spr img { max-height:118px; image-rendering:pixelated; }<br /> .vip-npc h3 { font-size:15px; color:#a8861f; margin:0 0 3px; border:none; padding:0; font-weight:800; }<br /> .vip-npc .vip-loc { font-size:12px; margin-bottom:8px; }<br /> .vip-npc p { font-size:12.5px; color:#4a3a14; line-height:1.45; margin:0; }<br /> <br /> /* SERVIÇOS COM VANTAGEM VIP (cards claros com ícone da página) */<br /> .vip-svc { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .vip-svc-card { background: linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:20px 18px; text-align:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vip-svc-card:hover { transform:translateY(-3px); box-shadow:0 10px 22px rgba(0,0,0,0.1); border-color:#f4d97a; }<br /> .vip-svc-card img { width:64px; height:64px; object-fit:contain; border-radius:12px; margin:0 auto 10px; display:block; box-shadow:0 4px 10px rgba(0,0,0,0.14); }<br /> .vip-svc-card h3 { font-size:15px; margin:0 0 8px; border:none; padding:0; font-weight:800; }<br /> .vip-svc-card h3 a { color:#a8861f; text-decoration:none; }<br /> .vip-svc-card h3 a:hover { color:#6e5410; text-decoration:underline; }<br /> .vip-svc-card p { font-size:12.8px; color:#4a3a14; line-height:1.5; margin:0; }<br /> .vip-svc-card b { color:#a8861f; }<br /> <br /> /* NOTE */<br /> .vip-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:780px; }<br /> .vip-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .vip-stats { grid-template-columns: repeat(2, 1fr); }<br /> .vip-steps { grid-template-columns:1fr; }<br /> .vip-cmds { grid-template-columns:1fr; }<br /> .vip-npcs { grid-template-columns: repeat(2, 1fr); }<br /> .vip-svc { grid-template-columns:1fr; }<br /> .vip-feature { flex-direction:column; text-align:center; }<br /> .vip-cmp th, .vip-cmp td { padding:10px 9px; font-size:13px; }<br /> }<br /> <br /> /* ============================================================<br /> MVP REFORMULADO — página bespoke (escopo .mvp-wrap)<br /> ============================================================ */<br /> .mvp-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .mvp-wrap *, .mvp-wrap *::before, .mvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .mvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.24) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .mvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .mvp-hero img.mvp-ico { width:108px; height:108px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.40)); }<br /> .mvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .mvp-wrap h1 { margin:8px 0 12px; font-size:38px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .mvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .mvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .mvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:860px; position:relative; z-index:3; padding:0 10px; }<br /> .mvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .mvp-stat b { display:block; font-size:24px; font-weight:800; color:#a8861f; line-height:1; }<br /> .mvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .mvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .mvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .mvp-h::before,.mvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .mvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .mvp-wrap .mvp-lead { text-align:center; font-size:15px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .mvp-lead b { color:#a8861f; }<br /> .mvp-wrap .mvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> <br /> /* FEATURE CARDS (mecânicas) */<br /> .mvp-feats { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }<br /> .mvp-feat { flex:0 0 calc((100% - 14px)/2); max-width:calc((100% - 14px)/2); background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:18px 20px; transition:box-shadow .16s, transform .16s; }<br /> .mvp-feat:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .mvp-feat h4 { margin:0 0 7px; font-size:15.5px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .mvp-feat p { margin:0; font-size:13px; line-height:1.6; color:#5a4a22; }<br /> .mvp-feat b { color:#a8861f; }<br /> <br /> /* TABLE antes/depois */<br /> .mvp-table { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .mvp-table th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase; padding:11px 10px; text-align:left; font-weight:700; }<br /> .mvp-table th.c { text-align:center; }<br /> .mvp-table td { padding:9px 10px; border-top:1px solid rgba(212,175,55,0.14); font-size:13px; vertical-align:middle; }<br /> .mvp-table tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .mvp-table tbody tr:hover td { background:#f6ecc6; }<br /> .mvp-table .spr { width:64px; text-align:center; padding:4px 4px; }<br /> .mvp-table .spr img { max-width:56px; max-height:50px; object-fit:contain; image-rendering:pixelated; vertical-align:middle; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.22)); }<br /> .mvp-table .nm { font-weight:700; color:#1b1304; white-space:nowrap; }<br /> .mvp-table td.c { text-align:center; }<br /> .mvp-ba { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }<br /> .mvp-ba .b { color:#9b8a5e; text-decoration:line-through; text-decoration-color:rgba(155,138,94,0.55); font-size:11.5px; }<br /> .mvp-ba .ar { color:#d4af37; font-weight:800; font-size:12px; }<br /> .mvp-ba .a { color:#7a5a10; font-weight:800; }<br /> .mvp-eq { color:#7a5a10; font-weight:700; } /* valor inalterado */<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .mvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .mvp-feat { flex-basis:100%; max-width:100%; }<br /> .mvp-table .mvp-ba .b, .mvp-table .mvp-ba .ar { display:none; }<br /> .mvp-table th, .mvp-table td { padding:8px 6px; font-size:12px; }<br /> .mvp-wrap h1 { font-size:30px; }<br /> }<br /> <br /> /* ============================================================<br /> DROP MVP — página bespoke (escopo .dmvp-wrap)<br /> ============================================================ */<br /> .dmvp-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .dmvp-wrap *, .dmvp-wrap *::before, .dmvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .dmvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .dmvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .dmvp-hero img.dmvp-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .dmvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .dmvp-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .dmvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .dmvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .dmvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .dmvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .dmvp-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .dmvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .dmvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .dmvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .dmvp-h::before,.dmvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .dmvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .dmvp-wrap .dmvp-lead { text-align:center; font-size:15px; line-height:1.75; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .dmvp-lead b { color:#a8861f; }<br /> .dmvp-wrap .dmvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .dmvp-sub b { color:#a8861f; }<br /> <br /> /* 3 PILARES (cards claros, border-left dourado) */<br /> .dmvp-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .dmvp-pillar { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:18px 20px; transition:box-shadow .16s, transform .16s; }<br /> .dmvp-pillar:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .dmvp-pillar h4 { margin:0 0 8px; font-size:17px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .dmvp-pillar p { margin:0; font-size:12.8px; line-height:1.6; color:#5a4a22; }<br /> .dmvp-pillar b { color:#a8861f; }<br /> <br /> /* FÓRMULA DE PONTOS */<br /> .dmvp-formula { display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; gap:12px; }<br /> .dmvp-cat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:10px; padding:15px 16px 13px; text-align:center; min-width:160px; display:flex; flex-direction:column; justify-content:center; }<br /> .dmvp-cat b { display:block; font-size:15.5px; color:#1b1304; font-weight:800; }<br /> .dmvp-cat .d { display:block; font-size:11.5px; color:#6b5a2e; margin-top:2px; }<br /> .dmvp-cat .pt { display:inline-block; margin:9px auto 0; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:11.5px; padding:3px 12px; border-radius:999px; }<br /> .dmvp-arrow { display:flex; align-items:center; justify-content:center; font-size:26px; color:#d4af37; font-weight:800; }<br /> .dmvp-win { background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; box-shadow:0 8px 20px rgba(212,175,55,0.25); border-radius:10px; padding:15px 24px; text-align:center; display:flex; flex-direction:column; justify-content:center; min-width:180px; }<br /> .dmvp-win b { display:block; font-size:16px; color:#9a7a17; font-weight:800; }<br /> .dmvp-win span { display:block; font-size:11.5px; color:#6b5a2e; margin-top:3px; }<br /> <br /> /* TABELA EXEMPLO (lápide) — header escuro */<br /> .dmvp-tomb { width:100%; border-collapse:separate; border-spacing:0; border:1px solid rgba(212,175,55,0.3); border-radius:9px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .dmvp-tomb caption { caption-side:top; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:#8a6c1e; padding:0 0 8px; font-weight:700; }<br /> .dmvp-tomb th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase; padding:11px 12px; text-align:left; font-weight:700; }<br /> .dmvp-tomb th.c { text-align:center; }<br /> .dmvp-tomb td { padding:11px 12px; border-top:1px solid rgba(212,175,55,0.14); font-size:13.5px; vertical-align:middle; }<br /> .dmvp-tomb td.c { text-align:center; }<br /> .dmvp-tomb tbody tr:nth-child(even) td { background:#fdf8e8; }<br /> .dmvp-tomb .grp { font-weight:700; color:#1b1304; }<br /> .dmvp-tomb .num { color:#5a4a22; text-align:right; white-space:nowrap; }<br /> .dmvp-tomb tr.win td { background:rgba(212,175,55,0.18) !important; }<br /> .dmvp-tomb tr.win .grp { color:#8a6310; }<br /> .dmvp-tomb .tag { display:inline-block; margin-left:8px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-size:10px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; padding:2px 9px; border-radius:999px; vertical-align:middle; }<br /> .dmvp-tomb .pts { text-align:center; font-weight:800; color:#a8861f; }<br /> <br /> /* NOTE */<br /> .dmvp-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .dmvp-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .dmvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .dmvp-pillars { grid-template-columns:1fr; }<br /> .dmvp-arrow { transform:rotate(90deg); }<br /> .dmvp-cat, .dmvp-win { width:100%; }<br /> .dmvp-tomb th, .dmvp-tomb td { padding:9px 7px; font-size:12px; }<br /> .dmvp-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> CAÇA MVP — página bespoke (escopo .cmvp-wrap)<br /> ============================================================ */<br /> .cmvp-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cmvp-wrap *, .cmvp-wrap *::before, .cmvp-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro da página */<br /> .cmvp-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cmvp-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cmvp-hero img.cmvp-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cmvp-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cmvp-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cmvp-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cmvp-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cmvp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cmvp-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cmvp-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cmvp-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cmvp-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cmvp-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cmvp-h::before,.cmvp-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cmvp-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cmvp-wrap .cmvp-lead { text-align:center; font-size:15px; line-height:1.75; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cmvp-lead b { color:#a8861f; }<br /> .cmvp-wrap .cmvp-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .cmvp-sub b { color:#a8861f; }<br /> <br /> /* AVISOS (2 cards com selo + msg exemplo) */<br /> .cmvp-warns { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .cmvp-warn { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:18px 20px; }<br /> .cmvp-warn .selo { display:inline-block; font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:3px 11px; border-radius:999px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; }<br /> .cmvp-warn h4 { margin:11px 0 6px; font-size:16px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cmvp-warn p { margin:0 0 11px; font-size:13px; line-height:1.55; color:#5a4a22; }<br /> .cmvp-warn b { color:#a8861f; }<br /> .cmvp-msg { background:#fbf3df; border:1px dashed rgba(212,175,55,0.55); border-radius:8px; padding:9px 12px; font-size:11px; line-height:1.45; color:#c0392b; font-style:italic; white-space:nowrap; overflow-x:auto; }<br /> <br /> /* FERRAMENTAS (3 feature cards) */<br /> .cmvp-tools { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }<br /> .cmvp-tool { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-left:4px solid #d4af37; border-radius:9px; padding:20px; transition:box-shadow .16s, transform .16s; }<br /> .cmvp-tool:hover { box-shadow:0 9px 20px rgba(212,175,55,0.16); transform:translateY(-2px); }<br /> .cmvp-tool h4 { margin:0 0 9px; font-size:16px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cmvp-tool .dot { display:inline-block; width:12px; height:12px; border-radius:50%; background:#ff3333; box-shadow:0 0 0 3px rgba(255,51,51,0.25); vertical-align:middle; margin-right:7px; }<br /> .cmvp-tool p { margin:0; font-size:12.8px; line-height:1.6; color:#5a4a22; }<br /> .cmvp-tool b { color:#a8861f; }<br /> <br /> /* NOTE */<br /> .cmvp-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .cmvp-note b { color:#a8861f; }<br /> <br /> /* RESPONSIVE */<br /> @media (max-width:850px){<br /> .cmvp-stats { grid-template-columns:repeat(2,1fr); }<br /> .cmvp-warns { grid-template-columns:1fr; }<br /> .cmvp-tools { grid-template-columns:1fr; }<br /> .cmvp-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> VISUAIS OUTFIT — página bespoke (escopo .vo-wrap)<br /> ============================================================ */<br /> .vo-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .vo-wrap *, .vo-wrap *::before, .vo-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .vo-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .vo-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .vo-hero img.vo-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .vo-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .vo-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .vo-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .vo-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .vo-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .vo-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .vo-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .vo-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .vo-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:46px 0 6px; }<br /> .vo-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .vo-h::before,.vo-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .vo-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .vo-wrap .vo-lead { text-align:center; font-size:14.5px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:14px; color:#2a2008; }<br /> .vo-lead b { color:#a8861f; }<br /> .vo-price { display:inline-block; margin:0 0 16px; padding:4px 14px; border-radius:999px; background:rgba(212,175,55,0.14); border:1px solid rgba(212,175,55,0.4); color:#8a6310; font-size:12px; font-weight:700; }<br /> <br /> /* GRID DE CLASSES (homem + mulher por classe) */<br /> .vo-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }<br /> .vo-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:9px 9px 11px; text-align:center; display:flex; flex-direction:column; align-items:center; transition:transform .14s, box-shadow .14s, border-color .14s; }<br /> .vo-card:hover { transform:translateY(-3px); box-shadow:0 9px 20px rgba(212,175,55,0.18); border-color:#f4d97a; }<br /> .vo-figs { display:flex; gap:4px; align-items:flex-end; justify-content:center; }<br /> .vo-fig { display:flex; flex-direction:column; align-items:center; }<br /> .vo-fig .spr { height:148px; width:98px; display:flex; align-items:flex-end; justify-content:center; }<br /> .vo-fig .spr img { max-height:148px; max-width:98px; image-rendering:auto; filter:drop-shadow(0 3px 5px rgba(0,0,0,0.22)); }<br /> .vo-fig i { font-style:normal; font-size:9px; text-transform:uppercase; letter-spacing:0.7px; color:#9a7a2a; margin-top:4px; font-weight:700; }<br /> .vo-card&gt;span { font-size:12px; font-weight:800; color:#3a2c0a; margin-top:8px; line-height:1.25; max-width:208px; }<br /> <br /> /* NOTE */<br /> .vo-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .vo-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px){<br /> .vo-stats { grid-template-columns:repeat(2,1fr); }<br /> .vo-wrap h1 { font-size:31px; }<br /> .vo-fig .spr { height:120px; width:80px; }<br /> .vo-fig .spr img { max-height:120px; max-width:80px; }<br /> }<br /> <br /> /* ============================================================<br /> CONVIDE E GANHE — página bespoke (escopo .cg-wrap)<br /> ============================================================ */<br /> .cg-wrap { max-width: 1000px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cg-wrap *, .cg-wrap *::before, .cg-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cg-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cg-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cg-hero img.cg-ico { width:110px; height:110px; display:block; margin:0 auto 8px; border-radius:18px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cg-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cg-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cg-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cg-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cg-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:860px; position:relative; z-index:3; padding:0 10px; }<br /> .cg-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cg-stat b { display:block; font-size:23px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cg-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cg-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cg-h span { font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cg-h::before,.cg-h::after { content:&quot;&quot;; height:1px; width:90px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cg-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cg-wrap .cg-lead { text-align:center; font-size:15px; line-height:1.7; max-width:800px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cg-lead b { color:#a8861f; }<br /> .cg-wrap .cg-sub { text-align:center; color:#8a6c1e; font-size:13.5px; margin-left:auto; margin-right:auto; margin-bottom:16px; max-width:760px; }<br /> .cg-sub b { color:#a8861f; }<br /> <br /> /* PIRÂMIDE (3 níveis, alarga pra baixo) */<br /> .cg-pyramid { display:flex; flex-direction:column; align-items:center; gap:8px; }<br /> .cg-tier { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 24px; border-radius:12px; color:#3a2a06; background:linear-gradient(135deg,#f7e6a6,#d4af37); border:1px solid #c9a430; box-shadow:0 6px 16px rgba(212,175,55,0.28); }<br /> .cg-tier.t1 { width:56%; } .cg-tier.t2 { width:76%; } .cg-tier.t3 { width:96%; }<br /> .cg-tier .lv { text-align:left; }<br /> .cg-tier .lv b { display:block; font-size:15px; font-weight:800; }<br /> .cg-tier .lv span { font-size:12px; color:#5a430a; }<br /> .cg-tier .pts { font-size:26px; font-weight:800; white-space:nowrap; }<br /> .cg-tier .pts small { font-size:12px; font-weight:700; }<br /> .cg-pynote { text-align:center; font-size:12.5px; color:#8a6c1e; margin-top:10px; font-style:italic; }<br /> <br /> /* STEPS */<br /> .cg-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }<br /> .cg-step { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:20px 15px 16px; text-align:center; transition:transform .16s, box-shadow .16s; }<br /> .cg-step:hover { transform:translateY(-4px); box-shadow:0 10px 22px rgba(212,175,55,0.18); }<br /> .cg-step .n { width:34px; height:34px; border-radius:50%; margin:0 auto 12px; background:linear-gradient(135deg,#f4d97a,#d4af37); color:#3a2a06; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(212,175,55,0.4); }<br /> .cg-step h4 { margin:0 0 7px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cg-step p { margin:0; font-size:12.5px; color:#6b5a2e; line-height:1.5; }<br /> .cg-step b { color:#a8861f; }<br /> <br /> /* PÓDIO de prêmios */<br /> .cg-podium { display:flex; align-items:flex-end; justify-content:center; gap:14px; }<br /> .cg-pod { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:10px 10px 0 0; padding:16px 18px; text-align:center; width:170px; }<br /> .cg-pod.first { border-top:3px solid #d4af37; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; box-shadow:0 10px 24px rgba(212,175,55,0.3); padding-bottom:34px; }<br /> .cg-pod.first { transform:translateY(-6px); }<br /> .cg-pod .place { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:1px; color:#8a6c1e; }<br /> .cg-pod .prize { font-size:30px; font-weight:800; color:#a8861f; line-height:1.1; margin-top:4px; }<br /> .cg-pod.first .prize { font-size:38px; }<br /> .cg-pod .sub { font-size:11px; color:#7a6320; margin-top:3px; }<br /> <br /> /* COMANDOS */<br /> .cg-cmds { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }<br /> .cg-cmd { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:9px; padding:14px 16px; }<br /> .cg-cmd b { display:block; font-family:'Consolas','Courier New',monospace; font-size:14.5px; color:#a8861f; font-weight:800; }<br /> .cg-cmd span { display:block; font-size:12.5px; color:#4a3a14; line-height:1.45; margin-top:5px; }<br /> <br /> /* NOTE */<br /> .cg-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:820px; }<br /> .cg-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px){<br /> .cg-stats { grid-template-columns:repeat(2,1fr); }<br /> .cg-steps { grid-template-columns:repeat(2,1fr); }<br /> .cg-cmds { grid-template-columns:1fr; }<br /> .cg-tier.t1,.cg-tier.t2,.cg-tier.t3 { width:100%; }<br /> .cg-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> PACOTE FUNDADOR — página bespoke (escopo .cf-wrap)<br /> ============================================================ */<br /> .cf-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cf-wrap *, .cf-wrap *::before, .cf-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cf-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cf-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cf-hero img.cf-ico { width:118px; height:118px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cf-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cf-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cf-hero p { max-width:680px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cf-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cf-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cf-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cf-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cf-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.8px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* EXCLUSIVIDADE callout */<br /> .cf-excl { max-width:880px; margin:26px auto 0; border:1px solid #c98b2e; border-left:5px solid #c0392b; border-radius:12px; background:linear-gradient(180deg,#fffaef,#fdf3d4); padding:16px 22px; box-shadow:0 6px 18px rgba(192,57,43,0.12); }<br /> .cf-excl .tag { display:inline-block; background:#c0392b; color:#fff; font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:3px 11px; border-radius:999px; margin-bottom:8px; }<br /> .cf-excl p { margin:0; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .cf-excl b { color:#a8330f; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cf-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:46px 0 16px; }<br /> .cf-h span { font-size:15px; font-weight:800; letter-spacing:2px; text-transform:uppercase; white-space:nowrap; }<br /> .cf-h::before,.cf-h::after { content:&quot;&quot;; height:1px; width:90px; flex-shrink:0; }<br /> .cf-wrap .cf-lead { text-align:center; font-size:15px; line-height:1.7; max-width:820px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cf-lead b { color:#a8861f; }<br /> <br /> /* TIER section accents */<br /> .cf-tier { margin-top:12px; padding-bottom:6px; }<br /> .cf-tier.prata .cf-h span { color:#7d828a; } .cf-tier.prata .cf-h::before,.cf-tier.prata .cf-h::after { background:linear-gradient(90deg,transparent,#9aa0a6); }<br /> .cf-tier.ouro .cf-h span { color:#a8861f; } .cf-tier.ouro .cf-h::before,.cf-tier.ouro .cf-h::after { background:linear-gradient(90deg,transparent,#d4af37); }<br /> .cf-tier.diamante .cf-h span { color:#1f8fc7; } .cf-tier.diamante .cf-h::before,.cf-tier.diamante .cf-h::after { background:linear-gradient(90deg,transparent,#2aa6e0); }<br /> .cf-tier .cf-h::after { transform:scaleX(-1); }<br /> <br /> /* SHOWCASE row: pet | visual | set */<br /> .cf-show { display:grid; grid-template-columns: 215px 235px 1fr; gap:14px; align-items:stretch; }<br /> .cf-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:14px; }<br /> .cf-pet, .cf-visual { text-align:center; display:flex; flex-direction:column; }<br /> .cf-pet .spr, .cf-visual .spr { flex:1; min-height:210px; display:flex; align-items:flex-end; justify-content:center;<br /> background:radial-gradient(ellipse at 50% 88%, rgba(212,175,55,0.16), transparent 62%); border-radius:9px; padding:6px; }<br /> .cf-pet .spr img, .cf-visual .spr img { max-height:215px; max-width:100%; image-rendering:auto; filter:drop-shadow(0 5px 9px rgba(0,0,0,0.28)); }<br /> .cf-pet .pname, .cf-visual .vname { font-size:14px; font-weight:800; color:#1b1304; margin-top:9px; }<br /> .cf-pet .plabel, .cf-visual .vlabel { font-size:10.5px; color:#8a6c1e; text-transform:uppercase; letter-spacing:0.6px; margin-top:1px; }<br /> .cf-pet .exp { margin:9px auto 0; background:linear-gradient(135deg,#7bd88f,#2e9b46); color:#fff; font-weight:800; font-size:15px; padding:5px 16px; border-radius:999px; box-shadow:0 4px 10px rgba(46,155,70,0.3); }<br /> .cf-visual .vsub { font-size:11px; color:#8a6c1e; margin-top:6px; line-height:1.4; }<br /> .cf-set { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 18px; }<br /> .cf-set h4 { margin:0 0 4px; font-size:14px; color:#1b1304; font-weight:800; border:none; padding:0; }<br /> .cf-set .note { font-size:11.5px; color:#8a6c1e; margin-bottom:11px; }<br /> .cf-set ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }<br /> .cf-set li { display:flex; align-items:center; gap:9px; padding:7px 10px; background:rgba(212,175,55,0.08); border:1px solid rgba(212,175,55,0.25); border-radius:8px; }<br /> .cf-set li img { width:34px; height:34px; object-fit:contain; image-rendering:pixelated; flex:0 0 auto; }<br /> .cf-set li .txt b { display:block; font-size:12.5px; color:#1b1304; line-height:1.2; }<br /> .cf-set li .txt span { font-size:10px; color:#8a6c1e; text-transform:uppercase; letter-spacing:0.5px; }<br /> <br /> /* ITEMS grid */<br /> .cf-itemshead { text-align:center; font-size:11.5px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin:18px 0 10px; }<br /> .cf-items { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }<br /> .cf-item { display:flex; align-items:center; gap:9px; background:#fff; border:1px solid rgba(212,175,55,0.28); border-radius:8px; padding:6px 13px 6px 7px; }<br /> .cf-item img { width:30px; height:30px; object-fit:contain; image-rendering:pixelated; }<br /> .cf-item .nm { font-size:12.5px; color:#3a2c0a; font-weight:600; }<br /> .cf-item .qt { font-size:12px; font-weight:800; color:#a8861f; }<br /> <br /> /* NOTE */<br /> .cf-note { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:840px; }<br /> .cf-note b { color:#a8330f; }<br /> /* PREÇO por tier (R$) */<br /> .cf-tier .cf-priceline { text-align:center; margin:-2px 0 14px; }<br /> .cf-price { display:inline-flex; align-items:baseline; gap:9px; padding:8px 26px; border-radius:999px; box-shadow:0 5px 16px rgba(0,0,0,0.16); border:1px solid rgba(255,255,255,0.32); }<br /> .cf-price b { font-size:24px; font-weight:800; line-height:1; }<br /> .cf-price i { font-style:normal; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }<br /> .cf-tier.prata .cf-price { background:linear-gradient(135deg,#c6cad0,#9298a0); } .cf-tier.prata .cf-price b,.cf-tier.prata .cf-price i { color:#2b2d31; }<br /> .cf-tier.ouro .cf-price { background:linear-gradient(135deg,#f4d97a,#c69a1d); box-shadow:0 6px 18px rgba(198,154,29,0.4); } .cf-tier.ouro .cf-price b,.cf-tier.ouro .cf-price i { color:#3a2a06; }<br /> .cf-tier.diamante .cf-price { background:linear-gradient(135deg,#b6e6ff,#3f97d6); box-shadow:0 7px 22px rgba(47,134,199,0.45); } .cf-tier.diamante .cf-price b,.cf-tier.diamante .cf-price i { color:#06243a; }<br /> <br /> @media (max-width:880px){<br /> .cf-stats { grid-template-columns:repeat(2,1fr); }<br /> .cf-show { grid-template-columns:1fr; }<br /> .cf-set ul { grid-template-columns:1fr 1fr; }<br /> .cf-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> RESSONÂNCIA — página bespoke (escopo .rs-wrap)<br /> ============================================================ */<br /> .rs-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rs-wrap *, .rs-wrap *::before, .rs-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .rs-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .rs-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rs-hero img.rs-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .rs-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rs-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rs-hero p { max-width:700px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rs-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .rs-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .rs-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rs-stat b { display:block; font-size:20px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .rs-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .rs-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .rs-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rs-h::before,.rs-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .rs-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .rs-wrap .rs-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .rs-lead b { color:#a8861f; }<br /> .rs-wrap .rs-note { text-align:center; font-size:12.5px; color:#8a6c1e; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .rs-note b { color:#a8861f; font-style:normal; }<br /> <br /> /* TIERS de raridade (visão geral) */<br /> .rs-tiers { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .rs-tier { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:14px 12px; text-align:center; border-top:3px solid #b9bcc2; }<br /> .rs-tier b { display:block; font-size:14px; font-weight:800; color:#2a2008; }<br /> .rs-tier i { display:block; font-style:normal; font-size:22px; font-weight:800; margin:3px 0 6px; }<br /> .rs-tier span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> .rs-tier.c { border-top-color:#9aa0a6; } .rs-tier.c i { color:#7d828a; }<br /> .rs-tier.i { border-top-color:#3fa14e; } .rs-tier.i i { color:#3fa14e; }<br /> .rs-tier.r { border-top-color:#2f86c7; } .rs-tier.r i { color:#2f86c7; }<br /> .rs-tier.l { border-top-color:#d4af37; background:linear-gradient(180deg,#fffaef,#fdf3d4); } .rs-tier.l i { color:#b9941f; }<br /> <br /> /* CATEGORIAS */<br /> .rs-cat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 16px 18px; margin-bottom:14px; box-shadow:0 4px 14px rgba(0,0,0,0.05); }<br /> .rs-cath { text-align:center; margin-bottom:12px; }<br /> .rs-cath h3 { margin:0; font-size:18px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .rs-cath p { margin:3px 0 0; font-size:12.5px; color:#8a6c1e; }<br /> .rs-groups { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; align-items:start; }<br /> .rs-grp { border:1px solid rgba(0,0,0,0.08); border-radius:9px; overflow:hidden; background:#fffdf8; }<br /> .rs-gh { display:flex; align-items:center; justify-content:space-between; padding:7px 11px; color:#fff; }<br /> .rs-gh b { font-size:12px; font-weight:800; letter-spacing:0.5px; text-transform:uppercase; }<br /> .rs-gh i { font-style:normal; font-size:12px; font-weight:800; opacity:0.95; }<br /> .rs-grp ul { list-style:none; margin:0; padding:8px 10px; display:flex; flex-direction:column; gap:5px; }<br /> .rs-grp li { font-size:11.5px; line-height:1.3; color:#3a2e12; padding-left:12px; position:relative; }<br /> .rs-grp li::before { content:&quot;&quot;; position:absolute; left:2px; top:6px; width:4px; height:4px; border-radius:50%; background:#c9a430; }<br /> .rs-grp.c .rs-gh { background:linear-gradient(135deg,#9aa0a6,#7d828a); }<br /> .rs-grp.i .rs-gh { background:linear-gradient(135deg,#48b35a,#2e8a3d); }<br /> .rs-grp.r .rs-gh { background:linear-gradient(135deg,#3f97d6,#2a6fae); }<br /> .rs-grp.l .rs-gh { background:linear-gradient(135deg,#e6c552,#c39a1d); }<br /> .rs-grp.l { border-color:rgba(212,175,55,0.6); box-shadow:0 4px 12px rgba(212,175,55,0.18); }<br /> .rs-grp.l li::before { background:#d4af37; }<br /> <br /> /* NPC Sintonizadora */<br /> .rs-npc { max-width:900px; margin:0 auto; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-left:5px solid #d4af37; border-radius:12px; padding:18px 22px; box-shadow:0 6px 18px rgba(212,175,55,0.15); }<br /> .rs-npc h3 { margin:0 0 6px; font-size:16px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .rs-npc p { margin:0 0 12px; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .rs-npc p b { color:#a8861f; }<br /> .rs-npcinfo { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }<br /> .rs-npcinfo li { background:rgba(255,255,255,0.6); border:1px solid rgba(212,175,55,0.3); border-radius:8px; padding:9px 12px; font-size:12.5px; color:#3a2e12; }<br /> .rs-npcinfo li b { display:block; color:#8a6310; font-size:11px; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:2px; }<br /> .rs-npcinfo li span:not(.navi-copy) { color:#6b5a2e; }<br /> <br /> /* FOOT */<br /> .rs-foot { text-align:center; font-size:13px; color:#8a6c1e; margin:30px auto 0; font-style:italic; max-width:840px; }<br /> <br /> @media (max-width:880px){<br /> .rs-stats { grid-template-columns:repeat(2,1fr); }<br /> .rs-tiers { grid-template-columns:repeat(2,1fr); }<br /> .rs-groups { grid-template-columns:repeat(2,1fr); }<br /> .rs-npcinfo { grid-template-columns:1fr; }<br /> .rs-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> NICKS COLORIDOS — página bespoke (escopo .cn-wrap)<br /> ============================================================ */<br /> @font-face { font-family:'SCDream'; src:url('/images/fonts/SCDream4.otf') format('opentype'); font-weight:400; font-display:swap; }<br /> @font-face { font-family:'SCDream'; src:url('/images/fonts/SCDream6.otf') format('opentype'); font-weight:700; font-display:swap; }<br /> .cn-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'SCDream','Inter', system-ui, sans-serif; color: #2a2008; }<br /> .cn-wrap *, .cn-wrap *::before, .cn-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .cn-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .cn-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .cn-hero img.cn-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .cn-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .cn-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .cn-hero p { max-width:700px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .cn-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .cn-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .cn-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .cn-stat b { display:block; font-size:20px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .cn-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .cn-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .cn-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .cn-h::before,.cn-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .cn-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> .cn-wrap .cn-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .cn-lead b { color:#a8861f; }<br /> <br /> /* NPC card */<br /> .cn-npc { display:flex; gap:20px; align-items:center; max-width:900px; margin:0 auto; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:14px; padding:18px 22px; box-shadow:0 6px 18px rgba(0,0,0,0.07); }<br /> .cn-npc .spr { flex:0 0 auto; width:150px; height:160px; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at 50% 80%, rgba(212,175,55,0.16), transparent 65%); border-radius:12px; }<br /> .cn-npc .spr img { max-height:150px; image-rendering:auto; filter:drop-shadow(0 5px 9px rgba(0,0,0,0.3)); }<br /> .cn-npc .txt { flex:1; }<br /> .cn-npc h3 { margin:0 0 4px; font-size:18px; font-weight:800; color:#1b1304; border:none; padding:0; }<br /> .cn-npc .loc { margin:0 0 10px; }<br /> .cn-npc p { margin:0; font-size:14px; line-height:1.6; color:#3a2e12; }<br /> .cn-npc p b { color:#a8861f; }<br /> <br /> /* TIER blocks da paleta — banner com destaque crescente (Diamond = máximo) */<br /> .cn-tier { margin-top:18px; text-align:center; }<br /> .cn-tierhead { display:inline-flex; align-items:center; gap:12px; margin:24px auto 4px; padding:11px 30px; border-radius:14px; border:1px solid rgba(255,255,255,0.28); box-shadow:0 6px 18px rgba(0,0,0,0.16); }<br /> .cn-tierhead b { font-size:21px; font-weight:800; letter-spacing:1px; }<br /> .cn-tierhead i { font-style:normal; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; padding:4px 12px; border-radius:999px; background:rgba(255,255,255,0.25); }<br /> /* Prata */<br /> .cn-tier.prata .cn-tierhead { background:linear-gradient(135deg,#c6cad0,#8f949b); }<br /> .cn-tier.prata .cn-tierhead b { color:#2b2d31; } .cn-tier.prata .cn-tierhead i { color:#33363b; }<br /> /* Gold (mais destaque) */<br /> .cn-tier.gold .cn-tierhead { background:linear-gradient(135deg,#f6dd84,#c69a1d); padding:13px 38px; box-shadow:0 8px 22px rgba(198,154,29,0.42); }<br /> .cn-tier.gold .cn-tierhead b { color:#3a2a06; font-size:24px; } .cn-tier.gold .cn-tierhead i { color:#48340a; }<br /> /* Diamond (DESTAQUE MÁXIMO) */<br /> .cn-tier.diamond .cn-tierhead { background:linear-gradient(135deg,#b6e6ff,#3f97d6 52%,#1c6cad); padding:17px 50px; border:1px solid rgba(255,255,255,0.55); box-shadow:0 0 0 3px rgba(90,160,216,0.28), 0 12px 34px rgba(47,134,199,0.6); }<br /> .cn-tier.diamond .cn-tierhead b { color:#062539; font-size:29px; text-shadow:0 1px 0 rgba(255,255,255,0.45); } .cn-tier.diamond .cn-tierhead i { color:#08324f; background:rgba(255,255,255,0.42); }<br /> .cn-tier.diamond .cn-tierhead b::before { content:&quot;✦ &quot;; } .cn-tier.diamond .cn-tierhead b::after { content:&quot; ✦&quot;; }<br /> <br /> /* GRID de nicks (nameplate escuro = swatch). Flex centralizado: últimas linhas centram */<br /> .cn-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; }<br /> .cn-chip { width:152px; background:linear-gradient(180deg,#2e2e36,#1c1c22); border:1px solid rgba(0,0,0,0.35); border-radius:9px; padding:11px 8px 7px; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,0.18) inset, 0 2px 5px rgba(0,0,0,0.12); }<br /> .cn-name { display:block; font-size:16px; font-weight:800; line-height:1.1; }<br /> .cn-lbl { display:block; font-size:10px; color:#9a9088; margin-top:6px; letter-spacing:0.4px; text-transform:uppercase; }<br /> <br /> /* NOTE */<br /> .cn-note { text-align:center; font-size:13px; color:#8a6c1e; margin:26px auto 0; font-style:italic; max-width:840px; }<br /> .cn-note b { color:#a8861f; font-style:normal; }<br /> <br /> @media (max-width:880px){<br /> .cn-stats { grid-template-columns:repeat(2,1fr); }<br /> .cn-npc { flex-direction:column; text-align:center; }<br /> .cn-grid { grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); }<br /> .cn-wrap h1 { font-size:31px; }<br /> }<br /> <br /> /* ============================================================<br /> REBALANCE — páginas bespoke (escopo .rb-wrap)<br /> ============================================================ */<br /> .rb-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rb-wrap *, .rb-wrap *::before, .rb-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO — único bloco escuro */<br /> .rb-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(circle at 50% -10%, rgba(244,217,122,0.26) 0%, transparent 58%), linear-gradient(160deg, #241906 0%, #0d0901 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(244,217,122,0.18); }<br /> .rb-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rb-hero img.rb-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,175,55,0.45)); }<br /> .rb-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rb-wrap h1 { margin:8px 0 12px; font-size:38px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rb-hero p { max-width:720px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rb-hero p b { color:#f4d97a; }<br /> <br /> /* STATS */<br /> .rb-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:-34px auto 6px; max-width:520px; position:relative; z-index:3; padding:0 10px; }<br /> .rb-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rb-stat b { display:block; font-size:21px; font-weight:800; color:#a8861f; line-height:1.1; }<br /> .rb-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .rb-wrap .rb-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin:18px auto 8px; color:#2a2008; }<br /> .rb-lead b { color:#a8861f; }<br /> .rb-wrap .rb-src { text-align:center; font-size:14px; line-height:1.6; color:#3a2e12; max-width:820px; margin:22px auto 8px; }<br /> .rb-src b { color:#a8861f; }<br /> .rb-example { text-align:center; margin:2px auto 6px; }<br /> .rb-example img { max-width:430px; width:92%; image-rendering:auto; border:1px solid rgba(212,175,55,0.45); border-radius:8px; padding:8px 14px; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,0.08); }<br /> .rb-beta { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:820px; margin:30px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:13px 22px; }<br /> .rb-beta b { color:#a8861f; }<br /> <br /> /* CLASS section */<br /> .rb-class { margin-top:30px; }<br /> .rb-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:30px 0 14px; }<br /> .rb-h span { font-size:18px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rb-h::before,.rb-h::after { content:&quot;&quot;; height:2px; width:70px; background:linear-gradient(90deg,transparent,#d4af37); flex-shrink:0; }<br /> .rb-h::after { background:linear-gradient(90deg,#d4af37,transparent); }<br /> <br /> /* M+F num único box (lado a lado, como dois personagens juntos) */<br /> .rb-chars { display:flex; justify-content:center; margin-bottom:18px; }<br /> .rb-duo { display:inline-flex; gap:0; align-items:flex-end; border:1px solid rgba(212,175,55,0.3); border-radius:12px; padding:16px 18px 14px;<br /> background:linear-gradient(180deg,#fff,#fdf8e8); box-shadow:0 5px 16px rgba(0,0,0,0.08);<br /> background-image:radial-gradient(ellipse at 50% 96%, rgba(212,175,55,0.18), transparent 58%), linear-gradient(180deg,#fff,#fdf8e8); }<br /> .rb-duo .spr { display:flex; align-items:flex-end; justify-content:center; }<br /> .rb-duo .spr img { height:150px; width:auto; max-width:none; image-rendering:auto; filter:drop-shadow(0 4px 7px rgba(0,0,0,0.28)); }<br /> .rb-duo .spr + .spr { margin-left:-26px; }<br /> .rb-duo.spaced { padding-left:34px; padding-right:34px; }<br /> .rb-duo.spaced .spr + .spr { margin-left:6px; }<br /> .rb-wrap .rb-noskill { text-align:center; font-size:13.5px; color:#8a6c1e; font-style:italic; max-width:600px; margin:8px auto 0; }<br /> <br /> /* skill cards */<br /> .rb-skills { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:12px; }<br /> .rb-skill { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:10px; padding:13px 16px 14px; flex:1 1 460px; max-width:524px; }<br /> .rb-skh { display:flex; align-items:center; gap:11px; margin-bottom:9px; }<br /> .rb-skic { width:42px; height:42px; flex:0 0 auto; image-rendering:pixelated; border-radius:7px; background:rgba(40,30,12,0.06); border:1px solid rgba(212,175,55,0.3); padding:3px; }<br /> .rb-skn b { display:block; font-size:15px; font-weight:800; color:#1b1304; line-height:1.15; }<br /> .rb-skn span { font-size:10.5px; text-transform:uppercase; letter-spacing:0.5px; color:#8a6c1e; font-weight:700; }<br /> .rb-chg { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }<br /> .rb-chg li { position:relative; padding-left:18px; font-size:13px; line-height:1.5; color:#3a2e12; }<br /> .rb-chg li::before { content:&quot;▸&quot;; position:absolute; left:2px; top:0; color:#c9a430; font-size:12px; }<br /> .rb-chg li b { color:#a8330f; }<br /> <br /> /* invocacoes de espirito (Espiritualista) */<br /> .rb-subh { text-align:center; font-size:13px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#a8861f; margin:22px 0 12px; }<br /> .rb-sum-intro { max-width:860px; margin:0 auto 4px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:10px; padding:13px 18px; font-size:13.5px; line-height:1.6; color:#3a2e12; }<br /> .rb-sum-intro b { color:#a8330f; }<br /> .rb-sum-intro ul { list-style:none; margin:9px 0 0; padding:0; display:flex; flex-direction:column; gap:6px; }<br /> .rb-sum-intro li { position:relative; padding-left:18px; }<br /> .rb-sum-intro li::before { content:&quot;▸&quot;; position:absolute; left:2px; top:0; color:#c9a430; }<br /> .rb-summons { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:13px; margin-top:14px; }<br /> .rb-sum { display:flex; align-items:center; gap:13px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:4px solid #d4af37; border-radius:10px; padding:11px 15px; flex:1 1 392px; max-width:440px; }<br /> .rb-sum-spr { flex:0 0 96px; display:flex; align-items:flex-end; justify-content:center; height:122px; background-image:radial-gradient(ellipse at 50% 92%, rgba(212,175,55,0.20), transparent 62%); }<br /> .rb-sum-spr img { height:120px; width:auto; max-width:none; image-rendering:auto; filter:drop-shadow(0 4px 6px rgba(0,0,0,0.30)); }<br /> .rb-sum-body { flex:1 1 auto; min-width:0; }<br /> .rb-sum-name { font-size:15px; font-weight:800; color:#1b1304; line-height:1.15; }<br /> .rb-sum-name span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.5px; color:#8a6c1e; font-weight:700; margin-top:2px; }<br /> .rb-sum-role { font-size:12.5px; color:#3a2e12; margin:7px 0 6px; line-height:1.45; }<br /> .rb-sum-role b { color:#a8330f; }<br /> .rb-sum-sk { font-size:11.5px; color:#6b5618; line-height:1.55; }<br /> .rb-sum-sk b { color:#8a6c1e; font-weight:700; }<br /> .rb-stats.s3 { grid-template-columns:repeat(3,1fr); max-width:720px; }<br /> .rb-spirits { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:10px; }<br /> .rb-spirit { display:flex; align-items:center; gap:10px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-left:3px solid #c9a430; border-radius:8px; padding:8px 13px; flex:1 1 286px; max-width:352px; }<br /> .rb-spirit img { width:36px; height:36px; flex:0 0 auto; image-rendering:pixelated; border-radius:6px; background:rgba(40,30,12,0.06); border:1px solid rgba(212,175,55,0.3); padding:2px; }<br /> .rb-spirit b { font-size:12.5px; font-weight:800; color:#1b1304; }<br /> .rb-spirit span { display:block; font-size:11.5px; color:#6b5618; margin-top:2px; line-height:1.4; }<br /> .rb-spirit span em { color:#a8330f; font-style:normal; font-weight:700; }<br /> .rb-sum-ic { width:25px; height:25px; vertical-align:-6px; margin-right:6px; image-rendering:pixelated; }<br /> <br /> .rb-foot { text-align:center; font-size:13px; color:#8a6c1e; margin:32px auto 0; font-style:italic; max-width:840px; }<br /> <br /> @media (max-width:780px){<br /> .rb-stats { grid-template-columns:repeat(3,1fr); }<br /> .rb-skills { grid-template-columns:1fr; }<br /> .rb-wrap h1 { font-size:29px; }<br /> }<br /> <br /> /* ===========================================================<br /> REBORN — Sistema de Elos — página bespoke (escopo .rbn-wrap)<br /> =========================================================== */<br /> .rbn-wrap { max-width: 1020px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rbn-wrap *, .rbn-wrap *::before, .rbn-wrap *::after { box-sizing: border-box; }<br /> <br /> .rbn-hero { position: relative; text-align: center; padding: 42px 22px 60px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.34), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.16), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .rbn-hero::before { content:&quot;\2726&quot;; position:absolute; top:16px; right:24px; color:rgba(212,175,55,0.30); font-size:28px; }<br /> .rbn-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rbn-hero img.rbn-ico { width:108px; height:108px; display:block; margin:0 auto 6px; border-radius:16px; filter: drop-shadow(0 8px 20px rgba(212,175,55,0.5)); }<br /> .rbn-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.6px; text-transform:uppercase; font-weight:600; }<br /> .rbn-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rbn-hero p { max-width:730px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .rbn-hero p b { color:#f4d97a; }<br /> <br /> .rbn-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-38px auto 6px; max-width:780px; position:relative; z-index:3; padding:0 10px; }<br /> .rbn-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:8px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rbn-stat b { display:block; font-size:17px; font-weight:800; color:#a8861f; line-height:1.15; }<br /> .rbn-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .rbn-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:40px 0 8px; }<br /> .rbn-h span { font-size:15px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .rbn-h::before, .rbn-h::after { content:&quot;&quot;; height:1px; width:120px; background:linear-gradient(90deg, transparent, #d4af37); flex-shrink:0; }<br /> .rbn-h::after { background:linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .rbn-wrap .rbn-lead { text-align:center; font-size:15px; line-height:1.7; max-width:830px; margin-left:auto; margin-right:auto; margin-top:14px; margin-bottom:8px; color:#2a2008; }<br /> .rbn-lead b { color:#a8861f; }<br /> .rbn-wrap .rbn-foot { text-align:center; font-size:12.5px; line-height:1.55; max-width:830px; margin:8px auto 4px; color:#6b5a2e; }<br /> <br /> .rbn-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0 4px; }<br /> .rbn-step { position:relative; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:11px; padding:30px 16px 16px; text-align:center; }<br /> .rbn-step-n { position:absolute; top:-15px; left:50%; transform:translateX(-50%); width:32px; height:32px; border-radius:50%; background:linear-gradient(180deg,#f4d97a,#d4af37); color:#3a2607; font-weight:800; font-size:15px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(0,0,0,0.2); }<br /> .rbn-step b { display:block; color:#8a6c1e; font-size:14px; margin-bottom:5px; }<br /> .rbn-step p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> <br /> .rbn-npc { display:flex; align-items:center; gap:26px; max-width:760px; margin:16px auto 6px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.32); border-left:4px solid #d4af37; border-radius:12px; padding:20px 28px; }<br /> .rbn-npc img { width:118px; height:auto; image-rendering:pixelated; flex-shrink:0; filter: drop-shadow(0 4px 10px rgba(0,0,0,0.22)); }<br /> .rbn-npc-body { text-align:left; }<br /> .rbn-npc-body h3 { margin:0 0 5px; font-size:20px; color:#a8861f; border:none; padding:0; }<br /> .rbn-npc-body p { margin:0 0 9px; font-size:13.5px; line-height:1.55; color:#4a3a14; }<br /> .rbn-npc-body p:last-child { margin-bottom:0; }<br /> <br /> .rbn-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; max-width:830px; margin:16px auto 6px; }<br /> .rbn-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:18px 22px; }<br /> .rbn-card h4 { margin:0 0 8px; color:#a8861f; font-size:16px; }<br /> .rbn-card p { margin:0; font-size:13.5px; line-height:1.6; color:#4a3a14; }<br /> .rbn-card p b { color:#a8861f; }<br /> <br /> .rbn-wrap table.rbn-table { width:100%; border-collapse:collapse; margin:16px auto 6px; font-size:13.5px; box-shadow:0 6px 18px rgba(0,0,0,0.08); border-radius:10px; overflow:hidden; }<br /> .rbn-table th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; font-weight:700; padding:11px 9px; text-align:center; font-size:12.5px; letter-spacing:0.3px; }<br /> .rbn-table td { padding:9px 9px; text-align:center; border-bottom:1px solid #efe4c4; color:#3a2e12; }<br /> .rbn-table td.rbn-elo { font-weight:700; color:#a8861f; text-align:left; white-space:nowrap; }<br /> .rbn-table td small { color:#8a7330; }<br /> .rbn-table tr:nth-child(even) td { background:#fdf8e8; }<br /> .rbn-table tr:hover td { background:#f6ecc6; }<br /> <br /> .rbn-note { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:840px; margin:28px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:14px 24px; }<br /> .rbn-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px) {<br /> .rbn-stats { grid-template-columns:repeat(2,1fr); }<br /> .rbn-steps { grid-template-columns:repeat(2,1fr); }<br /> .rbn-cards { grid-template-columns:1fr; }<br /> .rbn-npc { flex-direction:column; text-align:center; }<br /> .rbn-npc-body { text-align:center; }<br /> .rbn-wrap table.rbn-table { font-size:11.5px; }<br /> .rbn-table th, .rbn-table td { padding:7px 5px; }<br /> }<br /> <br /> /* ===========================================================<br /> ALMAS — Sistema de Almas — página bespoke (escopo .alm-wrap)<br /> =========================================================== */<br /> .alm-wrap { max-width: 1040px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .alm-wrap *, .alm-wrap *::before, .alm-wrap *::after { box-sizing: border-box; }<br /> <br /> .alm-hero { position: relative; text-align: center; padding: 42px 22px 60px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(212,175,55,0.45);<br /> background: radial-gradient(ellipse at 50% -20%, rgba(244,217,122,0.34), transparent 60%), radial-gradient(circle at 50% 130%, rgba(212,175,55,0.16), transparent 55%), linear-gradient(180deg, #2a1d07, #0d0901); }<br /> .alm-hero::before { content:&quot;\2726&quot;; position:absolute; top:16px; right:24px; color:rgba(212,175,55,0.30); font-size:28px; }<br /> .alm-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .alm-hero img.alm-ico { width:108px; height:108px; display:block; margin:0 auto 6px; border-radius:16px; filter: drop-shadow(0 8px 20px rgba(212,175,55,0.5)); }<br /> .alm-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(244,217,122,0.45); border-radius:999px; color:#f4d97a; font-size:11px; letter-spacing:2.6px; text-transform:uppercase; font-weight:600; }<br /> .alm-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#f7e9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .alm-hero p { max-width:740px; margin:0 auto; color:#ecdcab; font-size:15.5px; line-height:1.65; }<br /> .alm-hero p b { color:#f4d97a; }<br /> <br /> .alm-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-38px auto 6px; max-width:800px; position:relative; z-index:3; padding:0 10px; }<br /> .alm-stat { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:8px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .alm-stat b { display:block; font-size:16px; font-weight:800; color:#a8861f; line-height:1.15; }<br /> .alm-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a6c1e; margin-top:7px; font-weight:600; }<br /> <br /> .alm-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:42px 0 8px; }<br /> .alm-h span { font-size:15px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#a8861f; white-space:nowrap; }<br /> .alm-h::before, .alm-h::after { content:&quot;&quot;; height:1px; width:120px; background:linear-gradient(90deg, transparent, #d4af37); flex-shrink:0; }<br /> .alm-h::after { background:linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .alm-wrap .alm-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-top:14px; margin-bottom:8px; color:#2a2008; }<br /> .alm-lead b { color:#a8861f; }<br /> <br /> /* raridades */<br /> .alm-rar { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; max-width:860px; margin:16px auto 6px; }<br /> .alm-rar-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:12px; padding:16px 16px 18px; text-align:center; }<br /> .alm-rar-card img { width:150px; height:150px; object-fit:contain; border-radius:10px; display:block; margin:0 auto 10px; box-shadow:0 4px 14px rgba(0,0,0,0.28); }<br /> .alm-rar-name { font-weight:800; font-size:15px; margin-bottom:6px; letter-spacing:0.3px; }<br /> .alm-rar-card p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> .alm-rar-blue { border-top-color:#3f8fe0; }<br /> .alm-rar-blue .alm-rar-name { color:#2f73c2; }<br /> .alm-rar-purple { border-top-color:#9a5cd6; }<br /> .alm-rar-purple .alm-rar-name { color:#7e3fc0; }<br /> .alm-rar-red { border-top-color:#df5236; }<br /> .alm-rar-red .alm-rar-name { color:#c23a22; }<br /> <br /> /* passos */<br /> .alm-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0 4px; }<br /> .alm-step { position:relative; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-radius:11px; padding:30px 16px 16px; text-align:center; }<br /> .alm-step-n { position:absolute; top:-15px; left:50%; transform:translateX(-50%); width:32px; height:32px; border-radius:50%; background:linear-gradient(180deg,#f4d97a,#d4af37); color:#3a2607; font-weight:800; font-size:15px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(0,0,0,0.2); }<br /> .alm-step b { display:block; color:#8a6c1e; font-size:14px; margin-bottom:5px; }<br /> .alm-step p { margin:0; font-size:13px; line-height:1.5; color:#4a3a14; }<br /> <br /> /* NPC */<br /> .alm-npc { max-width:680px; margin:14px auto 6px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.32); border-left:4px solid #d4af37; border-radius:12px; padding:18px 26px; }<br /> .alm-npc-body h3 { margin:0 0 6px; font-size:20px; color:#a8861f; border:none; padding:0; }<br /> .alm-npc-body p { margin:0 0 9px; font-size:13.5px; line-height:1.55; color:#4a3a14; }<br /> .alm-npc-body p:last-child { margin-bottom:0; }<br /> <br /> /* cards de regras */<br /> .alm-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:900px; margin:16px auto 6px; }<br /> .alm-card { background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.3); border-top:3px solid #d4af37; border-radius:11px; padding:16px 18px; text-align:center; }<br /> .alm-card h4 { margin:0 0 8px; color:#a8861f; font-size:15px; }<br /> .alm-card p { margin:0; font-size:13px; line-height:1.55; color:#4a3a14; }<br /> .alm-card p b { color:#a8861f; }<br /> <br /> /* galeria de almas — lista compacta com a miniatura do item (inventário) */<br /> .alm-list { max-width:840px; margin:14px auto 6px; display:flex; flex-direction:column; gap:7px; }<br /> .alm-row { display:flex; align-items:center; gap:12px; background:linear-gradient(180deg,#fff,#fdf8e8); border:1px solid rgba(212,175,55,0.28); border-radius:9px; padding:7px 14px; transition:border-color .14s, background .14s; }<br /> .alm-row:hover { border-color:#d4af37; background:#fbf3da; }<br /> .alm-slot { width:38px; height:38px; flex-shrink:0; border-radius:7px; background:radial-gradient(circle at 50% 36%, #2c2647, #14101f); border:1px solid rgba(212,175,55,0.4); box-shadow:inset 0 1px 4px rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; }<br /> .alm-slot img { width:28px; height:28px; }<br /> .alm-row-txt { font-size:12.5px; line-height:1.45; color:#4a3a14; text-align:left; }<br /> .alm-row-n { font-weight:800; color:#a8861f; }<br /> <br /> .alm-note { text-align:center; font-size:13.5px; line-height:1.6; color:#3a2e12; max-width:840px; margin:28px auto 4px; background:linear-gradient(180deg,#fffaef,#fdf3d4); border:1px solid #d4af37; border-radius:10px; padding:14px 24px; }<br /> .alm-note b { color:#a8861f; }<br /> <br /> @media (max-width:850px) {<br /> .alm-stats { grid-template-columns:repeat(2,1fr); }<br /> .alm-rar { grid-template-columns:1fr; max-width:340px; }<br /> .alm-steps { grid-template-columns:repeat(2,1fr); }<br /> .alm-cards { grid-template-columns:1fr; max-width:380px; }<br /> }<br /> <br /> /* ===========================================================<br /> REBORN — tabela detalhada dos 10 elos (ícones oficiais)<br /> =========================================================== */<br /> .rbn-elotable-wrap { overflow-x:auto; margin:14px 0 6px; -webkit-overflow-scrolling:touch; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.08); border:1px solid rgba(212,175,55,0.25); }<br /> .rbn-wrap table.rbn-elotable { border-collapse:collapse; margin:0; width:100%; min-width:940px; font-size:12px; }<br /> .rbn-elotable th { background:linear-gradient(180deg,#241906,#0d0901); color:#f4d97a; padding:8px 6px 7px; text-align:center; font-weight:700; font-size:11px; vertical-align:bottom; }<br /> .rbn-elotable th img.rbn-elo-ico { width:46px; height:46px; display:block; margin:0 auto 4px; filter:drop-shadow(0 2px 5px rgba(0,0,0,0.55)); }<br /> .rbn-elotable th span { display:block; white-space:nowrap; font-size:12.5px; font-weight:800; color:#f7e9b8; margin-top:2px; }<br /> .rbn-elotable td { padding:6px 9px; text-align:center; border-bottom:1px solid #efe4c4; color:#3a2e12; white-space:nowrap; }<br /> .rbn-elotable td.rbn-stat, .rbn-elotable th.rbn-stat { text-align:left; font-weight:700; position:sticky; left:0; z-index:2; }<br /> .rbn-elotable td.rbn-stat { color:#8a6c1e; background:#fbf3da; }<br /> .rbn-elotable th.rbn-stat { color:#f4d97a; background:#1c1305; text-align:center; vertical-align:middle; white-space:normal; line-height:1.25; font-size:12px; }<br /> .rbn-elotable tr:nth-child(even) td { background:#fdf8e8; }<br /> .rbn-elotable tr:nth-child(even) td.rbn-stat { background:#f4ead0; }<br /> .rbn-elotable tr:hover td { background:#f6ecc6; }<br /> .rbn-elotable tr:hover td.rbn-stat { background:#efe2bf; }<br /> .rbn-elotable td.rbn-na { color:#c9bd97; }<br /> <br /> /* =============================================================<br /> RMT — Mercado RMT (escopo .rmt-wrap)<br /> ============================================================= */<br /> .rmt-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .rmt-wrap *, .rmt-wrap *::before, .rmt-wrap *::after { box-sizing: border-box; }<br /> <br /> .rmt-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .rmt-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .rmt-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .rmt-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .rmt-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .rmt-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .rmt-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .rmt-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .rmt-stat b { display: block; font-size: 22px; color: #a8861f; font-weight: 800; line-height: 1.1; }<br /> .rmt-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .rmt-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .rmt-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .rmt-h::before, .rmt-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .rmt-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .rmt-wrap .rmt-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 6px; color: #2a2008; }<br /> .rmt-wrap .rmt-lead b { color: #a8861f; }<br /> <br /> .rmt-access { max-width: 640px; margin: 10px auto 0; text-align: center; background: linear-gradient(180deg, #241906, #0d0901); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 16px 20px; color: #e9dcc0; font-size: 14.5px; line-height: 1.7; }<br /> .rmt-access b { color: #f4d97a; }<br /> .rmt-access .cmd { display: inline-block; margin: 2px 2px; padding: 3px 10px; border: 1px solid rgba(212,175,55,0.5); border-radius: 8px; color: #f4d97a; font-family: monospace; font-size: 14px; }<br /> <br /> /* clicável: copia comando/coord ao clicar */<br /> .rmt-copy { cursor: pointer; display: inline-block; padding: 1px 9px; margin: 0 1px; border-radius: 6px; background: rgba(212,175,55,0.16); border: 1px solid rgba(212,175,55,0.45); color: #8a6c1e; font-family: monospace; font-weight: 700; font-size: 0.95em; line-height: 1.55; white-space: nowrap; transition: background .12s, transform .05s; }<br /> .rmt-copy:hover { background: rgba(212,175,55,0.30); }<br /> .rmt-copy:active { transform: translateY(1px); }<br /> .rmt-copy::after { content: &quot;\29C9&quot;; margin-left: 6px; opacity: 0.55; font-family: sans-serif; }<br /> .rmt-access .rmt-copy { background: rgba(244,217,122,0.12); border-color: rgba(212,175,55,0.55); color: #f4d97a; font-size: 14px; }<br /> .rmt-access .rmt-copy:hover { background: rgba(244,217,122,0.24); }<br /> <br /> /* link estilizado (Discord etc.) */<br /> .rmt-link { color: #a8861f; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(212,175,55,0.5); text-underline-offset: 2px; }<br /> .rmt-link:hover { color: #8a6c1e; }<br /> .rmt-access .rmt-link { color: #f4d97a; text-decoration-color: rgba(244,217,122,0.55); }<br /> <br /> .rmt-steps { display: flex; flex-direction: column; gap: 12px; max-width: 820px; margin: 6px auto 0; }<br /> .rmt-step { display: flex; gap: 14px; align-items: flex-start; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-left: 4px solid #d4af37; border-radius: 10px; padding: 14px 16px; }<br /> .rmt-step .n { flex: 0 0 34px; height: 34px; width: 34px; border-radius: 50%; background: #d4af37; color: #241906; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0,0,0,0.15); }<br /> .rmt-step .t { font-size: 14px; line-height: 1.55; color: #3a2e12; align-self: center; }<br /> .rmt-step .t b { color: #a8330f; }<br /> <br /> .rmt-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; max-width: 860px; margin: 6px auto 0; align-items: stretch; }<br /> .rmt-col { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 18px; }<br /> .rmt-col h3 { margin: 0 0 12px; font-size: 15px; color: #a8861f; font-weight: 800; border: none; padding: 0; text-align: center; }<br /> .rmt-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }<br /> .rmt-col li { position: relative; padding-left: 22px; font-size: 13.5px; line-height: 1.5; color: #3a2e12; }<br /> .rmt-col li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> <br /> .rmt-fee { max-width: 520px; margin: 8px auto 0; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 10px 22px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .rmt-fee .row { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; font-size: 14.5px; color: #3a2e12; border-bottom: 1px dashed rgba(212,175,55,0.4); }<br /> .rmt-fee .row:last-child { border-bottom: none; }<br /> .rmt-fee .big { color: #a8330f; font-weight: 800; font-size: 16px; }<br /> .rmt-fee .net { color: #3a9c3a; font-weight: 800; font-size: 16px; }<br /> <br /> .rmt-safe { max-width: 820px; margin: 6px auto 0; background: linear-gradient(180deg, #f4fbf0, #eef7e6); border: 1px solid rgba(58,156,58,0.3); border-left: 4px solid #3a9c3a; border-radius: 10px; padding: 16px 20px; }<br /> .rmt-safe ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .rmt-safe li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.55; color: #2f3a1f; }<br /> .rmt-safe li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 1px; color: #3a9c3a; font-size: 12px; }<br /> .rmt-safe li b { color: #2e7d32; }<br /> <br /> .rmt-rules { max-width: 820px; margin: 6px auto 0; background: linear-gradient(180deg, #fff7f3, #fdeee7); border: 1px solid rgba(192,57,43,0.3); border-left: 4px solid #c0392b; border-radius: 10px; padding: 16px 20px; }<br /> .rmt-rules ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .rmt-rules li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.55; color: #3a2e12; }<br /> .rmt-rules li::before { content: &quot;\26A0&quot;; position: absolute; left: 2px; top: 0; color: #c0392b; font-size: 13px; }<br /> .rmt-rules li b { color: #a8330f; }<br /> <br /> .rmt-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 860px; margin: 6px auto 0; }<br /> .rmt-chip { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 999px; padding: 8px 16px; font-size: 13px; color: #3a2e12; }<br /> .rmt-chip b { color: #a8861f; }<br /> <br /> .rmt-cta { text-align: center; margin: 34px auto 8px; }<br /> .rmt-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .rmt-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .rmt-stats { grid-template-columns: repeat(2, 1fr); }<br /> .rmt-cols { grid-template-columns: 1fr; }<br /> .rmt-hero h1 { font-size: 31px; }<br /> .rmt-h::before, .rmt-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> CORRIDA 99 — Corrida ao 99 (escopo .c99-wrap)<br /> ============================================================= */<br /> .c99-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .c99-wrap *, .c99-wrap *::before, .c99-wrap *::after { box-sizing: border-box; }<br /> <br /> .c99-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .c99-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .c99-hero img { width: 104px; height: 104px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .c99-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .c99-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .c99-hero p { max-width: 680px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .c99-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 860px; margin: -34px auto 6px; position: relative; }<br /> .c99-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .c99-stat b { display: block; font-size: 18px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .c99-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .c99-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .c99-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .c99-h::before, .c99-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .c99-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .c99-wrap .c99-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .c99-wrap .c99-lead b { color: #a8861f; }<br /> <br /> .c99-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; max-width: 880px; margin: 10px auto 0; align-items: stretch; }<br /> .c99-col { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 18px; }<br /> .c99-col h3 { margin: 0 0 12px; font-size: 15px; font-weight: 800; border: none; padding: 0; text-align: center; }<br /> .c99-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }<br /> .c99-col li { position: relative; padding-left: 24px; font-size: 13.5px; line-height: 1.5; color: #3a2e12; }<br /> .c99-bad { border-top-color: #c0392b; }<br /> .c99-bad h3 { color: #c0392b; }<br /> .c99-bad li::before { content: &quot;\2716&quot;; position: absolute; left: 2px; top: 0; color: #c0392b; font-size: 12px; }<br /> .c99-bad li b { color: #a8330f; }<br /> .c99-good { border-top-color: #3a9c3a; }<br /> .c99-good h3 { color: #2e7d32; }<br /> .c99-good li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> .c99-good li b { color: #2e7d32; }<br /> <br /> .c99-relics { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; max-width: 960px; margin: 8px auto 0; }<br /> .c99-relic { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 10px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .c99-relic img { display: block; width: 420px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .c99-cta { text-align: center; margin: 34px auto 8px; }<br /> .c99-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .c99-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .c99-stats { grid-template-columns: repeat(2, 1fr); }<br /> .c99-cols { grid-template-columns: 1fr; }<br /> .c99-hero h1 { font-size: 31px; }<br /> .c99-h::before, .c99-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> GUERRA DO EMPERIUM — WoE (escopo .woe-wrap)<br /> ============================================================= */<br /> .woe-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .woe-wrap *, .woe-wrap *::before, .woe-wrap *::after { box-sizing: border-box; }<br /> <br /> .woe-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .woe-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .woe-hero img { width: 116px; height: 116px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: contain; }<br /> .woe-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .woe-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .woe-hero p { max-width: 700px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .woe-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .woe-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-stat b { display: block; font-size: 19px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .woe-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .woe-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .woe-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .woe-h::before, .woe-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .woe-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .woe-wrap .woe-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .woe-wrap .woe-lead b { color: #a8861f; }<br /> <br /> .woe-sched { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 620px; margin: 6px auto 0; }<br /> .woe-day { flex: 1 1 240px; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px; text-align: center; }<br /> .woe-day b { display: block; font-size: 16px; color: #a8861f; text-transform: uppercase; letter-spacing: 1px; }<br /> .woe-day span { display: block; margin-top: 4px; font-size: 24px; font-weight: 800; color: #3a2e12; }<br /> <br /> .woe-table { width: 100%; max-width: 560px; margin: 6px auto 0; border-collapse: collapse; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-table th { background: #241906; color: #f4d97a; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; padding: 12px 18px; text-align: left; }<br /> .woe-table th.r { text-align: right; }<br /> .woe-table td { padding: 12px 18px; font-size: 14.5px; color: #3a2e12; border-top: 1px solid rgba(212,175,55,0.25); }<br /> .woe-table td.r { text-align: right; font-weight: 800; color: #a8861f; }<br /> .woe-table .nm { font-weight: 700; }<br /> .woe-table tr.woe-king td { background: rgba(212,175,55,0.12); }<br /> <br /> .woe-relics { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 1000px; margin: 8px auto 0; }<br /> .woe-relic { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 9px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .woe-relic img { display: block; width: 290px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .woe-cta { text-align: center; margin: 34px auto 8px; }<br /> .woe-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .woe-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 720px) {<br /> .woe-stats { grid-template-columns: repeat(2, 1fr); }<br /> .woe-hero h1 { font-size: 31px; }<br /> .woe-h::before, .woe-h::after { width: 40px; }<br /> }<br /> <br /> /* =============================================================<br /> TRAGA SUA GUILD — pacotes fundador de guild (escopo .tg-wrap)<br /> ============================================================= */<br /> .tg-wrap { max-width: 1000px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2a2008; }<br /> .tg-wrap *, .tg-wrap *::before, .tg-wrap *::after { box-sizing: border-box; }<br /> <br /> .tg-hero { position: relative; text-align: center; padding: 40px 24px 34px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,175,55,0.35); background: radial-gradient(ellipse at 50% -10%, rgba(244,217,122,0.30), transparent 62%), linear-gradient(180deg, #241906, #0d0901); }<br /> .tg-hero::after { content: &quot;&quot;; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #d4af37, transparent); }<br /> .tg-hero img { width: 110px; height: 110px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.55); object-fit: cover; }<br /> .tg-badge { display: inline-block; margin: 16px 0 4px; padding: 4px 15px; border: 1px solid rgba(212,175,55,0.5); border-radius: 999px; color: #f4d97a; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }<br /> .tg-hero h1 { margin: 8px 0 10px; font-size: 40px; line-height: 1.05; color: #f4d97a; border: none; padding: 0; font-weight: 800; letter-spacing: 0.5px; }<br /> .tg-hero p { max-width: 700px; margin: 0 auto; color: #e9dcc0; font-size: 15px; line-height: 1.65; }<br /> <br /> .tg-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 880px; margin: -34px auto 6px; position: relative; }<br /> .tg-stat { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-top: 3px solid #d4af37; border-radius: 10px; padding: 16px 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-stat b { display: block; font-size: 18px; color: #a8861f; font-weight: 800; line-height: 1.15; }<br /> .tg-stat span { display: block; margin-top: 4px; font-size: 11px; color: #6b5a2e; text-transform: uppercase; letter-spacing: 0.5px; }<br /> <br /> .tg-h { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 38px 0 16px; }<br /> .tg-h span { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #a8861f; white-space: nowrap; text-align: center; }<br /> .tg-h::before, .tg-h::after { content: &quot;&quot;; height: 1px; width: 80px; background: linear-gradient(90deg, transparent, #d4af37); flex-shrink: 0; }<br /> .tg-h::after { background: linear-gradient(90deg, #d4af37, transparent); }<br /> <br /> .tg-wrap .tg-lead { text-align: center; font-size: 15.5px; line-height: 1.75; max-width: 800px; margin: 0 auto 10px; color: #2a2008; }<br /> .tg-wrap .tg-lead b { color: #a8861f; }<br /> .tg-wrap .tg-lead a { color: #a8861f; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(212,175,55,0.5); }<br /> <br /> .tg-tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 960px; margin: 8px auto 0; align-items: stretch; }<br /> .tg-tier { display: flex; flex-direction: column; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.3); border-top: 4px solid #d4af37; border-radius: 12px; padding: 18px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-tierimg { width: auto; max-width: 100%; height: 168px; object-fit: contain; margin: 0 auto 8px; filter: drop-shadow(0 3px 10px rgba(0,0,0,0.28)); }<br /> .tg-tname { font-size: 16px; font-weight: 800; color: #a8861f; }<br /> .tg-qty { font-size: 13px; color: #3a2e12; margin-top: 5px; font-weight: 700; }<br /> .tg-price { margin: 10px 0 2px; font-size: 15px; color: #3a2e12; }<br /> .tg-price s { color: #b07a6a; margin-right: 7px; }<br /> .tg-price b { font-size: 23px; color: #a8330f; }<br /> .tg-save { display: inline-block; margin: 6px auto 0; font-size: 12px; font-weight: 800; color: #2e7d32; background: rgba(58,156,58,0.12); border: 1px solid rgba(58,156,58,0.3); border-radius: 999px; padding: 2px 12px; }<br /> .tg-perks { list-style: none; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px dashed rgba(212,175,55,0.4); display: flex; flex-direction: column; gap: 9px; text-align: left; }<br /> .tg-perks li { position: relative; padding-left: 24px; font-size: 13px; line-height: 1.45; color: #3a2e12; }<br /> .tg-perks li::before { content: &quot;\2714&quot;; position: absolute; left: 2px; top: 0; color: #3a9c3a; font-size: 12px; }<br /> .tg-perks li b { color: #a8861f; }<br /> .tg-perks li.star::before { content: &quot;\2605&quot;; color: #d4af37; }<br /> .tg-prata { border-top-color: #9fa3ad; }<br /> .tg-prata .tg-tname { color: #7d818c; }<br /> .tg-ouro { border-top-color: #d4af37; }<br /> .tg-diamante { border-top-color: #56c5dc; }<br /> .tg-diamante .tg-tname { color: #2092a8; }<br /> <br /> .tg-banners { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 1000px; margin: 8px auto 0; }<br /> .tg-banner { background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 9px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }<br /> .tg-banner img { display: block; width: 290px; max-width: 100%; height: auto; border-radius: 8px; }<br /> <br /> .tg-gpmain { display: block; max-width: 560px; width: 100%; height: auto; margin: 6px auto 16px; border-radius: 12px; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 8px 22px rgba(0,0,0,0.12); }<br /> .tg-gpgrid { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 16px; max-width: 760px; margin: 0 auto; }<br /> .tg-gpcard { flex: 1 1 300px; max-width: 360px; background: linear-gradient(180deg, #fff, #fdf8e8); border: 1px solid rgba(212,175,55,0.35); border-radius: 12px; padding: 16px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); display: flex; flex-direction: column; align-items: center; justify-content: center; }<br /> .tg-gpcard .cap { font-size: 13px; color: #6b5a2e; font-weight: 700; margin-top: 6px; }<br /> .tg-gpcard .sub { font-size: 12px; color: #8a7a4e; margin-top: 2px; }<br /> .tg-gpcard img.npc { width: 268px; max-width: 100%; height: auto; border-radius: 6px; image-rendering: auto; }<br /> .tg-gpcard img.sign { width: 110px; height: auto; image-rendering: pixelated; }<br /> <br /> .tg-gpwide { display: block; max-width: 820px; width: 100%; height: auto; margin: 16px auto 6px; border-radius: 12px; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 8px 22px rgba(0,0,0,0.12); }<br /> .tg-wrap .tg-cap { text-align: center; font-size: 13px; color: #6b5a2e; font-weight: 700; margin: 0 auto 4px; }<br /> .tg-placa { display: flex; flex-direction: column; align-items: center; gap: 7px; margin: 20px auto 0; }<br /> .tg-placa img { width: 184px; height: auto; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; image-rendering: pixelated; filter: drop-shadow(0 3px 8px rgba(0,0,0,0.2)); }<br /> <br /> .tg-cta { text-align: center; margin: 34px auto 8px; }<br /> .tg-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 36px; border-radius: 11px; background: linear-gradient(135deg, #f4d97a, #d4af37); color: #2a1d07 !important; font-weight: 800; font-size: 16px; letter-spacing: 0.3px; text-decoration: none; box-shadow: 0 8px 22px rgba(212,175,55,0.40); transition: transform .15s, box-shadow .15s; }<br /> .tg-cta a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(212,175,55,0.48); }<br /> <br /> @media (max-width: 760px) {<br /> .tg-stats { grid-template-columns: repeat(2, 1fr); }<br /> .tg-tiers { grid-template-columns: 1fr; }<br /> .tg-hero h1 { font-size: 31px; }<br /> .tg-h::before, .tg-h::after { width: 40px; }<br /> }/* ===================== Facção (fac-*) — 2026-06-09 ===================== */<br /> .fac-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .fac-hero{position:relative;text-align:center;padding:40px 24px 34px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 62%),linear-gradient(180deg,#241906,#0d0901)}<br /> .fac-hero img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55))}<br /> .fac-hero h1{margin:8px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .fac-hero p{max-width:720px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .fac-badge{display:inline-block;margin:16px 0 4px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .fac-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-34px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .fac-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-stat b{display:block;font-size:18px;color:#a8861f;font-weight:800;line-height:1.15}<br /> .fac-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .fac-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:40px 0 16px}<br /> .fac-h::before,.fac-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .fac-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .fac-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap}<br /> .fac-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .fac-wrap .fac-lead{margin-left:auto;margin-right:auto}<br /> /* cards das 3 faccoes */<br /> .fac-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px auto 0;max-width:900px}<br /> .fac-card{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:12px;padding:22px 16px 18px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-card img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.28))}<br /> .fac-card .nm{display:block;margin:12px 0 4px;font-size:19px;font-weight:800;letter-spacing:.3px}<br /> .fac-card .vs{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .fac-card.aether{border-top-color:#3f86e0}.fac-card.aether .nm{color:#2f74cf}<br /> .fac-card.tartaro{border-top-color:#d24a3a}.fac-card.tartaro .nm{color:#c0392b}<br /> .fac-card.renegado{border-top-color:#8a8a8a}.fac-card.renegado .nm{color:#6a6a6a}<br /> /* passo a passo */<br /> .fac-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .fac-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .fac-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .fac-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .fac-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> /* tabela */<br /> .fac-table{width:100%;max-width:600px;margin:6px auto 0;border-collapse:collapse;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .fac-table th{background:#241906;color:#f4d97a;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:12px 18px;text-align:left}<br /> .fac-table th.r{text-align:right}<br /> .fac-table td{padding:12px 18px;font-size:14.5px;color:#3a2e12;border-top:1px solid rgba(212,175,55,.25)}<br /> .fac-table td.r{text-align:right;font-weight:800;color:#a8861f}<br /> .fac-hi td{background:rgba(212,175,55,.12)}<br /> /* cards de regra/comando */<br /> .fac-cmds{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;margin:0 auto}<br /> .fac-cmd{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:9px;padding:15px 17px}<br /> .fac-cmd b{display:block;color:#a8861f;font-size:15px;margin-bottom:3px}<br /> .fac-cmd span{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .fac-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .fac-wrap .fac-note{margin-left:auto;margin-right:auto}.fac-note b{color:#a8861f}<br /> @media (max-width:850px){<br /> .fac-stats{grid-template-columns:repeat(2,1fr)}<br /> .fac-cards{grid-template-columns:1fr}<br /> .fac-steps{grid-template-columns:repeat(2,1fr)}<br /> .fac-cmds{grid-template-columns:1fr}<br /> .fac-hero h1{font-size:32px}<br /> }<br /> <br /> <br /> /* === Facção: NPC Recrutador (cartão escuro p/ destacar a sprite branca) === */<br /> .fac-npc { display:flex; gap:30px; align-items:center; background:linear-gradient(135deg,#2c1f0e 0%,#221705 100%); border:1px solid #5a4a1e; border-radius:16px; padding:22px 30px; margin:8px 0 6px; flex-wrap:wrap; box-shadow:inset 0 1px 0 rgba(244,217,122,0.08); }<br /> .fac-npc-art { flex:0 0 auto; width:190px; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at 50% 45%, rgba(212,175,55,0.20), rgba(0,0,0,0) 70%); border-radius:14px; padding:6px; }<br /> .fac-npc-art img { display:block; width:100%; height:auto; filter:drop-shadow(0 8px 16px rgba(0,0,0,0.55)); }<br /> .fac-npc-info { flex:1 1 280px; min-width:240px; }<br /> .fac-npc-name { font-size:1.55em; font-weight:800; color:#f4d97a; letter-spacing:0.2px; margin-bottom:10px; }<br /> .fac-npc-desc { color:#e6d9bd; line-height:1.65; margin:0 0 18px; font-size:1.02em; }<br /> .fac-npc-loc { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }<br /> .fac-npc-map { color:#d4af37; font-weight:700; font-size:1.05em; }<br /> .fac-npc .navi-copy { color:#f4d97a; border-bottom-color:#d4af37; background:rgba(212,175,55,0.10); }<br /> .fac-npc .navi-copy:hover { color:#fff7e0; background:rgba(212,175,55,0.24); }<br /> @media (max-width:560px){ .fac-npc{ justify-content:center; text-align:center; } .fac-npc-info{ text-align:center; } .fac-npc-loc{ justify-content:center; } }<br /> <br /> <br /> <br /> /* ===================== Rate Bonificado (rtb-*) — 2026-06-10 ===================== */<br /> .rtb-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .rtb-hero{position:relative;text-align:center;padding:40px 24px 34px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 62%),linear-gradient(180deg,#241906,#0d0901)}<br /> .rtb-hero img{width:128px;height:128px;object-fit:contain;border-radius:14px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55))}<br /> .rtb-hero h1{margin:8px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .rtb-hero p{max-width:720px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .rtb-badge{display:inline-block;margin:16px 0 4px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .rtb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-34px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .rtb-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-stat b{display:block;font-size:18px;color:#a8861f;font-weight:800;line-height:1.15}<br /> .rtb-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .rtb-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:40px 0 16px}<br /> .rtb-h::before,.rtb-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .rtb-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .rtb-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap}<br /> .rtb-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .rtb-wrap .rtb-lead{margin-left:auto;margin-right:auto}<br /> /* cards dos 3 rates */<br /> .rtb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px auto 0;max-width:900px}<br /> .rtb-card{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:12px;padding:24px 16px 20px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-card .mult{display:block;font-size:46px;font-weight:800;line-height:1;letter-spacing:-1px}<br /> .rtb-card .nm{display:block;margin:10px 0 6px;font-size:18px;font-weight:800;letter-spacing:.3px;color:#3a2e12}<br /> .rtb-card .vs{display:block;font-size:13px;color:#5a4a22;line-height:1.6}<br /> .rtb-card.r1{border-top-color:#3fa05a}.rtb-card.r1 .mult{color:#2e8a49}<br /> .rtb-card.r3{border-top-color:#d4af37}.rtb-card.r3 .mult{color:#a8861f}<br /> .rtb-card.r5{border-top-color:#d24a3a}.rtb-card.r5 .mult{color:#c0392b}<br /> /* passo a passo */<br /> .rtb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .rtb-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .rtb-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .rtb-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .rtb-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> /* tabela */<br /> .rtb-table{width:100%;max-width:680px;margin:6px auto 0;border-collapse:collapse;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rtb-table th{background:#241906;color:#f4d97a;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:12px 18px;text-align:left}<br /> .rtb-table th.r{text-align:right}<br /> .rtb-table td{padding:12px 18px;font-size:14.5px;color:#3a2e12;border-top:1px solid rgba(212,175,55,.25)}<br /> .rtb-table td.r{text-align:right;font-weight:800;color:#a8861f}<br /> .rtb-hi td{background:rgba(212,175,55,.12)}<br /> /* cards de regra/faq */<br /> .rtb-cmds{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;margin:0 auto}<br /> .rtb-cmd{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:9px;padding:15px 17px}<br /> .rtb-cmd &gt; b{display:block;color:#a8861f;font-size:15px;margin-bottom:3px}<br /> .rtb-cmd span{display:block;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .rtb-cmds &gt; .rtb-cmd:last-child:nth-child(odd){grid-column:1 / -1;width:100%;max-width:calc((100% - 12px) / 2);justify-self:center}<br /> .rtb-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .rtb-wrap .rtb-note{margin-left:auto;margin-right:auto}.rtb-note b{color:#a8861f}<br /> @media (max-width:850px){<br /> .rtb-stats{grid-template-columns:repeat(2,1fr)}<br /> .rtb-cards{grid-template-columns:1fr}<br /> .rtb-steps{grid-template-columns:repeat(2,1fr)}<br /> .rtb-cmds{grid-template-columns:1fr}<br /> .rtb-cmds &gt; .rtb-cmd:last-child:nth-child(odd){grid-column:auto;max-width:none}<br /> .rtb-hero h1{font-size:32px}<br /> }<br /> <br /> /* ===== Coleções de Cartas (colc-) — AureumRO 2026-06-15 ===== */<br /> .colc-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .colc-wrap *{box-sizing:border-box}<br /> <br /> /* hero */<br /> .colc-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .colc-hero-npc{height:178px;width:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));flex:0 0 auto}<br /> .colc-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .colc-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .colc-lead{color:#efe2c4;font-size:16px;max-width:640px;margin:0}<br /> .colc-lead b{color:#f4d97a}<br /> <br /> /* stats */<br /> .colc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 6px}<br /> .colc-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .colc-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .colc-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> <br /> /* headings */<br /> .colc-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .colc-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> <br /> /* steps */<br /> .colc-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .colc-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .colc-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .colc-step b{color:#7a5a12}<br /> .colc-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .colc-note b{color:#7a5a12}<br /> <br /> /* lista de coleções */<br /> .colc-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}<br /> /* coleção órfã na última linha (total ímpar) -&gt; centraliza entre as 2 colunas */<br /> .colc-list&gt;.colc-col:last-child:nth-child(odd){grid-column:1 / -1;width:calc(50% - 9px);justify-self:center}<br /> @media(max-width:860px){.colc-list,.colc-steps,.colc-stats{grid-template-columns:1fr}.colc-list&gt;.colc-col:last-child:nth-child(odd){grid-column:auto;width:auto}}<br /> .colc-col{background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column}<br /> .colc-col-head{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#241906,#3a2c14);padding:12px 14px}<br /> .colc-col-idx{color:#d4af37;font-weight:800;font-size:13px;opacity:.7;font-variant-numeric:tabular-nums}<br /> .colc-col-name{color:#f4d97a;font-weight:800;font-size:17px;flex:1}<br /> .colc-col-total{color:#bfe6b0;font-size:12.5px;font-weight:700;text-align:right;max-width:46%;line-height:1.25}<br /> <br /> .colc-tiers{padding:10px 14px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #efe2c0}<br /> .colc-tier{display:flex;align-items:baseline;gap:10px;font-size:13.5px}<br /> .colc-tier-n{flex:0 0 64px;color:#9a7a2a;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em}<br /> .colc-tier-d{color:#3a2f1e}<br /> <br /> .colc-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:12px 14px 14px}<br /> .colc-card{margin:0;text-align:center}<br /> .colc-card img{width:100%;height:auto;border-radius:6px;border:1px solid #d8c590;box-shadow:0 2px 5px rgba(0,0,0,.2);display:block;background:#efe7d0}<br /> .colc-card figcaption{font-size:10.5px;color:#6a5a38;margin-top:4px;line-height:1.2;font-weight:600}<br /> <br /> .colc-navi{cursor:pointer;color:#8a5e00;font-weight:800;border-bottom:1.5px dashed #c9a23a;white-space:nowrap;padding:0 2px;border-radius:3px;transition:background .15s,color .15s}<br /> .colc-navi:hover{color:#5e3f00;background:#ffefbe}<br /> <br /> .colc-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> <br /> /* ===== Boss Global (.bgl-) ===== */<br /> .bgl-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .bgl-hero{position:relative;text-align:center;padding:38px 24px 30px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.28),transparent 60%),linear-gradient(180deg,#241906,#0d0901)}<br /> .bgl-hero img{width:200px;height:200px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}<br /> .bgl-hero h1{margin:14px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .bgl-hero p{max-width:740px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .bgl-badge{display:inline-block;margin:4px 0 2px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .bgl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-30px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .bgl-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .bgl-stat b{display:block;font-size:16px;color:#a8861f;font-weight:800;line-height:1.18}<br /> .bgl-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .bgl-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:42px 0 16px}<br /> .bgl-h::before,.bgl-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .bgl-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .bgl-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap;text-align:center}<br /> .bgl-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .bgl-wrap .bgl-lead{margin-left:auto;margin-right:auto}.bgl-lead b{color:#9c7d1c}<br /> .bgl-mob{display:flex;gap:30px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 22% 50%,rgba(244,217,122,.14),transparent 58%),linear-gradient(135deg,#2c1f0e,#171003);border:1px solid #5a4a1e;border-radius:16px;padding:24px 32px;flex-wrap:wrap}<br /> .bgl-mob-art{flex:0 0 auto;width:230px;display:flex;align-items:center;justify-content:center;min-height:180px}<br /> .bgl-mob-art img{max-width:210px;max-height:200px;image-rendering:pixelated;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}<br /> .bgl-mob-info{flex:1 1 320px;min-width:280px}<br /> .bgl-mob-name{font-size:1.7em;font-weight:800;color:#f4d97a;line-height:1.1}<br /> .bgl-mob-sub{color:#d4af37;font-size:.8em;letter-spacing:1.5px;text-transform:uppercase;margin:4px 0 14px}<br /> .bgl-feat{list-style:none;padding:0;margin:0}<br /> .bgl-feat li{position:relative;padding:8px 0 8px 26px;color:#e9dcc0;font-size:13.8px;line-height:1.5}<br /> .bgl-feat li+li{border-top:1px solid rgba(212,175,55,.13)}<br /> .bgl-feat li::before{content:&quot;\2726&quot;;position:absolute;left:2px;top:8px;color:#d4af37}<br /> .bgl-feat li b{color:#f4d97a;font-weight:700}<br /> .bgl-secret{text-align:center;max-width:820px;margin:24px auto 0;padding:24px 28px;border-radius:14px;border:1px solid rgba(212,175,55,.4);background:radial-gradient(ellipse at 50% -20%,rgba(244,217,122,.20),transparent 62%),linear-gradient(180deg,#2c1f0e,#1a1204)}<br /> .bgl-secret .st{color:#f4d97a;font-size:18px;font-weight:800;display:block;margin-bottom:7px;letter-spacing:.3px}<br /> .bgl-secret p{color:#e9dcc0;font-size:14.5px;line-height:1.7;margin:0;max-width:680px;margin-left:auto;margin-right:auto}<br /> .bgl-secret p b{color:#f4d97a}<br /> .bgl-reward{display:flex;gap:28px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,rgba(244,217,122,.16),transparent 60%),linear-gradient(180deg,#2c1f0e,#1a1204);border:1px solid #5a4a1e;border-radius:16px;padding:22px 30px;flex-wrap:wrap;margin-bottom:8px}<br /> .bgl-reward img{width:118px;image-rendering:pixelated;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55))}<br /> .bgl-reward-t{font-size:1.35em;font-weight:800;color:#f4d97a;margin-bottom:6px}<br /> .bgl-reward-d{color:#e9dcc0;font-size:14px;line-height:1.6;max-width:430px}<br /> .bgl-guaranteed{display:flex;align-items:center;justify-content:center;gap:16px;max-width:440px;margin:16px auto 4px;padding:14px 24px;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,rgba(244,217,122,.32),transparent 72%),linear-gradient(180deg,#fffaf0,#f7e8c4);border:1px solid #d4af37;box-shadow:0 0 16px rgba(212,175,55,.3)}<br /> .bgl-guaranteed img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}<br /> .bgl-guaranteed .gl{display:block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#a8861f}<br /> .bgl-guaranteed .gn{display:block;font-size:18px;font-weight:800;color:#3a2e12;line-height:1.15}<br /> .bgl-guaranteed .gq{display:block;font-size:12.5px;color:#7a6526;font-weight:600;margin-top:2px}<br /> .bgl-multi{text-align:center;font-size:14px;color:#5a4a22;max-width:720px;margin:10px auto 2px;line-height:1.6}.bgl-multi b{color:#a8861f}<br /> .bgl-loot{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:14px auto 0}<br /> .bgl-lcard{width:202px;box-sizing:border-box;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.28);border-top:3px solid #9a9a9a;border-radius:11px;padding:13px 12px;text-align:center}<br /> .bgl-lcard img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}<br /> .bgl-lcard .rar{display:block;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}<br /> .bgl-lcard .nm{font-size:12.5px;color:#3a2e12;font-weight:700;line-height:1.25;margin:6px 0 3px;min-height:31px;display:flex;align-items:center;justify-content:center;overflow-wrap:break-word}<br /> .bgl-lcard .qt{display:block;font-size:11.5px;color:#6b5a2e;margin-bottom:9px}.bgl-lcard .qt b{color:#3a2e12;font-weight:700}<br /> .bgl-lcard .ch{display:inline-block;font-size:13px;font-weight:800;color:#fff;border-radius:999px;padding:3px 14px}<br /> .bgl-lcard.leg{border-color:rgba(217,131,36,.5);border-top-color:#d98324;box-shadow:0 0 14px rgba(217,131,36,.3);background:linear-gradient(180deg,#fffaf0,#fdeed2)}<br /> .leg .rar{color:#c9700f}.leg .ch{background:#d98324}<br /> .bgl-lcard.epic{border-top-color:#9b59b6}.epic .rar{color:#8e44ad}.epic .ch{background:#9b59b6}<br /> .bgl-lcard.rare{border-top-color:#2f74cf}.rare .rar{color:#2f74cf}.rare .ch{background:#2f74cf}<br /> .bgl-lcard.unc{border-top-color:#2e9e5b}.unc .rar{color:#1f8049}.unc .ch{background:#2e9e5b}<br /> .bgl-lcard.com{border-top-color:#9a9a9a}.com .rar{color:#777}.com .ch{background:#8a8a8a}<br /> .bgl-time{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin:8px auto 0}<br /> .bgl-tcard{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:18px 12px;text-align:center}<br /> .bgl-tcard .hh{font-size:22px;font-weight:800;color:#a8861f;line-height:1}<br /> .bgl-tcard .t{display:block;margin-top:8px;font-size:12.5px;color:#5a4a22;line-height:1.5}<br /> .bgl-tcard.go{border-top:3px solid #d24a3a}.bgl-tcard.go .hh{color:#c0392b}<br /> .bgl-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .bgl-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .bgl-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .bgl-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .bgl-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}<br /> .bgl-step p b{color:#9c7d1c}<br /> .bgl-soon{margin:34px auto 0;max-width:900px;padding:24px 28px;border-radius:14px;border:1px dashed rgba(212,175,55,.55);background:linear-gradient(180deg,#2c1f0e,#1a1204);text-align:center}<br /> .bgl-soon .st{color:#f4d97a;font-size:17px;font-weight:800;letter-spacing:1px;margin-bottom:8px}<br /> .bgl-soon p{color:#e9dcc0;font-size:14.5px;line-height:1.7;margin:0;max-width:720px;margin-left:auto;margin-right:auto}<br /> .bgl-soon p b{color:#f4d97a}<br /> .bgl-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .bgl-wrap .bgl-note{margin-left:auto;margin-right:auto}.bgl-note b{color:#a8861f}<br /> @media (max-width:680px){<br /> .bgl-stats{grid-template-columns:repeat(2,1fr)}<br /> .bgl-time{grid-template-columns:repeat(2,1fr)}<br /> .bgl-steps{grid-template-columns:repeat(2,1fr)}<br /> .bgl-hero h1{font-size:32px}<br /> }<br /> <br /> /* ===== Coleção de Mapa (.cm-*) — segue o padrão das páginas da wiki (estilo .colc-*) ===== */<br /> .cm-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .cm-wrap *{box-sizing:border-box}<br /> .cm-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .cm-hero-ic{height:150px;width:auto;flex:0 0 auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .cm-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .cm-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .cm-lead{color:#efe2c4;font-size:16px;max-width:660px;margin:0}<br /> .cm-lead b{color:#f4d97a}<br /> .cm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px}<br /> .cm-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .cm-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .cm-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> .cm-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .cm-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> .cm-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .cm-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .cm-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .cm-step b{color:#7a5a12}<br /> .cm-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .cm-note b{color:#7a5a12}<br /> .cm-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}<br /> .cm-pill{display:inline-flex;align-items:center;gap:7px;background:#fdf8e8;border:1px solid #e4d49c;border-radius:999px;padding:6px 13px;color:#5c4a22;font-size:13.5px;font-weight:600;text-decoration:none;transition:.15s}<br /> .cm-pill:hover{background:#241906;border-color:#241906;color:#f4d97a}<br /> .cm-pill span{background:#d4af37;color:#241906;font-weight:800;border-radius:999px;padding:0 7px;font-size:11px}<br /> .cm-city{display:flex;align-items:baseline;gap:11px;font-size:23px;font-weight:800;color:#241906;margin:32px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;scroll-margin-top:14px}<br /> .cm-city:before{content:&quot;✦&quot;;color:#d4af37}<br /> .cm-city-n{font-size:12.5px;font-weight:600;color:#8a7a55;text-transform:uppercase;letter-spacing:.04em}<br /> .cm-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}<br /> .cm-col{width:236px;flex:0 0 auto;background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column}<br /> .cm-col-head{display:flex;align-items:center;gap:9px;background:linear-gradient(90deg,#241906,#3a2c14);padding:10px 13px;border-radius:13px 13px 0 0}<br /> .cm-col-name{color:#f4d97a;font-weight:800;font-size:15px;flex:1;line-height:1.2}<br /> .cm-mm{background:radial-gradient(80% 80% at 50% 38%,#2c1f0c,#150e04);height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #efe2c0}<br /> .cm-mm img{max-width:94%;max-height:94%;image-rendering:auto}<br /> .cm-mm-no{color:#7a6a48;font-size:12px;font-style:italic}<br /> .cm-bonus{display:flex;align-items:flex-start;gap:7px;padding:11px 14px 6px;font-size:13.5px;color:#2f6d27;font-weight:700}<br /> .cm-bonus:before{content:&quot;✦&quot;;color:#9a7a2a;font-weight:800}<br /> .cm-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:8px 12px 14px;margin-top:auto}<br /> .cm-it{position:relative;width:38px;height:38px;flex:0 0 auto;cursor:help}<br /> .cm-it&gt;img{width:38px;height:38px;object-fit:contain;border-radius:7px;border:1px solid #d8c590;background:#efe7d0;box-shadow:0 2px 5px rgba(0,0,0,.18);image-rendering:pixelated;display:block}<br /> .cm-it-no{display:flex;align-items:center;justify-content:center;text-align:center;background:#f1ead4;border:1px dashed #c9b27a;border-radius:7px;font-size:8.5px;color:#8a7a55;line-height:1.04;padding:2px;overflow:hidden}<br /> .cm-qty{position:absolute;top:-6px;right:-6px;background:#d4af37;color:#241906;font-size:10px;font-weight:800;border-radius:7px;padding:0 4px;border:1px solid #fffdf7;line-height:1.5}<br /> .cm-it[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);background:#241906;color:#f4e6bd;border:1px solid #d4af37;border-radius:9px;padding:9px 12px;font-size:12px;white-space:pre-line;width:max-content;max-width:230px;box-shadow:0 8px 22px rgba(0,0,0,.45);z-index:60;pointer-events:none;line-height:1.45;font-weight:600;text-align:left}<br /> .cm-it[data-tip]:hover:before{content:&quot;&quot;;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#d4af37;z-index:60}<br /> .cm-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> @media(max-width:760px){.cm-hero{flex-direction:column;text-align:center}.cm-stats{grid-template-columns:1fr}.cm-steps{grid-template-columns:1fr}}<br /> <br /> /* ===== Roleta Poring (.rp-) ===== */<br /> .rp-wrap{max-width:1000px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2a2008}<br /> .rp-hero{position:relative;text-align:center;padding:38px 24px 30px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.35);background:radial-gradient(ellipse at 50% -10%,rgba(244,217,122,.30),transparent 60%),linear-gradient(180deg,#241906,#0d0901)}<br /> .rp-hero img{width:188px;height:188px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}<br /> .rp-hero h1{margin:14px 0 10px;font-size:40px;line-height:1.05;color:#f4d97a;border:none;padding:0;font-weight:800;letter-spacing:.5px}<br /> .rp-hero p{max-width:740px;margin:0 auto;color:#e9dcc0;font-size:15px;line-height:1.65}<br /> .rp-badge{display:inline-block;margin:4px 0 2px;padding:4px 15px;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:#f4d97a;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}<br /> .rp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:-30px auto 6px;position:relative;z-index:3;padding:0 10px}<br /> .rp-stat{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.35);border-top:3px solid #d4af37;border-radius:10px;padding:16px 10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08)}<br /> .rp-stat b{display:block;font-size:16px;color:#a8861f;font-weight:800;line-height:1.18}<br /> .rp-stat span{display:block;margin-top:4px;font-size:11px;color:#6b5a2e;text-transform:uppercase;letter-spacing:.5px}<br /> .rp-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:42px 0 16px}<br /> .rp-h::before,.rp-h::after{content:&quot;&quot;;height:1px;width:80px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d4af37)}<br /> .rp-h::after{background:linear-gradient(90deg,#d4af37,transparent)}<br /> .rp-h span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a8861f;white-space:nowrap;text-align:center}<br /> .rp-lead{text-align:center;font-size:15.5px;line-height:1.75;max-width:820px;margin:0 auto 10px;color:#2a2008}<br /> .rp-wrap .rp-lead{margin-left:auto;margin-right:auto}.rp-lead b{color:#9c7d1c}<br /> /* NPC */<br /> .rp-mob{display:flex;gap:30px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 22% 50%,rgba(244,217,122,.16),transparent 58%),linear-gradient(135deg,#2c1f0e,#171003);border:1px solid #5a4a1e;border-radius:16px;padding:24px 32px;flex-wrap:wrap}<br /> .rp-mob-art{flex:0 0 auto;width:210px;display:flex;align-items:center;justify-content:center;min-height:190px}<br /> .rp-mob-art img{max-width:200px;max-height:210px;image-rendering:pixelated;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}<br /> .rp-mob-info{flex:1 1 320px;min-width:280px}<br /> .rp-mob-name{font-size:1.7em;font-weight:800;color:#f4d97a;line-height:1.1}<br /> .rp-mob-sub{color:#d4af37;font-size:.8em;letter-spacing:1.5px;text-transform:uppercase;margin:4px 0 14px}<br /> .rp-feat{list-style:none;padding:0;margin:0}<br /> .rp-feat li{position:relative;padding:8px 0 8px 26px;color:#e9dcc0;font-size:13.8px;line-height:1.5}<br /> .rp-feat li+li{border-top:1px solid rgba(212,175,55,.13)}<br /> .rp-feat li::before{content:&quot;\2726&quot;;position:absolute;left:2px;top:8px;color:#d4af37}<br /> .rp-feat li b{color:#f4d97a;font-weight:700}<br /> /* moedas (intro) */<br /> .rp-coins{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:840px;margin:6px auto 0}<br /> .rp-coin{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-top:4px solid #d4af37;border-radius:12px;padding:18px 16px 16px;text-align:center}<br /> .rp-coin .cn{font-size:18px;font-weight:800;line-height:1.1}<br /> .rp-coin .cd{display:block;margin-top:6px;font-size:12.5px;color:#5a4a22;line-height:1.5}<br /> .rp-coin .cp{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:800;color:#fff;border-radius:999px;padding:3px 14px}<br /> .rp-coin.bronze{border-top-color:#b06b35}.rp-coin.bronze .cn{color:#a05a26}.rp-coin.bronze .cp{background:#b06b35}<br /> .rp-coin.prata{border-top-color:#8d8d8d}.rp-coin.prata .cn{color:#707070}.rp-coin.prata .cp{background:#8d8d8d}<br /> .rp-coin.ouro{border-top-color:#d4af37}.rp-coin.ouro .cn{color:#a8861f}.rp-coin.ouro .cp{background:#d4af37}<br /> /* premios por moeda/linha */<br /> .rp-group{max-width:920px;margin:18px auto 0;border-radius:14px;padding:6px 16px 18px;border:1px solid rgba(212,175,55,.22)}<br /> .rp-group.bronze{background:linear-gradient(180deg,#fbf1e6,#f6e7d4)}<br /> .rp-group.prata{background:linear-gradient(180deg,#f4f4f6,#e9e9ee)}<br /> .rp-group.ouro{background:linear-gradient(180deg,#fdf6e2,#f8ecc6)}<br /> .rp-ghead{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 4px;font-size:16px;font-weight:800;letter-spacing:.5px}<br /> .rp-group.bronze .rp-ghead{color:#a05a26}.rp-group.prata .rp-ghead{color:#6f6f6f}.rp-group.ouro .rp-ghead{color:#a8861f}<br /> .rp-gsub{text-align:center;font-size:12px;color:#7a6526;margin:0 0 10px}<br /> .rp-line{margin:12px 0 0}<br /> .rp-lline{display:block;text-align:center;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#8a7330;margin:6px 0 8px}<br /> .rp-lline b{color:#3a2e12}<br /> .rp-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}<br /> .rp-card{width:128px;box-sizing:border-box;background:#fffdf6;border:1px solid rgba(120,100,40,.2);border-radius:10px;padding:11px 8px 10px;text-align:center}<br /> .rp-card img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}<br /> .rp-card .nm{font-size:11.5px;color:#3a2e12;font-weight:700;line-height:1.22;margin:6px 0 3px;min-height:28px;display:flex;align-items:center;justify-content:center;overflow-wrap:break-word}<br /> .rp-card .qt{display:inline-block;font-size:11px;font-weight:800;color:#5a4a22;background:#efe4c6;border-radius:999px;padding:2px 10px}<br /> /* reset / bonus destaque */<br /> .rp-callout{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:880px;margin:8px auto 0}<br /> .rp-call{flex:1 1 360px;min-width:300px;background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-left:4px solid #d4af37;border-radius:12px;padding:16px 18px}<br /> .rp-call .ct{font-size:14.5px;font-weight:800;color:#a8861f;margin-bottom:5px}<br /> .rp-call p{margin:0;font-size:13px;color:#5a4a22;line-height:1.6}.rp-call p b{color:#9c7d1c}<br /> .rp-call.bonus{border-left-color:#c451a0}.rp-call.bonus .ct{color:#b03e8f}<br /> /* steps */<br /> .rp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}<br /> .rp-step{background:linear-gradient(180deg,#fff,#fdf8e8);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px 15px 16px;text-align:center}<br /> .rp-step .n{width:34px;height:34px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f4d97a,#d4af37);color:#3a2a06;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(212,175,55,.4)}<br /> .rp-step h4{margin:0 0 6px;font-size:14.5px;color:#3a2e12;font-weight:800}<br /> .rp-step p{margin:0;font-size:13px;color:#5a4a22;line-height:1.55}.rp-step p b{color:#9c7d1c}<br /> /* botao /navi */<br /> .rp-navibox{text-align:center;margin:30px auto 0;max-width:560px;padding:22px;border-radius:14px;border:1px solid rgba(212,175,55,.4);background:radial-gradient(ellipse at 50% -20%,rgba(244,217,122,.22),transparent 62%),linear-gradient(180deg,#2c1f0e,#1a1204)}<br /> .rp-navibox .nl{display:block;color:#f4d97a;font-size:15px;font-weight:800;margin-bottom:12px}<br /> .rp-navibtn{display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:none;border-radius:999px;padding:12px 26px;font-size:15px;font-weight:800;color:#3a2a06;background:linear-gradient(135deg,#f4d97a,#d4af37);box-shadow:0 5px 16px rgba(212,175,55,.45);transition:transform .12s,box-shadow .12s;font-family:inherit}<br /> .rp-navibtn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(212,175,55,.6)}<br /> .rp-navibtn:active{transform:translateY(0)}<br /> .rp-navibox .nh{display:block;margin-top:10px;font-size:11.5px;color:#c9b88a}<br /> .rp-note{text-align:center;font-size:13.5px;color:#6b5a2e;max-width:780px;margin:24px auto 0;line-height:1.65}<br /> .rp-wrap .rp-note{margin-left:auto;margin-right:auto}.rp-note b{color:#a8861f}<br /> @media (max-width:680px){<br /> .rp-stats{grid-template-columns:repeat(2,1fr)}<br /> .rp-coins{grid-template-columns:1fr}<br /> .rp-steps{grid-template-columns:repeat(2,1fr)}<br /> .rp-hero h1{font-size:32px}<br /> }<br /> <br /> /* ==== Hats (Chapeleiro / craft de chapéus) — .htc- ==== */<br /> .htc-wrap{max-width:1100px;margin:0 auto;font-family:Inter,'Segoe UI',sans-serif;color:#2a2018;line-height:1.55}<br /> .htc-wrap *{box-sizing:border-box}<br /> .htc-hero{display:flex;align-items:center;gap:26px;background:radial-gradient(120% 140% at 12% 18%,#3a2c14 0%,#241906 60%,#1a1206 100%);border:1px solid #5a4520;border-radius:16px;padding:30px 34px;box-shadow:0 10px 30px rgba(0,0,0,.35)}<br /> .htc-hero-ic{height:150px;width:auto;flex:0 0 auto;border-radius:14px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .htc-hero-npc{height:268px;width:auto;flex:0 0 auto;margin-left:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}<br /> .htc-copy{display:inline-flex;align-items:center;gap:7px;margin-top:9px;background:#241906;color:#f4d97a;border:1px solid #d4af37;border-radius:9px;padding:7px 14px;font-family:Consolas,'Courier New',monospace;font-size:13.5px;font-weight:700;cursor:pointer;transition:.15s}<br /> .htc-copy:hover{background:#3a2c14}<br /> .htc-copy.ok{background:#2f6d27;border-color:#2f6d27;color:#fff}<br /> .htc-kicker{color:#d4af37;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:8px}<br /> .htc-title{font-size:40px;font-weight:800;line-height:1.05;color:#f4d97a;text-shadow:0 2px 0 rgba(0,0,0,.4);margin:0 0 12px}<br /> .htc-lead{color:#efe2c4;font-size:16px;max-width:660px;margin:0}<br /> .htc-lead b{color:#f4d97a}<br /> .htc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px}<br /> .htc-stat{background:#fdf8e8;border:1px solid #e4d49c;border-top:3px solid #d4af37;border-radius:12px;padding:14px 10px;text-align:center}<br /> .htc-stat-n{display:block;font-size:26px;font-weight:800;color:#7a5a12}<br /> .htc-stat-l{display:block;font-size:12.5px;color:#8a7a55;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}<br /> .htc-h{font-size:24px;font-weight:800;color:#241906;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #d4af37;position:relative}<br /> .htc-h:before{content:&quot;✦&quot;;color:#d4af37;margin-right:9px}<br /> .htc-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br /> .htc-step{background:#fdf8e8;border:1px solid #e4d49c;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:14.5px}<br /> .htc-step-i{position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#241906;color:#f4d97a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}<br /> .htc-step b{color:#7a5a12}<br /> .htc-note{background:#fff7df;border:1px dashed #d4af37;border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14px;color:#5c4a22}<br /> .htc-note b{color:#7a5a12}<br /> .htc-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}<br /> .htc-card{width:340px;flex:0 0 auto;background:#fffdf7;border:1px solid #e4d49c;border-radius:14px;box-shadow:0 3px 10px rgba(90,69,32,.10);display:flex;flex-direction:column;scroll-margin-top:14px}<br /> .htc-head{background:linear-gradient(90deg,#241906,#3a2c14);padding:10px 14px;border-radius:13px 13px 0 0;color:#f4d97a;font-weight:800;font-size:15.5px;line-height:1.2}<br /> .htc-mm{background:radial-gradient(80% 80% at 50% 42%,#2c1f0c,#150e04);height:130px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #efe2c0}<br /> .htc-mm img{max-height:88%;max-width:60%;object-fit:contain;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.55)}<br /> .htc-fx{padding:10px 14px;border-bottom:1px dashed #e4d49c;background:#fffaf0;font-size:12.5px;color:#4a3b20;line-height:1.55}<br /> .htc-fx-gap{height:7px}<br /> .htc-sub{padding:9px 14px 0;font-size:11.5px;font-weight:800;color:#8a7a55;text-transform:uppercase;letter-spacing:.06em}<br /> .htc-ings{padding:8px 14px 6px;display:flex;flex-direction:column;gap:5px}<br /> .htc-ing{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#4a3b20}<br /> .htc-ing img{width:24px;height:24px;flex:0 0 auto;image-rendering:pixelated;background:#efe7d0;border:1px solid #d8c590;border-radius:5px}<br /> .htc-q{font-weight:800;color:#7a5a12;min-width:52px;text-align:right}<br /> .htc-in{font-weight:600}<br /> .htc-cost{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:9px 14px;border-top:1px dashed #d8c590;font-size:13px}<br /> .htc-z{font-weight:800;color:#2f6d27}<br /> .htc-c{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#7a5a12}<br /> .htc-c img{width:20px;height:20px;image-rendering:pixelated}<br /> .htc-foot{margin:30px 0 8px;text-align:center;color:#8a7a55;font-size:13.5px;font-style:italic}<br /> @media(max-width:760px){.htc-hero{flex-direction:column;text-align:center}.htc-stats{grid-template-columns:1fr}.htc-steps{grid-template-columns:1fr}.htc-card{width:100%}}<br /> <br /> <br /> /* ===== Passe de Batalha (.bpw-) ===== */<br /> .bpw-wrap{font-family:'Inter',sans-serif;max-width:980px;margin:0 auto;color:#241906}<br /> .bpw-hero{background:linear-gradient(160deg,#241906 0%,#3a2a10 60%,#241906 100%);border-radius:14px;padding:38px 34px;text-align:center;color:#fdf8e8;margin-bottom:26px}<br /> .bpw-hero img{height:220px;image-rendering:pixelated;margin-bottom:14px}<br /> .bpw-badge{display:inline-block;background:rgba(212,175,55,.15);border:1px solid #d4af37;color:#f4d97a;border-radius:999px;padding:4px 14px;font-size:13px;letter-spacing:.08em;margin-bottom:10px}<br /> .bpw-hero h1{color:#f4d97a;font-size:34px;margin:6px 0 10px;font-weight:800}<br /> .bpw-hero p{max-width:640px;margin:0 auto;line-height:1.6;color:#f2e8cf}<br /> .bpw-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:30px}<br /> .bpw-stat{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:14px;text-align:center}<br /> .bpw-stat b{display:block;color:#8a6d1a;font-size:18px}<br /> .bpw-stat span{font-size:13px;color:#6b5a2e}<br /> .bpw-h{margin:34px 0 14px;border-bottom:2px solid #d4af37;padding-bottom:6px}<br /> .bpw-h span{font-size:22px;font-weight:800;color:#241906}<br /> .bpw-lead{line-height:1.6;margin:0 0 14px}<br /> .bpw-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}<br /> .bpw-step{display:flex;gap:12px;background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:14px}<br /> .bpw-stepn{flex:0 0 34px;height:34px;border-radius:50%;background:#d4af37;color:#241906;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px}<br /> .bpw-step p{margin:4px 0 0;font-size:13.5px;line-height:1.5}<br /> .bpw-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(36,25,6,.12)}<br /> .bpw-table th{background:#241906;color:#f4d97a;padding:10px 12px;text-align:left;font-size:14px}<br /> .bpw-table td{padding:9px 12px;border-bottom:1px solid #f0e8cf;font-size:14px;vertical-align:middle}<br /> .bpw-table tr:nth-child(even) td{background:#fbf6e4}<br /> .bpw-table code{background:#241906;color:#f4d97a;border-radius:6px;padding:2px 8px;font-size:13px}<br /> .bpw-prizes td:first-child,.bpw-prizes td:nth-child(2){white-space:nowrap;font-weight:600;color:#8a6d1a}<br /> .bpw-pi{display:inline-flex;align-items:center;gap:8px;margin:2px 12px 2px 0}<br /> .bpw-pi img{height:44px;width:auto}<br /> .bpw-pi span{font-size:13.5px}<br /> .bpw-final td{background:#f6ecc8 !important;font-weight:700}<br /> .bpw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}<br /> .bpw-card{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}<br /> .bpw-ic{height:100px;display:flex;align-items:center;justify-content:center}<br /> .bpw-ic img{max-height:100px;width:auto}<br /> .bpw-nm{font-weight:700;font-size:15px}<br /> .bpw-ds{font-size:12.5px;color:#6b5a2e;line-height:1.45}<br /> .bpw-pr{background:#241906;color:#f4d97a;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}<br /> .bpw-rules{background:#fdf8e8;border:1px solid #e6d9a8;border-radius:10px;padding:18px 18px 18px 36px;line-height:1.7;margin:0}<br /> .bpw-rules li{margin-bottom:6px}<br /> .bpw-note{background:#f6ecc8;border-left:4px solid #d4af37;border-radius:6px;padding:12px 16px;font-size:13.5px;line-height:1.55;margin-top:14px}<br /> .bpw-wgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}<br /> .bpw-wcard{background:#241906;border:1px solid #3a2a10;border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}<br /> .bpw-wgifs{display:flex;align-items:flex-end;justify-content:center;min-height:270px;max-width:100%;overflow:hidden}<br /> .bpw-wgifs img{max-height:270px;width:auto;max-width:100%;min-width:0;height:auto;object-fit:contain;image-rendering:pixelated}<br /> .bpw-wnm{color:#f4d97a;font-weight:800;font-size:15.5px}<br /> .bpw-wcl{color:#cbb87a;font-size:12.5px;letter-spacing:.04em}<br /> .bpw-cta{margin:34px 0 8px;background:linear-gradient(160deg,#241906,#3a2a10);color:#fdf8e8;text-align:center;border-radius:12px;padding:22px;font-size:16px}<br /> .bpw-cta b{color:#f4d97a}<br /> @media (max-width:600px){.bpw-hero img{height:150px}.bpw-wgifs{min-height:190px}.bpw-wgifs img{max-height:190px}}/* ============================================================<br /> REFINAMENTO — página bespoke (escopo .rf-wrap)<br /> ============================================================ */<br /> .rf-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a2008; }<br /> .rf-wrap *, .rf-wrap *::before, .rf-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .rf-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(230,126,34,0.5);<br /> background: radial-gradient(circle at 50% -10%, rgba(255,158,64,0.28) 0%, transparent 58%), linear-gradient(160deg, #26130a 0%, #0d0500 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,180,90,0.18); }<br /> .rf-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #e67e22, transparent); }<br /> .rf-hero img.rf-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(230,126,34,0.5)); }<br /> .rf-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(255,180,90,0.5); border-radius:999px; color:#ffb45a; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .rf-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#ffe3bd; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .rf-hero p { max-width:720px; margin:0 auto; color:#f0d3ac; font-size:15.5px; line-height:1.65; }<br /> .rf-hero p b { color:#ffb45a; }<br /> <br /> /* STATS */<br /> .rf-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .rf-stat { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-top:3px solid #e67e22; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .rf-stat b { display:block; font-size:20px; font-weight:800; color:#b35c10; line-height:1.1; }<br /> .rf-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#9c6a2a; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .rf-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .rf-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#b35c10; white-space:nowrap; }<br /> .rf-h::before,.rf-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#e67e22); flex-shrink:0; }<br /> .rf-h::after { background:linear-gradient(90deg,#e67e22,transparent); }<br /> .rf-wrap .rf-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a2008; }<br /> .rf-lead b { color:#b35c10; }<br /> .rf-wrap .rf-note { text-align:center; font-size:12.5px; color:#9c6a2a; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .rf-note b { color:#b35c10; font-style:normal; }<br /> <br /> /* GANHOS POR REFINO */<br /> .rf-gains { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; max-width:940px; margin:0 auto; }<br /> .rf-gain { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:10px; padding:14px 10px; text-align:center; border-top:3px solid #e67e22; }<br /> .rf-gain b { display:block; font-size:13px; font-weight:800; color:#2a2008; }<br /> .rf-gain i { display:block; font-style:normal; font-size:21px; font-weight:800; margin:3px 0 5px; color:#b35c10; }<br /> .rf-gain span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> <br /> /* CARDS DE MINÉRIO */<br /> .rf-ores { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:1000px; margin:0 auto; }<br /> .rf-ore { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:11px; padding:14px 12px; text-align:center; }<br /> .rf-ore img { height:52px; image-rendering:pixelated; margin-bottom:6px; }<br /> .rf-ore b { display:block; font-size:13.5px; font-weight:800; color:#1b1304; }<br /> .rf-ore i { display:block; font-style:normal; font-size:11.5px; color:#b35c10; font-weight:700; margin:2px 0; }<br /> .rf-ore span { display:block; font-size:11px; color:#6b5a2e; line-height:1.4; }<br /> .rf-ore.premium { border:1px solid rgba(212,175,55,0.55); background:linear-gradient(180deg,#fffaef,#fdf3d4); box-shadow:0 4px 14px rgba(212,175,55,0.18); }<br /> <br /> /* TABELAS DE CHANCE */<br /> .rf-tablewrap { overflow-x:auto; max-width:1000px; margin:0 auto; }<br /> .rf-table { width:100%; border-collapse:collapse; background:#fffdf8; border:1px solid rgba(230,126,34,0.3); border-radius:10px; overflow:hidden; font-size:13px; }<br /> .rf-table th { background:linear-gradient(135deg,#3a1e0c,#26130a); color:#ffce96; padding:9px 8px; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; }<br /> .rf-table td { padding:7px 8px; text-align:center; border-top:1px solid rgba(0,0,0,0.06); font-weight:700; }<br /> .rf-table td.lv { background:#fdf3e8; color:#7c5514; font-weight:800; white-space:nowrap; }<br /> .rf-table td.g { color:#2e7d32; }<br /> .rf-table td.y { color:#a8861f; }<br /> .rf-table td.o { color:#c96a10; }<br /> .rf-table td.r { color:#c62828; }<br /> <br /> /* LOJA DE REFINO — bloco destaque escuro */<br /> .rf-shop { border-radius:14px; overflow:hidden; border:1px solid rgba(230,126,34,0.5); background: radial-gradient(circle at 50% -20%, rgba(255,158,64,0.22) 0%, transparent 55%), linear-gradient(160deg,#26130a 0%,#120801 100%); padding:26px 22px; max-width:1000px; margin:0 auto; color:#f0d3ac; }<br /> .rf-shop h3 { margin:0 0 6px; text-align:center; color:#ffe3bd; font-size:22px; font-weight:800; border:none; padding:0; }<br /> .rf-shop .rf-shoplead { text-align:center; max-width:760px; margin:0 auto 18px; font-size:14px; line-height:1.65; color:#f0d3ac; }<br /> .rf-shop .rf-shoplead b { color:#ffb45a; }<br /> .rf-balloon { display:block; width:max-content; margin:0 auto 18px; background:#fff; color:#1b1304; border-radius:8px; padding:7px 18px; font-weight:800; font-size:15px; box-shadow:0 6px 18px rgba(0,0,0,0.4); position:relative; }<br /> .rf-balloon::after { content:&quot;&quot;; position:absolute; left:50%; bottom:-7px; transform:translateX(-50%); border:8px solid transparent; border-top-color:#fff; border-bottom:none; }<br /> .rf-cols { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .rf-col { background:rgba(255,255,255,0.05); border:1px solid rgba(255,180,90,0.25); border-radius:10px; padding:16px; }<br /> .rf-col h4 { margin:0 0 10px; color:#ffb45a; font-size:14px; text-transform:uppercase; letter-spacing:1.5px; border:none; padding:0; }<br /> .rf-col ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }<br /> .rf-col li { font-size:13px; line-height:1.5; padding-left:16px; position:relative; color:#f0d3ac; }<br /> .rf-col li::before { content:&quot;&quot;; position:absolute; left:2px; top:8px; width:5px; height:5px; border-radius:50%; background:#e67e22; }<br /> .rf-col li b { color:#ffce96; }<br /> .rf-col li code { background:rgba(0,0,0,0.4); border:1px solid rgba(255,180,90,0.3); border-radius:5px; padding:1px 7px; color:#ffe3bd; font-size:12.5px; }<br /> <br /> /* BÔNUS DO FERREIRO */<br /> .rf-bonus { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .rf-attr { background:linear-gradient(180deg,#fff,#fdf3e8); border:1px solid rgba(230,126,34,0.3); border-radius:10px; padding:14px; text-align:center; border-top:3px solid #e67e22; }<br /> .rf-attr b { display:block; font-size:15px; font-weight:800; color:#1b1304; }<br /> .rf-attr i { display:block; font-style:normal; font-size:20px; font-weight:800; color:#b35c10; margin:2px 0 8px; }<br /> .rf-attr span { display:block; font-size:11.5px; color:#6b5a2e; line-height:1.6; }<br /> .rf-attr span b { display:inline; font-size:11.5px; color:#b35c10; }<br /> <br /> /* FOOT */<br /> .rf-foot { text-align:center; margin:40px auto 0; max-width:820px; font-size:13px; color:#9c6a2a; font-style:italic; }<br /> <br /> @media (max-width: 760px) {<br /> .rf-stats, .rf-gains, .rf-ores, .rf-bonus { grid-template-columns:repeat(2,1fr); }<br /> .rf-cols { grid-template-columns:1fr; }<br /> }<br /> <br /> /* aviso de sistema novo */<br /> .rf-alert { max-width:880px; margin:18px auto 0; background:#fff4e0; border:1px solid rgba(230,126,34,0.5); border-left:4px solid #e67e22; border-radius:8px; padding:12px 18px; font-size:13px; line-height:1.6; color:#7c4a10; text-align:center; }<br /> .rf-alert b { color:#b35c10; }/* ============================================================<br /> MERCADO DE SERVICOS — página bespoke (escopo .ms-wrap)<br /> ============================================================ */<br /> .ms-wrap { max-width: 1060px; margin: 0 auto 30px; font-family: 'Inter', system-ui, sans-serif; color: #2a1a20; }<br /> .ms-wrap *, .ms-wrap *::before, .ms-wrap *::after { box-sizing: border-box; }<br /> <br /> /* HERO */<br /> .ms-hero { position: relative; text-align: center; padding: 40px 22px 56px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,160,58,0.5);<br /> background: radial-gradient(circle at 50% -10%, rgba(226,120,170,0.28) 0%, transparent 58%), linear-gradient(160deg, #2d1020 0%, #14060e 100%);<br /> box-shadow: 0 14px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(242,207,125,0.18); }<br /> .ms-hero::after { content:&quot;&quot;; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, #d4a03a, transparent); }<br /> .ms-hero img.ms-ico { width:120px; height:120px; display:block; margin:0 auto 8px; border-radius:16px; filter: drop-shadow(0 8px 18px rgba(212,160,58,0.5)); }<br /> .ms-badge { display:inline-block; margin:4px 0; padding:5px 16px; border:1px solid rgba(242,207,125,0.5); border-radius:999px; color:#f2cf7d; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; }<br /> .ms-wrap h1 { margin:8px 0 12px; font-size:40px; line-height:1.05; color:#ffe9b8; border:none; padding:0; font-weight:800; letter-spacing:1px; text-shadow:0 2px 16px rgba(0,0,0,0.55); }<br /> .ms-hero p { max-width:720px; margin:0 auto; color:#ecd2c8; font-size:15.5px; line-height:1.65; }<br /> .ms-hero p b { color:#f2cf7d; }<br /> <br /> /* STATS */<br /> .ms-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:-34px auto 6px; max-width:880px; position:relative; z-index:3; padding:0 10px; }<br /> .ms-stat { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-top:3px solid #d4a03a; border-radius:7px; padding:15px 8px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,0.1); }<br /> .ms-stat b { display:block; font-size:20px; font-weight:800; color:#8c3357; line-height:1.1; }<br /> .ms-stat span { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.6px; color:#8a5d55; margin-top:7px; font-weight:600; }<br /> <br /> /* HEADINGS + LEAD */<br /> .ms-h { display:flex; align-items:center; justify-content:center; gap:14px; margin:44px 0 14px; }<br /> .ms-h span { font-size:14px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#8c3357; white-space:nowrap; }<br /> .ms-h::before,.ms-h::after { content:&quot;&quot;; height:1px; width:80px; background:linear-gradient(90deg,transparent,#d4a03a); flex-shrink:0; }<br /> .ms-h::after { background:linear-gradient(90deg,#d4a03a,transparent); }<br /> .ms-wrap .ms-lead { text-align:center; font-size:15px; line-height:1.7; max-width:840px; margin-left:auto; margin-right:auto; margin-bottom:16px; color:#2a1a20; }<br /> .ms-lead b { color:#8c3357; }<br /> .ms-wrap .ms-note { text-align:center; font-size:12.5px; color:#8a5d55; max-width:780px; margin:8px auto 0; font-style:italic; }<br /> .ms-note b { color:#8c3357; font-style:normal; }<br /> <br /> /* GANHOS POR REFINO */<br /> .ms-gains { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .ms-gain { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:10px; padding:14px 10px; text-align:center; border-top:3px solid #d4a03a; }<br /> .ms-gain b { display:block; font-size:13px; font-weight:800; color:#2a1a20; }<br /> .ms-gain i { display:block; font-style:normal; font-size:21px; font-weight:800; margin:3px 0 5px; color:#8c3357; }<br /> .ms-gain span { display:block; font-size:11px; color:#6b5a2e; line-height:1.35; }<br /> <br /> /* CARDS DE MINÉRIO */<br /> .ms-ores { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:1000px; margin:0 auto; }<br /> .ms-ore { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:11px; padding:14px 12px; text-align:center; }<br /> .ms-ore img { height:52px; image-rendering:pixelated; margin-bottom:6px; }<br /> .ms-ore b { display:block; font-size:13.5px; font-weight:800; color:#1b1304; }<br /> .ms-ore i { display:block; font-style:normal; font-size:11.5px; color:#8c3357; font-weight:700; margin:2px 0; }<br /> .ms-ore span { display:block; font-size:11px; color:#6b5a2e; line-height:1.4; }<br /> .ms-ore.premium { border:1px solid rgba(212,175,55,0.55); background:linear-gradient(180deg,#fffaef,#fdf3d4); box-shadow:0 4px 14px rgba(212,175,55,0.18); }<br /> <br /> /* TABELAS DE CHANCE */<br /> .ms-tablewrap { overflow-x:auto; max-width:1000px; margin:0 auto; }<br /> .ms-table { width:100%; border-collapse:collapse; background:#fffdf8; border:1px solid rgba(212,160,58,0.3); border-radius:10px; overflow:hidden; font-size:13px; }<br /> .ms-table th { background:linear-gradient(135deg,#3a1e0c,#2d1020); color:#ffce96; padding:9px 8px; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; }<br /> .ms-table td { padding:7px 8px; text-align:center; border-top:1px solid rgba(0,0,0,0.06); font-weight:700; }<br /> .ms-table td.lv { background:#fdf5ec; color:#7c5514; font-weight:800; white-space:nowrap; }<br /> .ms-table td.g { color:#2e7d32; }<br /> .ms-table td.y { color:#a8861f; }<br /> .ms-table td.o { color:#c96a10; }<br /> .ms-table td.r { color:#c62828; }<br /> <br /> /* LOJA DE REFINO — bloco destaque escuro */<br /> .ms-shop { border-radius:14px; overflow:hidden; border:1px solid rgba(212,160,58,0.5); background: radial-gradient(circle at 50% -20%, rgba(226,120,170,0.22) 0%, transparent 55%), linear-gradient(160deg,#2d1020 0%,#120801 100%); padding:26px 22px; max-width:1000px; margin:0 auto; color:#ecd2c8; }<br /> .ms-shop h3 { margin:0 0 6px; text-align:center; color:#ffe9b8; font-size:22px; font-weight:800; border:none; padding:0; }<br /> .ms-shop .ms-shoplead { text-align:center; max-width:760px; margin:0 auto 18px; font-size:14px; line-height:1.65; color:#ecd2c8; }<br /> .ms-shop .ms-shoplead b { color:#f2cf7d; }<br /> .ms-balloon { display:block; width:max-content; margin:0 auto 18px; background:#fff; color:#1b1304; border-radius:8px; padding:7px 18px; font-weight:800; font-size:15px; box-shadow:0 6px 18px rgba(0,0,0,0.4); position:relative; }<br /> .ms-balloon::after { content:&quot;&quot;; position:absolute; left:50%; bottom:-7px; transform:translateX(-50%); border:8px solid transparent; border-top-color:#fff; border-bottom:none; }<br /> .ms-cols { display:grid; grid-template-columns:1fr 1fr; gap:14px; }<br /> .ms-col { background:rgba(255,255,255,0.05); border:1px solid rgba(242,207,125,0.25); border-radius:10px; padding:16px; }<br /> .ms-col h4 { margin:0 0 10px; color:#f2cf7d; font-size:14px; text-transform:uppercase; letter-spacing:1.5px; border:none; padding:0; }<br /> .ms-col ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }<br /> .ms-col li { font-size:13px; line-height:1.5; padding-left:16px; position:relative; color:#ecd2c8; }<br /> .ms-col li::before { content:&quot;&quot;; position:absolute; left:2px; top:8px; width:5px; height:5px; border-radius:50%; background:#d4a03a; }<br /> .ms-col li b { color:#ffce96; }<br /> .ms-col li code { background:rgba(0,0,0,0.4); border:1px solid rgba(242,207,125,0.3); border-radius:5px; padding:1px 7px; color:#ffe9b8; font-size:12.5px; }<br /> <br /> /* BÔNUS DO FERREIRO */<br /> .ms-bonus { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:900px; margin:0 auto; }<br /> .ms-attr { background:linear-gradient(180deg,#fff,#fdf5ec); border:1px solid rgba(212,160,58,0.3); border-radius:10px; padding:14px; text-align:center; border-top:3px solid #d4a03a; }<br /> .ms-attr b { display:block; font-size:15px; font-weight:800; color:#1b1304; }<br /> .ms-attr i { display:block; font-style:normal; font-size:20px; font-weight:800; color:#8c3357; margin:2px 0 8px; }<br /> .ms-attr span { display:block; font-size:11.5px; color:#6b5a2e; line-height:1.6; }<br /> .ms-attr span b { display:inline; font-size:11.5px; color:#8c3357; }<br /> <br /> /* FOOT */<br /> .ms-foot { text-align:center; margin:40px auto 0; max-width:820px; font-size:13px; color:#8a5d55; font-style:italic; }<br /> <br /> @media (max-width: 760px) {<br /> .ms-stats, .ms-gains, .ms-ores, .ms-bonus { grid-template-columns:repeat(2,1fr); }<br /> .ms-cols { grid-template-columns:1fr; }<br /> }<br /> <br /> /* aviso de sistema novo */<br /> .ms-alert { max-width:880px; margin:18px auto 0; background:#fff4e0; border:1px solid rgba(212,160,58,0.5); border-left:4px solid #d4a03a; border-radius:8px; padding:12px 18px; font-size:13px; line-height:1.6; color:#7c4a10; text-align:center; }<br /> .ms-alert b { color:#8c3357; }<br /> <br /> /* MERCADO DE SERVICOS — cartoes de servico do hub */<br /> .ms-svc { border:1px solid rgba(212,160,58,0.34); border-radius:12px; padding:20px 22px 18px; margin:16px 0 6px;<br /> background:linear-gradient(180deg,#fff,#fdf5ec); box-shadow:0 10px 26px rgba(0,0,0,0.09); }<br /> .ms-svc-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:6px; }<br /> .ms-svc-head h3 { margin:0; font-size:21px; font-weight:800; color:#8c3357; border:none; padding:0; }<br /> .ms-tag { display:inline-block; padding:3px 11px; border-radius:999px; font-size:10.5px; font-weight:700;<br /> letter-spacing:1.2px; text-transform:uppercase; }<br /> .ms-tag.on { background:rgba(46,160,90,0.14); color:#227a49; border:1px solid rgba(46,160,90,0.4); }<br /> .ms-tag.soon { background:rgba(212,160,58,0.16); color:#9a6c14; border:1px solid rgba(212,160,58,0.45); }<br /> .ms-svc-who { font-size:12.5px; color:#8a5d55; font-weight:600; }<br /> .ms-more { display:inline-block; margin-top:10px; padding:9px 18px; border-radius:8px; font-weight:700; font-size:13px;<br /> background:linear-gradient(180deg,#d4a03a,#b8862a); color:#2a1a20 !important; text-decoration:none;<br /> box-shadow:0 4px 12px rgba(212,160,58,0.35); }<br /> .ms-more:hover { filter:brightness(1.08); }<br /> .ms-seealso { margin:26px auto 0; max-width:840px; padding:14px 18px; border-radius:10px; text-align:center;<br /> border:1px solid rgba(212,160,58,0.4); background:linear-gradient(180deg,#fffaf1,#fdf0e0); font-size:14.5px; color:#2a1a20; }<br /> .ms-seealso a { color:#8c3357 !important; font-weight:700; }</div> Admin https://wiki.aureumro.com/index.php?title=Visuais&diff=4750 Visuais 2026-08-04T22:49:41Z <p>Admin: 2a rotacao de Visuais: 89 visuais novos; 1a rotacao movida para aba</p> <hr /> <div>{{DISPLAYTITLE:Visuais}}<br /> __NOTOC__<br /> &lt;html&gt;<br /> &lt;div class=&quot;vis-wrap&quot;&gt;<br /> <br /> &lt;div class=&quot;vis-hero&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/2/28/Visuais.png&quot; alt=&quot;Visuais&quot;&gt;<br /> &lt;div class=&quot;vis-badge&quot;&gt;✦ Cosméticos AureumRO&lt;/div&gt;<br /> &lt;h1&gt;Visuais&lt;/h1&gt;<br /> &lt;p&gt;No AureumRO, expressar seu estilo é para todos. São &lt;b&gt;4 Caixas de Visuais&lt;/b&gt; com mais de &lt;b&gt;100 cosméticos&lt;/b&gt; — e aqui &lt;b&gt;não existe visual ruim&lt;/b&gt;.&lt;/p&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-stats&quot;&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;4&lt;/b&gt;&lt;span&gt;Caixas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;100&lt;/b&gt;&lt;span&gt;Visuais&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;5.000&lt;/b&gt;&lt;span&gt;Cash por caixa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-stat&quot;&gt;&lt;b&gt;Garantido&lt;/b&gt;&lt;span&gt;Lendário no pity&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Feitas para todos se divertirem&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Acreditamos que personalizar o visual do seu personagem não pode ser privilégio de poucos. Por isso cada caixa custa um &lt;b&gt;preço justo de 5.000 cash&lt;/b&gt; — acessível para qualquer aventureiro.&lt;/p&gt;<br /> &lt;div class=&quot;vis-msg&quot;&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Não existe visual ruim&lt;/h4&gt;<br /> &lt;p&gt;Cada visual de cada caixa foi escolhido a dedo. Não importa o que sair, você vai abrir algo bonito de usar.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Só visuais. Nada de enrolação&lt;/h4&gt;<br /> &lt;p&gt;As Caixas de Visuais contêm &lt;b&gt;apenas cosméticos&lt;/b&gt; — sem consumíveis sem graça que ninguém liga ocupando espaço. Você paga por visual e recebe visual.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-msg-card&quot;&gt;<br /> &lt;h4&gt;Lendário garantido&lt;/h4&gt;<br /> &lt;p&gt;Cada caixa tem um sistema de &lt;b&gt;pity&lt;/b&gt;: passou do limite de aberturas sem o lendário? A próxima vem com ele, garantido.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-tabs&quot;&gt;<br /> &lt;input type=&quot;radio&quot; name=&quot;visrot&quot; id=&quot;visrot2&quot; checked&gt;<br /> &lt;input type=&quot;radio&quot; name=&quot;visrot&quot; id=&quot;visrot1&quot;&gt;<br /> &lt;div class=&quot;vis-tabbar&quot;&gt;<br /> &lt;label for=&quot;visrot2&quot;&gt;2ª rotação &lt;b&gt;&amp;middot; atual&lt;/b&gt;&lt;/label&gt;<br /> &lt;label for=&quot;visrot1&quot;&gt;1ª rotação&lt;/label&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-pane vis-pane2&quot;&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixas em rotação&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Esta é a &lt;b&gt;2ª rotação&lt;/b&gt; de Caixas de Visuais. Os visuais abaixo são os que estão disponíveis agora &amp;mdash; e, como sempre, &lt;b&gt;não voltarão&lt;/b&gt; em rotações futuras.&lt;/p&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Topo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de topo da cabeça &amp;mdash; &lt;b&gt;21 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/0/04/Visual2_37533.webp&quot; alt=&quot;Pequeno Aprendiz&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Pequeno Aprendiz&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 100 caixas (garantido). O item mais cobiçado desta caixa &amp;mdash; e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/04/Visual2_37533.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Pequeno Aprendiz&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/23/Visual2_36356.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Winghead Blue&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/94/Visual2_32062.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aureum Auréola&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ca/Visual2_37514.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cartola Fantasma&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d1/Visual2_31005.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Grifinho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual2_31330.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fairy Poison Apple&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_32146.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tiara de Grand Peco&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1f/Visual2_36863.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Heroica&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual2_37004.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Hat de bode&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual2_37224.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Argolas Divinas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/51/Visual2_37273.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cabeça de Cavalo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/29/Visual2_37345.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Máscara de Bafomé&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0f/Visual2_37448.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amizade Felina&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual2_37464.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Divina&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b3/Visual2_37467.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Duque Gatistico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b3/Visual2_38008.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Friendly white fox&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/77/Visual2_38038.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sakura Witch Hat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual2_38045.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa de Leão&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/13/Visual2_38117.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Angel Berry Wig&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a4/Visual2_38138.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cat Whisper Cloth&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/aa/Visual2_38166.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Guide of Dead Cap&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Meio&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de meio da cabeça &amp;mdash; &lt;b&gt;24 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual2_31205.webp&quot; alt=&quot;Twin Dragons&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Twin Dragons&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 100 caixas (garantido). O item mais cobiçado desta caixa &amp;mdash; e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual2_31205.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Twin Dragons&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/08/Visual2_31195.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Skulls&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f8/Visual2_31214.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Crows&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_34286.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Snack Party&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5d/Visual2_31110.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Immortal Power&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/26/Visual2_31156.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Goo Ghost&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/80/Visual2_31181.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Minireaper&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual2_31216.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Music Ring&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/da/Visual2_31263.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Thin Eyes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/32/Visual2_31279.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Blink Eyes Dragon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/28/Visual2_31407.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Midnight Candle&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ca/Visual2_33853.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Black Lotus Flower Coat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2b/Visual2_33854.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Black Navy Coat&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a0/Visual2_35103.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Evileye of Falsegods&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e9/Visual2_36279.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Kitsune Kimono&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual2_36301.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Kanzashi Februry&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6b/Visual2_37440.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Caveiras Flutuantes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1d/Visual2_37524.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gelo de Loomin&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9f/Visual2_37612.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manystars&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/95/Visual2_37621.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Elephangel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e5/Visual2_37723.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Rabbit Winged Robe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b1/Visual2_37961.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Yesterday Once More&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b5/Visual2_37962.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Magic Celestial Globe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual2_38103.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Consecrate Aureola&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Baixo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de baixo da cabeça &amp;mdash; &lt;b&gt;20 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_36357.webp&quot; alt=&quot;Maia Aura&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Maia Aura&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 100 caixas (garantido). O item mais cobiçado desta caixa &amp;mdash; e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d4/Visual2_36357.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Maia Aura&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c4/Visual2_31081.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Colorful Spark&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/76/Visual2_36355.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Inlove&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/14/Visual2_31075.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Bubbles&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1c/Visual2_31165.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Lightning Power Black&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b9/Visual2_31051.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Berserk Black&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c2/Visual2_31072.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amaterasu Aura Blue&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3d/Visual2_31073.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Athena Blue&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/da/Visual2_31095.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Walking Enjoy A-Ji&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a3/Visual2_31143.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dim Thunder&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual2_31163.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Feathers&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/51/Visual2_31211.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Void Energy&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/69/Visual2_31227.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Zombie Hands&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual2_32933.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Inuyasha Kagone pet&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/74/Visual2_34214.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cons of Light Dark&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/57/Visual2_36349.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Hologram&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/fb/Visual2_37564.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;White Rabbit&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual2_37629.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Protect Cloth&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a5/Visual2_37638.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Stall of demonios&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual2_38208.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chained bear&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Manto&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de manto &amp;mdash; &lt;b&gt;24 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend gg&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_36358.webp&quot; alt=&quot;Dark Lord Manteau&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Dark Lord Manteau&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 100 caixas (garantido). O item mais cobiçado desta caixa &amp;mdash; e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg gg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/43/Visual2_36358.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dark Lord Manteau&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg gg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8b/Visual2_32633.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manto do Dragão Guerreiro&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/bc/Visual2_32692.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Labrys&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a7/Visual2_32695.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Leticia Wings&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card epic&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/81/Visual2_32780.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Twin Edge&lt;/span&gt;&lt;span class=&quot;vis-rb epic&quot;&gt;Épico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/73/Visual2_32489.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Samurai Sword&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/91/Visual2_32515.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Valkyrie Spear&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/96/Visual2_32523.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Relicalitea&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/48/Visual2_32580.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Wings Girm&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ad/Visual2_32616.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Big Ribbon Cloa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9e/Visual2_32643.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Diabolic&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f5/Visual2_32645.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Divine Phoenix&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1c/Visual2_32652.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Filir Bag&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual2_32657.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Galapago Aquarium&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cf/Visual2_32693.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Lapine Wings&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/7f/Visual2_32694.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Leaf Umbrella&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/89/Visual2_32696.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Libra Wing&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/30/Visual2_32697.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Loli Ruri Moon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/19/Visual2_32705.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Moonlight Bell&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/50/Visual2_32722.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Plant Outing&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f8/Visual2_32728.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Poring Syringe&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/22/Visual2_32775.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sweet Flower Garden&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6f/Visual2_32928.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;HoleWings&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/12/Visual2_37446.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sprite de Maldição&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-pane vis-pane1&quot;&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;&lt;b&gt;Rotação encerrada.&lt;/b&gt; Os visuais abaixo saíram das Caixas de Visuais e &lt;b&gt;não voltarão&lt;/b&gt;. Ficam aqui como registro &amp;mdash; quem conquistou, tem para sempre.&lt;/p&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixas em rotação&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;As Caixas de Visuais funcionam em &lt;b&gt;rotação&lt;/b&gt;: de tempos em tempos, as caixas atuais saem de cena e dão lugar a &lt;b&gt;caixas novas, com visuais novos&lt;/b&gt;. E o mais importante — &lt;b&gt;os visuais da caixa atual nunca mais voltarão&lt;/b&gt; em outras caixas. Quem garante agora, garante para sempre o que é exclusivo daquela rotação.&lt;/p&gt;<br /> <br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Topo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de topo da cabeça — &lt;b&gt;25 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/1/1a/Visual_30031.webp&quot; alt=&quot;Flaming Goats Yellow&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Flaming Goats Yellow&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 100 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/1a/Visual_30031.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Flaming Goats Yellow&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30091.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chama Imortal Vermelho&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3a/Visual_30062.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Bola de Praia&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/de/Visual_30063.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu de Bruxa Orelhuda&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d5/Visual_30064.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Café de Gato&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual_30065.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Chocolat Rabbit&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e1/Visual_30066.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Poring Campeão&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2f/Visual_30067.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Peixe Raivoso&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/62/Visual_30068.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu do Astrólogo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8e/Visual_30069.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu de Buquê&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/79/Visual_30070.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Ex Twin&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/32/Visual_30071.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Chapéu Choco Banana&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/60/Visual_30072.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tigresa Mascote&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b5/Visual_30073.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Deusa Freya&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30074.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Véu Divino&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a6/Visual_30075.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Orelhas Floridas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/42/Visual_30076.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Guia da Floresta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9f/Visual_30077.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Capuz de Sapo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/18/Visual_30078.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Coroa Violeta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/68/Visual_30079.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Penteado Gata Halloween&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/31/Visual_30080.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gato Feliz&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0b/Visual_30081.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Boina Olhuda&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/45/Visual_30082.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sombreiro Muka&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0b/Visual_30083.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Quebra Nozes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/66/Visual_30095.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Instinto Vigilante Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Meio&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de meio da cabeça — &lt;b&gt;27 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30116.webp&quot; alt=&quot;Livros da Magia&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Livros da Magia&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 20 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30116.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Livros da Magia&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c0/Visual_30118_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fitas com Biscoitos&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/7f/Visual_30120.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Balões de Aniversário&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/01/Visual_30127.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Experimento Mental&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/21/Visual_30141.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Céu Estrelado&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/58/Visual_30112.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Óculos Alien Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/30/Visual_30115.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sky Lantern&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/3f/Visual_30117.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Fitas de Orelha de Gato&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/47/Visual_30119.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mapa do Aventureiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d0/Visual_30121_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Olhos Piscantes Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/80/Visual_30124.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Sombrinha Florida&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual_30125.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cinnamon&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/67/Visual_30126_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Brilho Divino&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual_30128.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Banquinha Marinha&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c4/Visual_30129_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Abafadores de Orelha de Coração&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/6e/Visual_30130.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Tilby Voadora&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c9/Visual_30131.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Amigos da Floresta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8b/Visual_30132.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Morcegos Fantasmagóricos&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/7/72/Visual_30133.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Anjinho do Amor&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/40/Visual_30134.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Elmo de Rá&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d1/Visual_30135_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Espíritos de Papel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30136.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Balança do Julgamento&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ae/Visual_30137.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aparato Flutuante&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/db/Visual_30138.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Rochosa&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/26/Visual_30139.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Caveiras Místicas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/46/Visual_30140.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Drones Vigilantes&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ac/Visual_30180.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Byalan&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Baixo&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Visuais de baixo da cabeça e auras — &lt;b&gt;20 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/5/5e/Visual_30182.webp&quot; alt=&quot;Dobra de Terra&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Dobra de Terra&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 33 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5e/Visual_30182.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Terra&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/12/Visual_30183.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Fogo&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8e/Visual_30186.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Vento&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/85/Visual_30188.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Dobra de Água&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a1/Visual_30192.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Fantasmagórica Laranja&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f1/Visual_30200_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Cibernética Verde&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/2/2b/Visual_30246_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Elétrica Vermelho&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ef/Visual_30190.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura do Amor&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/63/Visual_30189_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Antique Pipe Poring&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30191.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Visual de Chiclete&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/bb/Visual_30187_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Brilho das Estrelas Violeta&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a7/Visual_30184.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Set de Velas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ee/Visual_30218_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Sheen Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30229_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Atômica Dourada&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/4e/Visual_30214_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura da Natureza Verde&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/0d/Visual_30211_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura da Ascensão Branco&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/c2/Visual_30042.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura Apaixonada&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/3/33/Visual_30252.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Pétalas Vermelho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/45/Visual_30261.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Outono&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/5d/Visual_30267_v2.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aura de Borboletas Colorido&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-h&quot;&gt;&lt;span&gt;Caixa de Visuais Manto&lt;/span&gt;&lt;/div&gt;<br /> &lt;p class=&quot;vis-lead&quot;&gt;Asas, mantos e mochilas — &lt;b&gt;28 visuais&lt;/b&gt; nesta caixa.&lt;/p&gt;<br /> &lt;div class=&quot;vis-legend&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30049_b.webp&quot; alt=&quot;Aureum Wings Dourada&quot; loading=&quot;lazy&quot;&gt;<br /> &lt;div class=&quot;vis-legend-txt&quot;&gt;<br /> &lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;<br /> &lt;h4&gt;Aureum Wings Dourada&lt;/h4&gt;<br /> &lt;p&gt;Lendário a cada 200 caixas (garantido). O item mais cobiçado desta caixa — e você tem &lt;b&gt;chance garantida&lt;/b&gt; de conquistá-lo.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;vis-gallery&quot;&gt;<br /> &lt;div class=&quot;vis-card leg&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/ce/Visual_30049_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Aureum Wings Dourada&lt;/span&gt;&lt;span class=&quot;vis-rb leg&quot;&gt;Lendário&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/91/Visual_30293_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cruz do Druida Maligno&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/6/68/Visual_30295_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Foice da Princesa Mestiça&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9e/Visual_30285_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Shuriken Ornamental&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card rare&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/0/02/Visual_30280_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Baldir&lt;/span&gt;&lt;span class=&quot;vis-rb rare&quot;&gt;Raro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e2/Visual_30269_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila da Aventura&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/ee/Visual_30270_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Fada Azul&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a6/Visual_30271_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asa de Uriel&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/8c/Visual_30272_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila de Amstir&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/84/Visual_30273_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Aniversário 20 Anos&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f3/Visual_30274_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Serafim&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/8/85/Visual_30275_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Arco nas Costas&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d7/Visual_30277_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila do Explorador&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/a3/Visual_30278_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Vassoura da Alice&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/f0/Visual_30279_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Manto Aquático&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/dd/Visual_30281_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila do Cervejeiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/c/cc/Visual_30282_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Mochila de Coelho&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/e/e7/Visual_30283_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cauda de Arbusto&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/1/18/Visual_30284_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Grimório Mágico Antigo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b2/Visual_30286_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Baú do Mímico&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/b/b7/Visual_30287_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Véu Abençoado&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/9/9c/Visual_30288_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cutelo do Açougueiro&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/59/Visual_30289_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Gatosquinha&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/d/d2/Visual_30290_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Cajado do Relógio&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/4/41/Visual_30291_w.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Espada Cibernética&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/5/59/Visual_30294_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Macabro Gigante&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/a/ab/Visual_30296_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Rabo de Esquilo&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;vis-card&quot;&gt;&lt;img src=&quot;https://wiki.aureumro.com/images/f/ff/Visual_30297_b.webp&quot; alt=&quot;&quot; loading=&quot;lazy&quot;&gt;&lt;span class=&quot;vis-nm&quot;&gt;Asas de Sakura&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;vis-note&quot;&gt;Todos os visuais acima são cosméticos puros (Costume), aplicados sobre o seu equipamento sem alterar atributos. Personalize sem abrir mão da build.&lt;/div&gt;<br /> <br /> &lt;a href=&quot;/wiki/Item_Recolor&quot; style=&quot;display:flex;align-items:center;gap:18px;margin:34px auto 6px;max-width:760px;padding:20px 26px;text-decoration:none;border:1px solid rgba(198,160,74,.45);border-radius:16px;background:linear-gradient(135deg,rgba(40,30,12,.55),rgba(20,16,8,.35));box-shadow:0 6px 22px rgba(0,0,0,.28)&quot;&gt;<br /> &lt;img src=&quot;https://wiki.aureumro.com/images/8/88/ItemRecolor.png&quot; alt=&quot;Item Recolor&quot; style=&quot;width:74px;height:74px;flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))&quot;&gt;<br /> &lt;div style=&quot;line-height:1.5&quot;&gt;<br /> &lt;div style=&quot;font-size:1.18em;font-weight:800;color:#e9c876;letter-spacing:.3px&quot;&gt;✦ Ah, e ainda temos o sistema de Recolor&lt;/div&gt;<br /> &lt;div style=&quot;color:#d8cdb4;margin-top:4px&quot;&gt;Boa parte desses visuais ganha &lt;b style=&quot;color:#e9c876&quot;&gt;versões recoloridas exclusivas do AureumRO&lt;/b&gt; — o mesmo visual que você ama, em dezenas de cores novas. &lt;b style=&quot;color:#f0d898&quot;&gt;Conheça o Item Recolor →&lt;/b&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/a&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> <br /> [[Categoria:Sobre o servidor]]</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_37224.webp&diff=4749 Arquivo:Visual2 37224.webp 2026-08-04T22:47:21Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_31181.webp&diff=4748 Arquivo:Visual2 31181.webp 2026-08-04T22:47:21Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_31110.webp&diff=4747 Arquivo:Visual2 31110.webp 2026-08-04T22:47:21Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_31143.webp&diff=4746 Arquivo:Visual2 31143.webp 2026-08-04T22:47:21Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_37345.webp&diff=4745 Arquivo:Visual2 37345.webp 2026-08-04T22:47:20Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_31095.webp&diff=4744 Arquivo:Visual2 31095.webp 2026-08-04T22:47:20Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_32722.webp&diff=4743 Arquivo:Visual2 32722.webp 2026-08-04T22:47:19Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_32775.webp&diff=4742 Arquivo:Visual2 32775.webp 2026-08-04T22:47:19Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_32652.webp&diff=4741 Arquivo:Visual2 32652.webp 2026-08-04T22:47:19Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_34286.webp&diff=4740 Arquivo:Visual2 34286.webp 2026-08-04T22:47:19Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_37962.webp&diff=4739 Arquivo:Visual2 37962.webp 2026-08-04T22:47:18Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_33853.webp&diff=4738 Arquivo:Visual2 33853.webp 2026-08-04T22:47:18Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_32146.webp&diff=4737 Arquivo:Visual2 32146.webp 2026-08-04T22:47:17Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_37723.webp&diff=4736 Arquivo:Visual2 37723.webp 2026-08-04T22:47:17Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_36356.webp&diff=4735 Arquivo:Visual2 36356.webp 2026-08-04T22:47:17Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_32633.webp&diff=4734 Arquivo:Visual2 32633.webp 2026-08-04T22:47:16Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_34214.webp&diff=4733 Arquivo:Visual2 34214.webp 2026-08-04T22:47:16Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_37448.webp&diff=4732 Arquivo:Visual2 37448.webp 2026-08-04T22:47:16Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_37621.webp&diff=4731 Arquivo:Visual2 37621.webp 2026-08-04T22:47:15Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_32489.webp&diff=4730 Arquivo:Visual2 32489.webp 2026-08-04T22:47:15Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_37533.webp&diff=4729 Arquivo:Visual2 37533.webp 2026-08-04T22:47:14Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_32515.webp&diff=4728 Arquivo:Visual2 32515.webp 2026-08-04T22:47:14Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_32645.webp&diff=4727 Arquivo:Visual2 32645.webp 2026-08-04T22:47:14Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_32928.webp&diff=4726 Arquivo:Visual2 32928.webp 2026-08-04T22:47:13Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_31195.webp&diff=4725 Arquivo:Visual2 31195.webp 2026-08-04T22:47:13Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_36279.webp&diff=4724 Arquivo:Visual2 36279.webp 2026-08-04T22:47:13Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_31227.webp&diff=4723 Arquivo:Visual2 31227.webp 2026-08-04T22:47:12Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_31163.webp&diff=4722 Arquivo:Visual2 31163.webp 2026-08-04T22:47:12Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_35103.webp&diff=4721 Arquivo:Visual2 35103.webp 2026-08-04T22:47:11Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_37273.webp&diff=4720 Arquivo:Visual2 37273.webp 2026-08-04T22:47:11Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_31263.webp&diff=4719 Arquivo:Visual2 31263.webp 2026-08-04T22:47:11Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_37514.webp&diff=4718 Arquivo:Visual2 37514.webp 2026-08-04T22:47:10Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_37464.webp&diff=4717 Arquivo:Visual2 37464.webp 2026-08-04T22:47:10Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_37004.webp&diff=4716 Arquivo:Visual2 37004.webp 2026-08-04T22:47:09Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_31216.webp&diff=4715 Arquivo:Visual2 31216.webp 2026-08-04T22:47:09Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_31005.webp&diff=4714 Arquivo:Visual2 31005.webp 2026-08-04T22:47:09Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_31205.webp&diff=4713 Arquivo:Visual2 31205.webp 2026-08-04T22:47:08Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_32062.webp&diff=4712 Arquivo:Visual2 32062.webp 2026-08-04T22:47:08Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_31330.webp&diff=4711 Arquivo:Visual2 31330.webp 2026-08-04T22:47:08Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin https://wiki.aureumro.com/index.php?title=Arquivo:Visual2_37638.webp&diff=4710 Arquivo:Visual2 37638.webp 2026-08-04T22:47:07Z <p>Admin: == Descrição do arquivo == 2a rotacao de Visuais</p> <hr /> <div>== Descrição do arquivo ==<br /> 2a rotacao de Visuais</div> Admin