Add info about ARCA integration

src/layouts/main-layout.astro

@@ -8,6 +8,7 @@ import { navMenuConfig } from "@/config/nav-menu";
 import { siteConfig } from "@/config/site";
 import { Icon } from "astro-icon/components";
 import { buttonVariants } from "@/components/ui/button";
+import { Info } from "lucide-react";
 
 type Props = {
   title: string;
@@ -20,6 +21,17 @@ const { title, description, mainClass } = Astro.props;
 ---
 
 <BaseLayout title={title} description={description}>
+  <div
+    class="bg-yellow-500 dark:bg-yellow-600 px-2 py-1.5 text-white text-xs relative"
+  >
+    <div class="flex items-center justify-center space-x-2">
+      <Info className="h-4 w-4 md:h-3 md:w-3" />
+      <p class="font-medium">
+        Afip SDK también funcionará con <a href="https://www.argentina.gob.ar/arca" target="_blank" rel="noopener noreferrer">ARCA</a>, sin cambios necesarios.
+      </p>
+    </div>
+  </div>
+
   <Header className="">
     <!-- if using only normals links  -->
     <!-- <MainNav items={marketingConfig.mainNav} slot="left-header" />