fix: responsive créditos del equipo

Author: CamilaCarvajalGusman

src/Sections/OurTeam.astro

@@ -1,46 +1,74 @@
-<section class="flex flex-wrap justify-between border-t-4 border-b-4 border-green-500 px-6 py-8 bg-white text-gray-800">
+<section class="w-full bg-white text-gray-800 border-y border-[#3BB273] py-8 px-4 md:px-[100px]">
 
-  <div class="w-full md:w-1/4 mb-6">
-    <p class="text-xl font-bold text-[#3BB273]  mb-2">Equipo Lab TecnoSocial<br>
-        Coordinación (2025)
-    </p>
-    <span class="list-disc list-inside text-xl space-y-1">
-      <span>Patricia Delgadillo</span><br>
-      <span class="text-xl font-semibold text-[#3BB273]  mb-1"> Ingeniería Ambiental</span><br>
-      <span>Teresa Mamani</span><br>
-      <span>Thamy Montecinos</span>
-    </span>
-  </div>
+  <div class="flex flex-col md:flex-row justify-between gap-8 md:gap-4 max-w-[1440px] mx-auto">
 
-  <div class="w-full md:w-1/4 mb-6">
-    <p class="text-xl font-semibold text-[#3BB273]  mb-1">Diseño UI/UX</p>
-    <span class="list-disc list-inside text-xl space-y-1 mb-4">
-      <span>Valeria Peredo</span><br>
-      <span>Marcelo Del Barco</span>
-    </span>
-    <p class="text-xl font-semibold text-[#3BB273]  mb-1">Informática</p>
-    <span class="list-disc list-inside text-xl space-y-1">
-      <span>Alex Ojeda Copa</span><br>
-      <span>Camila Carvajal</span>
-    </span>
-  </div>
+    <div class="flex flex-col items-center md:items-start text-center md:text-left space-y-4">
+      
+      <div>
+        <h3 class="text-lg font-bold text-[#3BB273] leading-tight">
+          Equipo Lab TecnoSocial<br>Coordinación (2025)
+        </h3>
+        <p class="text-base mt-1">Patricia Delgadillo</p>
+      </div>
 
-  <div class="w-full md:w-1/4 mb-6">
-    <p class="text-xl font-semibold text-[#3BB273]  mb-1">Comunicación</p>
-    <span class="list-disc list-inside text-xl space-y-1">
-      <span>Isabella Peredo</span>
-    </span>
-  </div>
+      <div>
+        <h4 class="text-lg font-bold text-[#3BB273]">Ingeniería Ambiental</h4>
+        <div class="text-base mt-1 space-y-0.5">
+          <p>Teresa Mamani</p>
+          <p>Thamy Montecinos</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="flex flex-col items-center md:items-start text-center md:text-left space-y-4">
+      
+      <div>
+        <h4 class="text-lg font-bold text-[#3BB273]">Diseño UI/UX</h4>
+        <div class="text-base mt-1 space-y-0.5">
+          <p>Valeria Peredo</p>
+          <p>Marcelo Del Barco</p>
+        </div>
+      </div>
+
+      <div>
+        <h4 class="text-lg font-bold text-[#3BB273]">Informática</h4>
+        <div class="text-base mt-1 space-y-0.5">
+          <p>Alex Ojeda Copa</p>
+          <p>Camila Carvajal</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="flex flex-col items-center md:items-start text-center md:text-left space-y-4">
+      
+      <div>
+        <h4 class="text-lg font-bold text-[#3BB273]">Comunicación</h4>
+        <p class="text-base mt-1">Isabella Peredo</p>
+      </div>
+
+      <div>
+        <h4 class="text-lg font-bold text-[#3BB273]">Equipo (2025)</h4>
+        <div class="text-base mt-1 space-y-0.5">
+          <p>Abril L. Calderon Gonzales</p>
+          <p>Gabriela Paco Ticona</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="flex flex-col items-center md:items-start text-center md:text-left">
+      <div>
+        <h4 class="text-lg font-bold text-[#3BB273] leading-tight">
+          Agradecimientos al<br>Equipo CIAC (2023)
+        </h4>
+        <div class="text-base mt-1 space-y-0.5">
+          <p>Laura Pinedo</p>
+          <p>María Mercedes Zurita</p>
+          <p>Andrea Vargas</p>
+          <p>Yumy Velásquez</p>
+          <p>Michelle Fernandez</p>
+        </div>
+      </div>
+    </div>
 
-  <!-- Agradecimientos -->
-  <div class="w-full md:w-1/4 mb-6">
-    <h4 class="text-xl font-bold text-[#3BB273]  mb-2">Agradecimientos al Equipo CIAC (2023)</h4>
-    <span class="list-disc list-inside text-xl space-y-1">
-      <span>Laura Pinedo</span><br>
-      <span>María Mercedes Zurita</span><br>
-      <span>Andrea Vargas</span><br>
-      <span>Yumy Velásquez</span><br>
-      <span>Michelle Fernandez</span>
-    </span>
   </div>
 </section>