Update components selects

Author: MariferVL

src/app/[city]/page.js

@@ -143,7 +143,7 @@ export default async function CityPage({ params }) {
         subtitle="Aprende, comparte y conecta con desarrolladores y entusiastas de Python de toda la región y de Chile."
         buttonText="Registrarme ahora"
         href="https://docs.google.com/forms/d/e/1FAIpQLSdhHlnqwmYffl6JNzbAZ4IRRyM_8fcOB1QH0hyz6Vwi3VFOwg/viewform"
-        className="bg-gradient-to-br from-green-900/60 to-black/80 backdrop-blur rounded-lg my-4 md:my-8 mx-2 md:mx-8"
+        className="bg-gradient-to-br from-green-900/60 to-black/80 backdrop-blur rounded-lg my-4 md:my-8 mx-auto"
       />
 
       {/* Segundo enlace independiente para "Conocer la comunidad" */}

src/app/sponsors/components/SponsorForm.js

@@ -89,7 +89,7 @@ export default function SponsorForm() {
           value={formData.sponsorLevel}
           onChange={handleChange}
           required
-          className="w-full px-4 py-2 rounded-lg bg-black/50 backdrop-blur border border-white/20 focus:border-green-500 focus:outline-none focus:ring-2 focus:ring-green-500/50 text-white appearance-none"
+          className="select-theme"
           style={{
             color: "white",
             backgroundColor: "rgba(0, 0, 0, 0.7)",

src/components/RegistrationForm.js

@@ -163,7 +163,7 @@ export default function RegistrationForm() {
               value={formData.name}
               onChange={handleChange}
               required
-              className="w-full px-3 py-2 bg-white/10 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              className="w-full px-3 py-2 bg-white/10 rounded-lg focus:outline-none focus:ring-2 focus:ring-py-green-500"
             />
             {validationErrors.name && (
               <p className="absolute text-xs text-red-500 mt-1">
@@ -185,7 +185,7 @@ export default function RegistrationForm() {
                 name="idType"
                 value={formData.idType}
                 onChange={handleChange}
-                className="w-full px-3 py-2 bg-white/10 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+                className="select-theme"
               >
                 <option value="run">RUN</option>
                 <option value="passport">Pasaporte</option>
@@ -204,7 +204,7 @@ export default function RegistrationForm() {
                   formData.idType === "run" ? "12.345.678-9" : "AA123456"
                 }
                 required
-                className="w-full px-3 py-2 bg-white/10 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+                className="w-full px-3 py-2 bg-white/10 rounded-lg focus:outline-none focus:ring-2 focus:ring-py-green-500"
               />
               {validationErrors.idNumber && (
                 <p className="absolute text-xs text-red-500 mt-1">
@@ -225,7 +225,7 @@ export default function RegistrationForm() {
               value={formData.email}
               onChange={handleChange}
               required
-              className="w-full px-3 py-2 bg-white/10 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              className="w-full px-3 py-2 bg-white/10 rounded-lg focus:outline-none focus:ring-2 focus:ring-py-green-500"
             />
             {validationErrors.email && (
               <p className="absolute text-xs text-red-500 mt-1">
@@ -244,7 +244,7 @@ export default function RegistrationForm() {
               value={formData.role}
               onChange={handleChange}
               required
-              className="w-full px-3 py-2 bg-white/10 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              className="select-theme"
             >
               <option value="">Selecciona una opción</option>
               <option value="student">Estudiante</option>
@@ -269,7 +269,7 @@ export default function RegistrationForm() {
               value={formData.city}
               onChange={handleChange}
               required
-              className="w-full px-3 py-2 bg-white/10 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+              className="select-theme"
             >
               <option value="">Selecciona una Ciudad</option>
               <option value="copiapo">Copiapó</option>