amend some design

components/HeroPages.vue

@@ -22,11 +22,11 @@
     <div class=" flex flex-col items-center z-10 gap-6">
       <h1 class="font-bold max-w-4xl">{{ title }}</h1>
       <p class="text-2xl-custom max-w-3xl" v-html="subtitle"></p>
-      <NuxtLink v-if="button" :to="button.link">
+      <!-- <NuxtLink v-if="button" :to="button.link">
         <ButtonCTA :color="button.color" class="uppercase mt-6">
           {{ button.label }}
         </ButtonCTA>
-      </NuxtLink>
+      </NuxtLink> -->
     </div>
   </section>
 </template>

components/NavBar.vue

@@ -14,7 +14,7 @@
       <!-- Desktop menu -->
       <ul class="hidden md:flex items-center gap-6 font-semibold text-sm-custom">
         <li><NuxtLink :to="`/${langcode}/`" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">INICIO</NuxtLink></li>
-        <li><NuxtLink to="#" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">GUÍA PASO A PASO</NuxtLink></li>
+        <li><NuxtLink to="https://aula.kit-eco.social/" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">GUÍA PASO A PASO</NuxtLink></li>
         <li><NuxtLink to="https://www.kit-eco.social/es/" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">KIT-ECO.SOCIAL</NuxtLink></li>
        
       </ul>
@@ -40,7 +40,7 @@
     <div v-show="menuIsOpen" class="lg:hidden p-5 bg-gradient-conic rounded-3xl min-h-svh">
         <ul class="space-y-4 text-sm-custom text-end w-fit ml-auto">
           <li class="p-2"><NuxtLink :to="`/${langcode}/`">INICIO</NuxtLink></li>
-          <li class="p-2"><NuxtLink to="#">GUÍA PASO A PASO</NuxtLink></li>
+          <li class="p-2"><NuxtLink to="https://aula.kit-eco.social/">GUÍA PASO A PASO</NuxtLink></li>
           <li class="p-2"><NuxtLink to="https://www.kit-eco.social/es/">KIT-ECO.SOCIAL</NuxtLink></li>
         </ul>
       </div>

components/SectionWithCardsAndForm.vue

@@ -1,17 +1,7 @@
 <template>
   <section 
   :id="id"
-  class="flex flex-col gap-8 justify-center items-center rounded-3xl mb-8 px-8 md:px-4 pt-12 pb-16 md:p-16 md:pb-24"
+  class="flex flex-col gap-8 justify-center items-center rounded-3xl mb-8 px-2 md:px-4 pt-12 pb-16 md:p-16 md:pb-24 bg-gradient-iguales">
-  :class="{
-    'bg-gradient-conic-cards': bgColor === 'gradient-conic',
-    'bg-gradient-conic-green': bgColor === 'gradient-conic-green',
-    'bg-linear-to-b from-consumo-extra-light to-background-light': bgColor === 'consumo',
-    'bg-linear-to-b from-iguales-extra-light to-background-light': bgColor === 'iguales',
-    'bg-linear-to-b from-aula-extra-light to-background-light': bgColor === 'aula',
-    'bg-linear-to-b from-certifica-light to-background-light': bgColor === 'certifica',
-    'bg-linear-to-b from-foro-light to-background-light': bgColor === 'foro',
-    'bg-linear-to-b from-ods-extra-light to-background-light': bgColor === 'ods',
-  }">
     <ul  class="grid grid-cols-12 gap-8 ">
       <li 
         v-for="(item, index) in cards" :key="`cards-${id}-${index}`" class=""
@@ -70,3 +60,9 @@ export default {
   
 };
 </script>
+
+<style scoped>
+.bg-gradient-iguales {
+  background: linear-gradient(180deg, #E9D2F9 0%, var(--Background--bg-light, #F9F4F2) 100%);
+}
+</style>

data/es/index.json

@@ -57,14 +57,14 @@
       "title": "¿Quieres aprender paso a paso?",
       "subtitle": "Accede al aula virtual para formarte de forma sencilla en el uso de la herramienta. Conoce los fundamentos de la igualdad organizativa y aprende a identificar oportunidades de mejora en tu entidad.",
       "bgColor": "iguales",
-      "icon": "scale.svg",
+      "icon": "graduation-cap.svg",
       "bgImage": {
         "src": "hero-iguales-formas.png",
         "alt": "Iguales Imagenes Fondo"
       },
       "button": {
         "label": "Empezar curso",
-        "link": "",
+        "link": "https://aula.kit-eco.social/",
         "color": "button"
       }
     }