Update global.css

Signed-off-by: Aitor Alien <[email protected]>

Author: Alien69Flow

src/global.css

@@ -22,7 +22,7 @@ main {
   padding-top: 8rem;
 }
 
-/* ===== Utility Classes ===== */
+/* ===== Text Glow Utilities ===== */
 .text-glow {
   text-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                0 0 20px rgba(255, 215, 0, 0.4);
@@ -32,6 +32,7 @@ main {
   text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
 }
 
+/* ===== Card Styling ===== */
 .card-border {
   border: 1px solid rgba(255, 215, 0, 0.2);
   border-radius: 10px;
@@ -45,10 +46,10 @@ main {
   box-shadow: 0 0 15px rgba(255, 215, 0, 0.25);
 }
 
-/* ===== Fondo de estrellas ===== */
+/* ===== Background Stars ===== */
 .bg-stars {
   background: black url('/lovable-uploads/stars-bg.png') repeat;
-  animation: moveStars 200s linear infinite;
+  animation: moveStars 300s linear infinite;
 }
 
 @keyframes moveStars {
@@ -62,7 +63,7 @@ main {
   opacity: 0.4;
 }
 
-/* ===== Star Wars Crawl Effect ===== */
+/* ===== Star Wars Crawl ===== */
 .star-wars-crawl {
   perspective: 400px;
   height: 300px;
@@ -76,10 +77,13 @@ main {
   line-height: 1.6;
   max-width: 700px;
   margin: 0 auto;
-  color: #32cd32; /* Alien green para textos secundarios */
+  color: #32cd32; /* Alien green */
   text-shadow: 0 0 8px rgba(0,0,0,0.9);
+  font-weight: 600;
+  font-size: clamp(1rem, 1.8vw, 1.25rem);
 }
 
+/* ===== Hero Title Glow ===== */
 .sw-title-glow {
   text-shadow: 0 0 20px rgba(255, 215, 0, 0.9),
                0 0 40px rgba(255, 215, 0, 0.6),
@@ -92,21 +96,36 @@ main {
           drop-shadow(0 0 20px rgba(255, 215, 0, 0.6));
 }
 
-/* ===== Responsive Optimizations ===== */
+/* ===== Preloader (optional) ===== */
+#preloader {
+  position: fixed;
+  top: 0; left: 0;
+  width: 100%; height: 100%;
+  background: #0C0C1D;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+}
+
+#preloader img {
+  width: 120px;
+  height: auto;
+  animation: preloader-spin 2s linear infinite;
+}
+
+@keyframes preloader-spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* ===== Responsive ===== */
 @media (max-width: 768px) {
-  .star-wars-crawl {
-    height: 200px;
-  }
-  .star-wars-content {
-    font-size: 0.9rem;
-  }
+  .star-wars-crawl { height: 200px; }
+  .star-wars-content { font-size: 0.9rem; }
 }
 
 @media (max-width: 480px) {
-  .star-wars-crawl {
-    height: 160px;
-  }
-  .star-wars-content {
-    font-size: 0.8rem;
-  }
+  .star-wars-crawl { height: 160px; }
+  .star-wars-content { font-size: 0.8rem; }
 }