Section unete fixed and add responsive

package.json

@@ -15,6 +15,7 @@
     "@types/react": "^18.2.59",
     "@types/react-dom": "^18.2.19",
     "astro": "^4.4.1",
+    "dependence": "^1.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "swiper": "^11.0.6",

src/components/Inicio.astro

@@ -1,3 +1,10 @@
+---
+import "./cssInicio/contenedorBienvenida.css"
+import "./cssInicio/fondo.css"
+import "./cssInicio/navInicio.css"
+import "./cssInicio/variables.css"
+---	
+
 	<section id="Inicio">
 		<div class="containerInicio">
 			<section class="filtroInicio">

src/components/Unete.astro

@@ -1,60 +1,34 @@
 ---
-import "./Unete.css"
+import "./cssUnete/Unete.css"
 ---
 
 <section class="unete" id="Unete">
   <h1 class="titulo">Únete</h1>
   <div class="underline"></div>
-  <div class="beneficios">
-    <div class="list">
-      <h2 class="sub">
-        <span class="tex"
-          ><span class="numero">1</span><span class="alterno"> Potencia</span>
-          <h3 class="tex">tus habilidades</h3>
-          <p class="desc">
-            Uniendote al comité podrás desarrollar tus habilidades
-          </p>
-        </span>
-        <div class="list right">
-          <h2 class="sub">
-            Potencia <span class="tex"
-              ><span class="numero">3</span>
-              <h3 class="tex">tus habilidades</h3>
-              <p class="desc">
-                Uniendote al comité podrás desarrollar tus habilidades
-              </p>
-            </span>
-            <div class="list">
-              <h2 class="sub">
-                <span class="tex"
-                  ><span class="numero">2</span><span class="alterno">
-                    Potencia</span
-                  >
-                  <h3 class="tex">tus habilidades</h3>
-                  <p class="desc">
-                    Uniendote al comité podrás desarrollar tus habilidades
-                  </p>
-                </span>
-                <div class="list right">
-                  <h2 class="sub">
-                    Potencia <span class="tex"
-                      ><span class="numero">4</span>
-                      <h3 class="tex">tus habilidades</h3>
-                      <p class="desc">
-                        Uniendote al comité podrás desarrollar tus habilidades
-                      </p>
-                    </span>
-                  </h2>
-                  <div class="botones">
-                    <a class="links" href="\-">Unirse</a>
-                    <a class="links" href="\-">Saber más</a>
-                  </div>
-                </div>
-              </h2>
-            </div>
-          </h2>
-        </div>
-      </h2>
-    </div>
+<div class="beneficios">
+  <div class="list">
+    <h2 class="sub"><span class="tex"><span class="numero">1</span><span class="alterno">  Potencia</span> 
+      <h3 class="tex">tus habilidades</h3>
+    <p class="desc"> Uniendote al comité podrás desarrollar tus habilidades</p>
   </div>
+  <div class="list right">
+    <h2 class="sub"> Potencia <span class="tex"><span class="numero">2</span>
+      <h3 class="tex">tus habilidades</h3>
+    <p class="desc"> Uniendote al comité podrás desarrollar tus habilidades</p>
+  </div>
+  <div class="list">
+    <h2 class="sub"><span class="tex"><span class="numero">3</span><span class="alterno"> Potencia</span> 
+      <h3 class="tex">tus habilidades</h3>
+    <p class="desc"> Uniendote al comité podrás desarrollar tus habilidades</p>
+  </div>
+  <div class="list right">
+    <h2 class="sub">Potencia <span class="tex"><span class="numero">4</span>
+      <h3 class="tex">tus habilidades</h3>
+    <p class="desc"> Uniendote al comité podrás desarrollar tus habilidades</p>
+  </div>
+</div>
+<div class="botones">
+  <a class="links" href="\-">Unirse</a>
+  <a class="links" href="\-">Saber más</a>
+</div>
 </section>