From b9abef9ac1ef665b7feb05e9de90cdfa125f981c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mar=C3=ADa?= <mherrezuelo94@hotmail.com>
Date: Tue, 30 Sep 2025 11:28:35 +0200
Subject: [PATCH] amend cards height on mobile

---
 components/CardTool.vue                | 2 +-
 components/SectionWithCardsAndForm.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/CardTool.vue b/components/CardTool.vue
index 3fc859b..8bfc68b 100644
--- a/components/CardTool.vue
+++ b/components/CardTool.vue
@@ -3,7 +3,7 @@
     class="flex flex-col gap-4 rounded-3xl"
     :class="{
       'border-4 border-white min-h-64 md:min-h-full max-w-80 sm:max-w-full': color === 'number',
-      'border-4 border-white min-h-20.9 md:min-h-full max-h-full max-w-80 sm:max-w-full': color === 'transparent',
+      'border-4 border-white  md:min-h-full max-h-full sm:max-w-full': color === 'transparent',
       'shadow-tool-card hover:border-4 border-white transition-all duration-300 ease-in-out min-h-22.3 sm:min-h-21.8 min-w-full lg:min-w-80 max-w-fit sm:max-w-80 w-fit': color !== 'transparent' && color !== 'number',
       'bg-linear-to-t from-consumo-base  to-consumo-light hover:to-consumo-extra-light': color === 'consumo',
       'bg-linear-to-t from-iguales-base to-iguales-light hover:to-iguales-extra-light': color === 'iguales',
diff --git a/components/SectionWithCardsAndForm.vue b/components/SectionWithCardsAndForm.vue
index a30bbbb..eef5a64 100644
--- a/components/SectionWithCardsAndForm.vue
+++ b/components/SectionWithCardsAndForm.vue
@@ -1,7 +1,7 @@
 <template>
   <section 
   :id="id"
-  class="flex flex-col gap-8 justify-center items-center rounded-3xl mb-8 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-8 md:px-4 pt-12 pb-16 md:p-16 md:pb-24"
   :class="{
     'bg-gradient-conic-cards': bgColor === 'gradient-conic',
     'bg-gradient-conic-green': bgColor === 'gradient-conic-green',
@@ -34,7 +34,7 @@
       </li>
     </ul>
     <div class="relative w-full min-h-96 h-[40rem] bg-background-extra-light rounded-3xl flex justify-center items-center">
-      <iframe class="absolute top-0 w-full h-full" src="https://form.iguales.kit-eco.social/" />
+      <iframe class="absolute top-0 w-full h-full rounded-3xl" src="https://form.iguales.kit-eco.social/" />
     </div>
   </section>
 </template>