style: ajusta estilos en secciones About y Fincas

IgrowkerTraining · Sep 28, 2024 · 19a6eb7 · 19a6eb7 · emacuello · Sep 28, 2024
1 parent fafb1a3
commit 19a6eb7
Show file tree

Hide file tree

Showing 8 changed files with 9 additions and 13 deletions.
diff --git a/src/assets/img1.jpg b/src/assets/img1.jpg
diff --git a/src/assets/img2.jpg b/src/assets/img2.jpg
diff --git a/src/assets/img3.jpg b/src/assets/img3.jpg
diff --git a/src/assets/img4.jpg b/src/assets/img4.jpg
diff --git a/src/index.css b/src/index.css
@@ -16,7 +16,7 @@ a {
 body {
   margin: 0;
   padding: 0;
-  color: #2c3e50;
+  color: #1f2937;
 }
 
 h1 {

diff --git a/src/pages/About/AboutUs.tsx b/src/pages/About/AboutUs.tsx
@@ -35,7 +35,7 @@ const AboutUs: React.FC = () => {
 </div>
 
 
-        <h3 className="text-[30px] font-[800] text-center mb-4">Nos aseguramos de que tu idea y creación se entreguen correctamente</h3>
+        <h3 className="text-[30px] font-[700] text-center mb-4">Nos aseguramos de que tu idea y creación se entreguen correctamente</h3>
 
         <div className="about-paragraphs-container grid grid-cols-1 md:grid-cols-2 gap-8 mx-auto px-4 max-w-screen-lg">
   <div className="about-paragraph bg-white border border-gray-200 p-6 rounded-lg shadow-sm hover:shadow-md transition-shadow">
@@ -55,7 +55,7 @@ const AboutUs: React.FC = () => {
 
       <div className="bg-[#F7FAFC] flex flex-col items-center pt-[4rem] pb-12 px-6 gap-[4rem]">
         <div className="w-full max-w-4xl">
-          <h3 className="text-[30px] font-[800] text-center">Nuestro compromiso con la sostenibilidad</h3>
+          <h3 className="text-[30px] font-[700] text-center">Nuestro compromiso con la sostenibilidad</h3>
           <div className="commitment-section">
             <div className="commitment-image">
               <img
@@ -79,7 +79,7 @@ const AboutUs: React.FC = () => {
 
         {/* Sección de valores */}
         <div className="w-full max-w-4xl mb-12">
-          <h3 className="text-[30px] font-[800] text-center mb-4">Nuestros valores</h3>
+          <h3 className="text-[30px] font-[700] text-center mb-4">Nuestros valores</h3>
           <div className="about-values">
             <div className="value-card flex flex-col justify-center items-center">
               <img src={sostenibilidadIcon} alt="Sostenibilidad" className="value-icon" />

diff --git a/src/pages/About/AboutUsSection.css b/src/pages/About/AboutUsSection.css
@@ -10,8 +10,8 @@
 .about-header {
   font-size: 3rem;
   text-align: center;
-  font-weight: 900;
-  margin-bottom: 2.5rem;
+  font-weight: 700;
+  margin-bottom: 1.3rem;
   color: #1f2937;
 }
 
@@ -30,7 +30,7 @@
   color: #4b5563;
   max-width: 45rem;
   margin: 0 auto;
-  margin-bottom: 3rem;
+  margin-bottom: 1.5rem;
 }
 
 .about-paragraphs-container {
@@ -59,10 +59,6 @@
   object-fit: cover;
 }
 
-.about-image img:hover {
-  transform: scale(1.05);
-}
-
 .about-values {
   margin-top: 3rem;
   display: flex;

diff --git a/src/pages/FincaInfo/FincaInfo.css b/src/pages/FincaInfo/FincaInfo.css
@@ -16,7 +16,7 @@
   position: relative;
   width: 100%;
   max-width: 400px;
-  height: 300px;
+  height: 316px;
   margin-bottom: 2rem;
   overflow: hidden;
   border-radius: 8px;
@@ -60,7 +60,7 @@
 }
 
 .finca-info-details h2 {
-  font-size: 1.8rem;
+  font-size: 2.25rem;
   font-weight: 700;
   margin-bottom: 1rem;
 }