Cambios página contacto, fondos "donde estamos" y ratio imagen proyecto

src/contacto.html

@@ -19,7 +19,7 @@ <h1>Contacto</h1>
           />
           <span>Teléfono</span>
           <div class="dots"></div>
-          <span>+34&nbsp;693&nbsp;55&nbsp;45&nbsp;18</span>
+          <a href="tel:+34693554518">+34&nbsp;693&nbsp;55&nbsp;45&nbsp;18</a>
         </li>
         <li>
           <img
@@ -31,7 +31,7 @@ <h1>Contacto</h1>
           />
           <span>Email</span>
           <div class="dots"></div>
-          <span>[email protected]</span>
+          <a href="mailto:[email protected]">[email protected]</a>
         </li>
       </ul>
       <div class="social">
@@ -42,7 +42,7 @@ <h1>Contacto</h1>
           <img src="/assets/img/facebook.svg" alt="" width="80" height="80" />
         </a>
         <a href="https://www.linkedin.com/company/enreda" target="_blank">
-          <img src="/assets/img/linkedin.svg" alt="" width="80" height="80" />
+          <img src="/assets/img/Linkedin.svg" alt="" width="80" height="80" />
         </a>
       </div>
     </div>

src/css/base.css

@@ -14,6 +14,12 @@ a {
   -ms-user-select: none;
   user-select: none;
 }
+p a{
+  color: #db5125;
+  text-decoration: none;
+  font-weight: 700;
+
+}
 a:focus {
   outline: none !important;
 }

src/css/contacto.css

@@ -101,8 +101,13 @@
   margin-right: 1rem;
   margin-left: 1rem;
 }
+
+.contacto section.head .info .list a {
+  text-decoration: none;
+  color: var(--black);
+}
 .contacto section.head .contacto-img {
-  width: 38.25rem;
+  width: 34.5rem;
   height: auto;
 }
 @media screen and (max-width: 640px) {
@@ -112,19 +117,24 @@
   }
 }
 .contacto section.head .info .social {
-  margin-top: 1.5rem;
+  margin-top: 2.8rem;
   display: flex;
   flex-direction: row;
   align-items: start;
-  gap: 1rem;
+  gap: 1.5rem;
 }
 .contacto section.head .info .social img {
-  width: 4.8rem;
+  width: 2.9rem;
   height: auto;
+  transition: 0.3s;
+}
+.contacto section.head .info .social img:hover{
+  filter: drop-shadow(4px 8px #e48f75);
 }
 
 .contacto section.locations {
   text-align: center;
+  background-color: white;
 }
 .contacto section.locations h2 {
   border-bottom: 1px solid var(--primary);

src/css/cooperativa.css

@@ -395,6 +395,8 @@
 }
 .cooperativa section.contacto {
   text-align: center;
+  background-color: white;
+
 }
 .cooperativa section.contacto h2 {
   border-bottom: 1px solid var(--primary);

src/css/project-card.css

@@ -168,6 +168,9 @@
   text-transform: uppercase;
   margin-right: 0.91rem;
 }
+.project-card .content .action span:hover{
+  color: #DB5125;
+}
 .project-card .content .action img {
   width: 3.87rem;
 }

src/css/proyecto.css

@@ -1,6 +1,6 @@
 :root {
-  --proyecto-layout-padding: 3.75rem 6rem;
-  --proyecto-head-img-ratio: 21/9;
+  --proyecto-layout-padding: 3.5rem 6rem;
+  --proyecto-head-img-ratio: 25/9;
   --proyecto-head-gap: 2rem;
   --proyecto-section-margin-y: 3.75rem;
   --proyecto-client-margin-t: 1.5rem;