feat: Adiciona Infocard do bot desktop

assets/styles/main.css

@@ -164,6 +164,38 @@ body{
     text-align: center;
 }
 
+/*Bot Infocard*/
+.bot-infocard{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 108px 0 116px;
+    gap: 50px;
+}
+
+.bot-infocard-text{
+    text-align: center;
+    width: 28%;
+}
+
+.bot-infocard-title{
+    font-weight: 600;
+    font-size: 32px;
+    line-height: 39px;
+}
+
+.bot-infocard-description{
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+}
+
+.bot-infocard-image{
+    width: 100%;
+}
+
+
 /* BREAKPOINTS */
 
 @media screen and (min-width:2500px){
@@ -186,6 +218,21 @@ body{
         font-size: 32px;
         line-height: 48px;
     }
+
+    .bot-card-description{
+        font-size: 32px;
+        line-height: 48px;
+    }
+
+    .bot-infocard-title{
+        font-size: 64px;
+        line-height: 78px;
+    }
+    
+    .bot-infocard-description{
+        font-size: 32px;
+        line-height: 48px;
+    }
 }
 
 @media screen and (min-width:1025px){

index.html

@@ -134,6 +134,21 @@
                     </figure>
                 </div>
             </section>
+
+            <article class="bot-infocard">
+                <div class="bot-infocard-text">
+                    <h2 class="bot-infocard-title">Lorem ipsum dolor sit amet</h2>
+                    <p class="bot-infocard-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum. 
+                        Quisque  a tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis.
+                        Donec finibus turpis vitae lectus interdum rutrum vitae sed augue.</p>
+                </div>
+                
+                <figure class="bot-infocard-figure">
+                    <img class="bot-infocard-image" src="./assets/images/bot-infocard-image-desktop.png" alt="Imagem do Infocard do Bot">
+                </figure>
+                
+            </article>
+                  
         </main>
 
     </body>