Tweak css

Author: Maypher

frontend/admin/src/routes/proyectos/paginaPrincipal/escritorio/+page.svelte

@@ -550,21 +550,17 @@
 			<figcaption class="max-w-1/2">
 				<p class="font-Nexa text-vector-cream whitespace-pre-line text-sm">
 					<span class="text-4xl brightness-100 [&_br]:hidden [&_em]:not-italic">
-						{@html mdToHTML(`Como diseñador 
-                de *interiores*,`)}
+						Como diseñador,
 					</span>
 					<span class="mt-5 block brightness-50">
-						{`mi enfoque es profundamente personal. No sigo un solo estilo, sino que fusiono influencias de distintas partes del mundo con las últimas tendencias para crear espacios únicos.
-
-                    Mi trabajo se basa en tres pilares fundamentales: confort, funcionalidad y distinción.
-
-                    Cada proyecto es una oportunidad para transformar ideas en ambientes que combinan estética y propósito, siempre con una atención minuciosa a los detalles. 
-                    
-                    Me involucro en cada etapa del proceso, porque el diseño es mi pasión y creo que la excelencia está en los detalles bien ejecutados.
-
-                    Más que imponer un estilo, interpreto y traduzco las necesidades y aspiraciones de mis clientes en espacios que cuentan su historia. Mi trayectoria y mis proyectos hablan por si solos, respaldados por un compromiso absoluto de calidad con creatividad.`}
+						{`especializado en Imagen Corporativa e Interiorismo, con más de 25 años de experiencia siempre estoy en la búsqueda de nuevas tendencias, sin apegarme o imponer un estilo. 
+						
+Definiendo la personalidad de mis clientes interpreto sus necesidades y aspiraciones para crear espacios que cuenten su historia, logrando un impacto visual certero e inimaginable.
+ 
+Cada proyecto es una oportunidad para crear ambientes con identidad y armonía enfocados en proporcionar confort, funcionalidad y distinción. Me involucro en cada una de sus etapas, prestando atención minuciosa a los detalles porque son ellos los que marcan la diferencia.`}
 					</span>
 				</p>
+				<p class="font-Nexa mr-5 mt-5 text-right text-sm text-vector-cream">Tony Quintero Gerik</p>
 			</figcaption>
 		</figure>
 		<button

frontend/admin/src/routes/proyectos/paginaPrincipal/movil/+page.svelte

@@ -344,21 +344,20 @@
 					<figcaption>
 						<p class="font-Nexa text-vector-cream whitespace-pre-line text-sm">
 							<span class="text-4xl brightness-100 [&_br]:hidden [&_em]:not-italic">
-								{@html mdToHTML(`Como diseñador
-								de *interiores*`)}
+								Como diseñador,
 							</span>
 							<span class="mt-5 block brightness-50">
-								{`mi enfoque es profundamente personal. No sigo un solo estilo, sino que fusiono influencias de distintas partes del mundo con las últimas tendencias para crear espacios únicos.
-
-                    Mi trabajo se basa en tres pilares fundamentales: confort, funcionalidad y distinción.
-
-                    Cada proyecto es una oportunidad para transformar ideas en ambientes que combinan estética y propósito, siempre con una atención minuciosa a los detalles. 
-                    
-                    Me involucro en cada etapa del proceso, porque el diseño es mi pasión y creo que la excelencia está en los detalles bien ejecutados.
-
-                    Más que imponer un estilo, interpreto y traduzco las necesidades y aspiraciones de mis clientes en espacios que cuentan su historia. Mi trayectoria y mis proyectos hablan por si solos, respaldados por un compromiso absoluto de calidad con creatividad.`}
+								{`especializado en Imagen Corporativa e Interiorismo, con más de 25 años de experiencia siempre estoy en la búsqueda de nuevas tendencias, sin apegarme o imponer un estilo. 
+						
+Definiendo la personalidad de mis clientes interpreto sus necesidades y aspiraciones para crear espacios que cuenten su historia, logrando un impacto visual certero e inimaginable.
+ 
+Cada proyecto es una oportunidad para crear ambientes con identidad y armonía enfocados en proporcionar confort, funcionalidad y distinción. Me involucro en cada una de sus etapas, prestando atención minuciosa a los detalles porque son ellos los que marcan la diferencia.`}
 							</span>
 						</p>
+
+						<p class="font-Nexa mr-5 mt-5 text-right text-sm text-vector-cream">
+							Tony Quintero Gerik
+						</p>
 					</figcaption>
 				</figure>
 				<button

frontend/user/src/lib/components/MainPageSkeleton.svelte

@@ -74,7 +74,7 @@
 				src={imageData.imageUrl}
 				alt={imageData.altText}
 				class:hidden={!imgLoadedMobile}
-				class="min-h-120 mx-auto max-h-[80svh] object-contain"
+				class="mx-auto max-h-[80svh]"
 				onload={() => (imgLoadedMobile = true)}
 			/>
 			<div class="skeleton aspect-square max-h-[50svh] w-full" class:hidden={imgLoadedMobile}></div>

frontend/user/src/lib/components/ProjectSectionSkeleton.svelte

@@ -38,7 +38,7 @@
 
 <!--Mobile view-->
 <figure
-	class={`border-vector-orange px-8! py-25 gap-12 lg:hidden ${
+	class={`border-vector-orange py-25 gap-12 lg:hidden ${
 		image.phoneConfig?.borders?.n && 'pt-30 border-t-2'
 	} ${image.phoneConfig?.borders?.s && 'pb-30 border-b-2'} ${
 		image.phoneConfig?.borders?.e && 'pr-30 border-r'

frontend/user/src/routes/[lang]/proyectos/[ProyectoID]/+page.svelte

@@ -209,8 +209,7 @@
 						<p
 							class="font-Nexa after:bg-vector-orange w-full text-right text-sm after:ml-2 after:inline-block after:h-2 after:w-8 max-md:mb-10 md:after:mr-20"
 						>
-							{$i18n.t('area')}: {projectData.area}
-							{$i18n.t('areaUnits')}
+							{$i18n.t('area')}: {projectData.area} m²
 						</p>
 						<h1 class="font-Nexa mb-6 text-3xl">
 							{projectData.name}
@@ -285,8 +284,7 @@
 							<p
 								class="after:bg-vector-orange w-full text-right text-sm after:ml-2 after:mr-20 after:inline-block after:h-2 after:w-8"
 							>
-								{$i18n.t('area')}: {projectData.area}
-								{$i18n.t('areaUnits')}
+								{$i18n.t('area')}: {projectData.area} m²
 							</p>
 							<h1 class="block text-4xl">
 								{projectData.name}

frontend/user/src/routes/[lang]/proyectos/conclusion/+page.svelte

@@ -44,9 +44,9 @@
 	>
 		{@html mdToHtml($i18n.t('conclusionBody'))}
 	</div>
-	<a href={`/${$i18n.language}/`} aria-label="home">
-		<img src={whiteLogo} alt="Vector: Interior Design" class="hidden h-10 lg:block" /></a
-	>
+	<a href={`/${$i18n.language}/`} aria-label="home" class="transition-transform hover:scale-125">
+		<img src={whiteLogo} alt="Vector: Interior Design" class="hidden h-10 lg:block" />
+	</a>
 	<div class="top-1/9 relative flex basis-1/2 flex-col items-center gap-y-10 md:top-auto lg:hidden">
 		<div class="bg-vector-grey">
 			<div