From ad15aa7a73b11e54a53c3ad15304a7b69dd86bbc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Rafael=20Siqueira?=
 <osergiosiqueira@gmail.com>
Date: Wed, 7 May 2025 16:34:02 -0300
Subject: [PATCH] add

---
 superpage/astro.config.mjs                   |  2 +-
 superpage/package-lock.json                  |  4 ++--
 superpage/package.json                       |  4 ++--
 superpage/src/components/Modal.astro         | 15 ++++++++++-----
 superpage/src/layouts/Layout.astro           |  2 +-
 superpage/src/pages/index.astro              |  2 +-
 superpage/src/styles/{app.css => global.css} |  0
 7 files changed, 17 insertions(+), 12 deletions(-)
 rename superpage/src/styles/{app.css => global.css} (100%)

diff --git a/superpage/astro.config.mjs b/superpage/astro.config.mjs
index e685af5..5f34d19 100644
--- a/superpage/astro.config.mjs
+++ b/superpage/astro.config.mjs
@@ -34,7 +34,7 @@ export default defineConfig({
   ],
   prefetch: true,
   vite: {
-    plugins: [tailwindcss()],
+    plugins: [tailwindcss({ nesting: true })],
   },
   server: {
     host: "0.0.0.0",
diff --git a/superpage/package-lock.json b/superpage/package-lock.json
index 221f561..65259ac 100644
--- a/superpage/package-lock.json
+++ b/superpage/package-lock.json
@@ -13,7 +13,7 @@
         "@astrojs/react": "^4.2.4",
         "@astrojs/sitemap": "^3.3.0",
         "@hookform/resolvers": "^5.0.1",
-        "@tailwindcss/vite": "^4.0.13",
+        "@tailwindcss/vite": "^4.1.5",
         "@types/react": "^19.1.2",
         "@types/react-dom": "^19.1.2",
         "astro": "^5.7.2",
@@ -24,7 +24,7 @@
         "react-dom": "^19.1.0",
         "react-hook-form": "^7.56.0",
         "smartypants": "^0.2.2",
-        "tailwindcss": "^4.0.13",
+        "tailwindcss": "^4.1.5",
         "vanilla-cookieconsent": "^3.1.0",
         "zod": "^3.24.3"
       }
diff --git a/superpage/package.json b/superpage/package.json
index b5a0b86..48c0071 100644
--- a/superpage/package.json
+++ b/superpage/package.json
@@ -14,7 +14,7 @@
     "@astrojs/react": "^4.2.4",
     "@astrojs/sitemap": "^3.3.0",
     "@hookform/resolvers": "^5.0.1",
-    "@tailwindcss/vite": "^4.0.13",
+    "@tailwindcss/vite": "^4.1.5",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "astro": "^5.7.2",
@@ -25,7 +25,7 @@
     "react-dom": "^19.1.0",
     "react-hook-form": "^7.56.0",
     "smartypants": "^0.2.2",
-    "tailwindcss": "^4.0.13",
+    "tailwindcss": "^4.1.5",
     "vanilla-cookieconsent": "^3.1.0",
     "zod": "^3.24.3"
   }
diff --git a/superpage/src/components/Modal.astro b/superpage/src/components/Modal.astro
index 4ed83d2..94e9234 100644
--- a/superpage/src/components/Modal.astro
+++ b/superpage/src/components/Modal.astro
@@ -2,11 +2,16 @@
 import { Icon } from "astro-icon/components";
 ---
 
-<dialog
-    closedby="any"
-    class="text-white bg-black fixed inset-1/2 w-full lg:w-112 -translate-1/2 p-5 lg:p-12 rounded-2xl border border-white/15 backdrop:bg-black/50 backdrop:backdrop-blur backdrop:backdrop-filter"
-    {...Astro.props}
->
+<style>
+    @import "tailwindcss";
+
+    .modal {
+        @apply text-white bg-black fixed inset-1/2 w-full lg:w-112 -translate-1/2 p-5 lg:p-12 rounded-2xl border border-white/15;
+        @apply backdrop:bg-black/50 backdrop:backdrop-blur backdrop:backdrop-filter;
+    }
+</style>
+
+<dialog closedby="any" class="modal" {...Astro.props}>
     <button
         class="cursor-pointer fixed top-2.5 right-2.5 lg:top-5 lg:right-5 border border-white rounded-full p-px"
         data-dismiss
diff --git a/superpage/src/layouts/Layout.astro b/superpage/src/layouts/Layout.astro
index 6d00767..6f084d2 100644
--- a/superpage/src/layouts/Layout.astro
+++ b/superpage/src/layouts/Layout.astro
@@ -1,5 +1,5 @@
 ---
-import "~/styles/app.css";
+import "~/styles/global.css";
 import BaseHead, {
     type Props as HeadProps,
 } from "./_components/BaseHead.astro";
diff --git a/superpage/src/pages/index.astro b/superpage/src/pages/index.astro
index bdd1eef..51ba471 100644
--- a/superpage/src/pages/index.astro
+++ b/superpage/src/pages/index.astro
@@ -143,7 +143,7 @@ import mulhercomepi from "~/assets/mulher-com-epi.png";
                     </div>
 
                     <div
-                        class="flex flex-col justify-center items-center border-white/10 max-lg:border-transparent"
+                        class="flex flex-col justify-center items-center border-transparent"
                     >
                         <a
                             href="#"
diff --git a/superpage/src/styles/app.css b/superpage/src/styles/global.css
similarity index 100%
rename from superpage/src/styles/app.css
rename to superpage/src/styles/global.css