feat:

src/app/pages/about/about.component.css

@@ -189,6 +189,8 @@
     flex-direction: column;
     align-items: center;
     gap: 20px;
+    margin-top: 100px;
+    margin-bottom: 100px;
 }
 
 .tarjeta {
@@ -232,13 +234,13 @@
 
 .ver-mas {
     font-size: 3.5vw;
-    color: #007bff;
+    color: #d9a571;
     cursor: pointer;
     transition: color 0.3s ease;
 }
 
 .ver-mas:hover {
-    color: #0056b3;
+    color: #ac8054;
 }
 
 @media (min-width: 768px) {

src/app/pages/about/about.component.html

@@ -52,15 +52,28 @@ <h3>Vision</h3>
     <!-- Tarjeta 1 -->
     <div class="tarjeta" #tarjeta1 (click)="toggleInfo(tarjeta1)">
         <div class="contenedor-imagen">
-            <img src="tu_foto_1.jpg" alt="Nombre Persona" class="foto">
+            <img src="../../../assets/R - Editado.png" alt="Nombre Persona" class="foto">
         </div>
         <div class="contenido-texto">
-            <h2>Nombre Persona 1</h2>
-            <p class="descripcion-breve">Breve descripción aquí...</p>
+            <h2>Jhoana Sonzogni</h2>
+            <p class="descripcion-breve">Arquitecta recibida de la
+                Universidad de Flores (Sede
+                Comahue) en Cipolletti, Río
+                Negro (2017)</p>
             <div class="informacion-adicional">
-                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A suscipit beatae nesciunt? Eos id
-                    corrupti expedita impedit cupiditate, voluptates cum perspiciatis pariatur facere aliquid
-                    voluptate recusandae, possimus aliquam nobis ipsam.</p>
+                <p>Desde el 2015 desempeña su
+                    actividad profesional como
+                    colobaradora y asociada de
+                    proyectos para estudios de
+                    arquitectura y empresas
+                    constructoras de la región.
+                    En el año 2018 conforma el
+                    estudio de Arquitectura DSP
+                    Arquitectos donde cumple su
+                    principal funcion como
+                    Proyectista, Ejecución de
+                    documentación técnica y
+                    Directora de obras.</p>
                 <!-- Agrega más contenido aquí según sea necesario -->
             </div>
             <a href="javascript:void(0);" class="ver-mas">Ver más</a>
@@ -70,13 +83,38 @@ <h2>Nombre Persona 1</h2>
     <!-- Tarjeta 2 -->
     <div class="tarjeta" #tarjeta2 (click)="toggleInfo(tarjeta2)">
         <div class="contenedor-imagen">
-            <img src="tu_foto_2.jpg" alt="Nombre Persona" class="foto">
+            <img src="../../../assets/R - Editado.png" alt="Nombre Persona" class="foto">
         </div>
         <div class="contenido-texto">
-            <h2>Nombre Persona 2</h2>
-            <p class="descripcion-breve">Breve descripción aquí...</p>
+            <h2>Sebastían Dromaz</h2>
+            <p class="descripcion-breve">Arquitecto recibido de la
+                Universidad de Flores (Sede
+                Comahue) en Cipolletti, Río
+                Negro (2010)</p>
             <div class="informacion-adicional">
-                <p>Información adicional aquí...</p>
+                <p>Formó parte de equipos de
+                    proyecto desde el 2005 al
+                    2012 produciendo
+                    documentación ténica,
+                    proyectista y posteriormente
+                    gestionando obras para
+                    estudios de arquitectura del
+                    alto valle rionegrino.
+                    Entre el 2012 y el 2018
+                    desempeña su profesión de
+                    manera independiente
+                    comprendiendo obras de
+                    pequeña y mediana escala
+                    en el ámbito público y
+                    privado.
+                    En el año 2018 conforma el
+                    estudio de Arquitectura DSP
+                    Arquitectos donde cumple
+                    su principal Rol como
+                    Proyectista, Ejecución de
+                    documentación técnica y
+                    Director Administrador de
+                    Obras.</p>
                 <!-- Agrega más contenido aquí según sea necesario -->
             </div>
             <a href="javascript:void(0);" class="ver-mas">Ver más</a>
@@ -86,13 +124,30 @@ <h2>Nombre Persona 2</h2>
     <!-- Tarjeta 3 -->
     <div class="tarjeta" #tarjeta3 (click)="toggleInfo(tarjeta3)">
         <div class="contenedor-imagen">
-            <img src="tu_foto_3.jpg" alt="Nombre Persona" class="foto">
+            <img src="../../../assets/R - Editado.png" alt="Nombre Persona" class="foto">
         </div>
         <div class="contenido-texto">
-            <h2>Nombre Persona 3</h2>
-            <p class="descripcion-breve">Breve descripción aquí...</p>
+            <h2>Nicolas Pojmaevich</h2>
+            <p class="descripcion-breve">Arquitecto recibido de la
+                Universidad de Flores (Sede
+                Comahue) en Cipolletti, Río
+                Negro (2010)</p>
             <div class="informacion-adicional">
-                <p>Información adicional aquí...</p>
+                <p>Trabajó como colaborador de
+                    documentaciones ejecutivas y
+                    director de obra para diversos
+                    profesionales de la zona.
+                    Especialización en visualización
+                    arquitectónica, desarrollando
+                    imágenes realisticas para el
+                    interior y exterior del país.
+                    En el año 2018 conforma el
+                    estudio de Arquitectura DSP
+                    Arquitectos donde cumple su
+                    principal funcion como
+                    Proyectista, Ejecución de
+                    documentación técnica y
+                    Directora de obras.</p>
                 <!-- Agrega más contenido aquí según sea necesario -->
             </div>
             <a href="javascript:void(0);" class="ver-mas">Ver más</a>

src/app/pages/about/about.component.ts

@@ -17,16 +17,21 @@ export class AboutComponent implements OnInit, AfterViewInit {
       '.informacion-adicional'
     ) as HTMLElement;
     const verMas = tarjeta.querySelector('.ver-mas') as HTMLElement;
+    const imagen = tarjeta.querySelector(
+      '.contenedor-imagen img'
+    ) as HTMLImageElement;
 
     if (
       infoAdicional.style.maxHeight &&
       infoAdicional.style.maxHeight !== '0px'
     ) {
-      infoAdicional.style.maxHeight = '0px'; // Asigna "0px" en lugar de null
+      infoAdicional.style.maxHeight = '0px'; // Oculta la información adicional
       verMas.textContent = 'Ver más';
+      imagen.style.transform = 'scale(1)'; // Tamaño original de la imagen
     } else {
-      infoAdicional.style.maxHeight = `${infoAdicional.scrollHeight}px`;
+      infoAdicional.style.maxHeight = `${infoAdicional.scrollHeight}px`; // Muestra la información adicional
       verMas.textContent = 'Ver menos';
+      imagen.style.transform = 'scale(1.1)'; // Aumenta el tamaño de la imagen
     }
   }
 }

src/app/pages/proyectos/proyectos.component.css

@@ -17,7 +17,6 @@
 /* TARJETAS */
 
 
-
 /* Estilos base para las tarjetas */
 .card-body {
     position: relative;

src/app/pages/proyectos/proyectos.component.html

@@ -1,7 +1,7 @@
 <div class="banner">
     <h1>Proyectos</h1>
 </div>
-<div id="carouselExample" class="carousel slide" data-bs-ride="carousel">
+<div id="carouselExample" class="carousel slide" data-bs-ride="carousel" style="margin-bottom: 100px;">
     <div class="carousel-inner">
         <div class="carousel-item" *ngFor="let proyecto of proyectos; let i = index" [class.active]="i === 0">
             <div class="container">

src/index.html

@@ -6,7 +6,7 @@
   <title>DSPBIM</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link