From d592c782169bd5c94101ff40357db6b05d7cfb63 Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Thu, 22 Jan 2026 16:09:50 +0100
Subject: [PATCH] fix: update styles in ComeFunziona component for improved
 layout and consistency

---
 apps/infoalloggi/src/components/come_funziona.tsx | 4 ++--
 apps/infoalloggi/src/components/expand_guida.tsx  | 8 ++------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/apps/infoalloggi/src/components/come_funziona.tsx b/apps/infoalloggi/src/components/come_funziona.tsx
index 86570aa..ced1dfe 100644
--- a/apps/infoalloggi/src/components/come_funziona.tsx
+++ b/apps/infoalloggi/src/components/come_funziona.tsx
@@ -39,7 +39,7 @@ export const ComeFunziona = () => {
 	];
 	return (
 		<div className="mx-auto w-full max-w-6xl py-2">
-			<h2 className="max-w-xl font-semibold text-3xl tracking-tight md:mx-auto md:text-center md:text-4xl md:leading-[3.5rem]">
+			<h2 className="max-w-xl font-semibold text-3xl tracking-tight md:mx-auto md:text-center md:text-4xl md:leading-14">
 				{t.come_funziona.title}
 			</h2>
 			<div className="mx-auto mt-8 w-full space-y-12 md:mt-16">
@@ -51,7 +51,7 @@ export const ComeFunziona = () => {
 						<div className="flex shrink-0 basis-1/2 justify-center">
 							<Image
 								alt={`img${feature.title}`}
-								className="aspect-[6/4] rounded-xl border border-border/50"
+								className="aspect-6/4 rounded-xl border border-border/50"
 								height={200}
 								src={feature.image}
 								width={400}
diff --git a/apps/infoalloggi/src/components/expand_guida.tsx b/apps/infoalloggi/src/components/expand_guida.tsx
index de5b1f6..43ac395 100644
--- a/apps/infoalloggi/src/components/expand_guida.tsx
+++ b/apps/infoalloggi/src/components/expand_guida.tsx
@@ -18,17 +18,13 @@ export const ComeFunziona = () => {
 			triggerRadius="100px"
 		>
 			<ExpandableScreenTrigger className="w-full">
-				<Button
-					className="w-full text-lg md:text-base lg:text-lg"
-					size="xl"
-					variant="info"
-				>
+				<Button className="w-full text-lg md:text-base lg:text-lg" size="xl">
 					<HelpCircle />
 					<span>{t.come_funziona_guida.title}</span>
 				</Button>
 			</ExpandableScreenTrigger>
 
-			<ExpandableScreenContent className="bg-info text-primary-foreground">
+			<ExpandableScreenContent className="bg-primary text-primary-foreground">
 				<div className="h-full space-y-6 p-6 py-12 sm:space-y-16 sm:px-10">
 					{t.come_funziona_guida.features.map((text, index) => (
 						// biome-ignore lint/suspicious/noArrayIndexKey: <ok>