Add stgo 2023 pyday images

Author: MariferVL

public/images/gallery/stgo/PYDAY_2023_STGO_01.webp

@@ -23,7 +23,7 @@ export default function SponsorList() {
       initial={{ opacity: 0, y: 20 }}
       whileInView={{ opacity: 1, y: 0 }}
       viewport={{ once: true }}
-      className="container-py bg-black/10 backdrop-blur relative"
+      className="container-py relative"
     >
       <h2 className="section-title">Patrocinadores 2024</h2>
       {/* Contenedor Principal */}

public/images/gallery/stgo/PYDAY_2023_STGO_02.webp

@@ -4,51 +4,53 @@ import Link from "next/link";
 
 export default function ChileMap({ cities }) {
   const [activeCity, setActiveCity] = useState(null);
-  
+
   return (
-    <div className="flex flex-col md:flex-row justify-between gap-8 mx-auto max-w-6xl px-4">
-      {/* Mapa SVG - Más grande en móvil y adaptativo en escritorio */}
-      <div className="w-full md:w-1/2 lg:w-2/5 mx-auto">
-        <div className="aspect-[3/6] w-full bg-white/10 backdrop-blur-sm rounded-lg p-4 relative">
+    <div className="flex flex-col md:flex-row md:items-center justify-between gap-8 mx-auto max-w-6xl px-4">
+      {/* Contenedor del mapa */}
+      <div className="w-full md:w-1/2 lg:w-1/3 mx-auto">
+        <div className="aspect-[3/6] lg:aspect-auto lg:h-[400px] w-full bg-white/10 backdrop-blur-sm rounded-lg p-4 relative">
           {/* SVG simplificado del mapa de Chile */}
           <svg viewBox="0 0 100 300" className="w-full h-full">
-            <path
-              d="M50,20 Q60,50 55,100 Q50,150 60,200 Q70,250 50,280"
-              fill="none"
-              stroke="white"
-              strokeWidth="2"
-              className="opacity-50"
-            />
-            {cities.map((city) => (
-              <g
-                key={city.slug}
-                onClick={() => setActiveCity(city.slug)}
-                className="cursor-pointer"
-              >
-                <circle
-                  cx={city.mapCoords.x}
-                  cy={city.mapCoords.y}
-                  r={activeCity === city.slug ? 6 : 4}
-                  fill={activeCity === city.slug ? "#FFD700" : "#8A2BE2"}
-                  className="transition-all duration-300"
-                />
-                <text
-                  x={city.mapCoords.x + 8}
-                  y={city.mapCoords.y + 4}
-                  fontSize="8"
-                  fill="white"
-                  className="pointer-events-none"
+            <g transform="translate(-10,0) scale(1.2,1)">
+              <path
+                d="M50,20 Q60,50 55,100 Q50,150 60,200 Q70,250 50,280"
+                fill="none"
+                stroke="white"
+                strokeWidth="2"
+                className="opacity-50"
+              />
+              {cities.map((city) => (
+                <g
+                  key={city.slug}
+                  onClick={() => setActiveCity(city.slug)}
+                  className="cursor-pointer"
                 >
-                  {city.name}
-                </text>
-              </g>
-            ))}
+                  <circle
+                    cx={city.mapCoords.x}
+                    cy={city.mapCoords.y}
+                    r={activeCity === city.slug ? 6 : 4}
+                    fill={activeCity === city.slug ? "#FFD700" : "#8A2BE2"}
+                    className="transition-all duration-300"
+                  />
+                  <text
+                    x={city.mapCoords.x + 8}
+                    y={city.mapCoords.y + 4}
+                    fontSize="8"
+                    fill="white"
+                    className="pointer-events-none"
+                  >
+                    {city.name}
+                  </text>
+                </g>
+              ))}
+            </g>
           </svg>
         </div>
       </div>
-      
-      {/* Lista de ciudades - A la derecha en desktop, abajo en móvil */}
-      <div className="w-full md:w-1/2 mt-6 md:mt-0 space-y-4">
+
+      {/* Lista de ciudades, centrada verticalmente */}
+      <div className="w-full md:w-1/2 lg:w-1/3 flex flex-col justify-center mt-6 md:mt-0 space-y-4">
         {cities.map((city) => (
           <Link
             href={`/${city.slug}`}
@@ -77,4 +79,4 @@ export default function ChileMap({ cities }) {
       </div>
     </div>
   );
-}
+}