diff --git a/src/app/shared/components/brand/brand.component.html b/src/app/shared/components/brand/brand.component.html
index 325d09d..c11c9c2 100644
--- a/src/app/shared/components/brand/brand.component.html
+++ b/src/app/shared/components/brand/brand.component.html
@@ -1,12 +1,14 @@
-<main>
-  <div class="container-image">
-    <img src="../../../../assets/images/svg/logo.svg" alt="">
+<div class="brand">
+  <div [ngStyle]="{'margin-bottom':is_in_home === false ? '0px' : '30px'}" class="container-image">
+    <img [ngStyle]="{'width':is_in_home === false ? '40px' : '150px'}" src="../../../../assets/images/svg/logo.svg" alt="">
   </div>
-  <div class="title Ws-18">
+  <div [ngStyle]="{'font-size': is_in_home === false ? '7px' : '18px'}" class="title" >
     <p class="mb-0 text-center">CÁMARA DE COMERCIO</p>
     <p class="mb-0 text-center">PAMPLONA</p>
   </div>
-</main>
+</div>
+  
+
 
 
   

diff --git a/src/app/shared/components/brand/brand.component.html b/src/app/shared/components/brand/brand.component.html
index 325d09d..c11c9c2 100644
--- a/src/app/shared/components/brand/brand.component.html
+++ b/src/app/shared/components/brand/brand.component.html
@@ -1,12 +1,14 @@
-<main>
-  <div class="container-image">
-    <img src="../../../../assets/images/svg/logo.svg" alt="">
+<div class="brand">
+  <div [ngStyle]="{'margin-bottom':is_in_home === false ? '0px' : '30px'}" class="container-image">
+    <img [ngStyle]="{'width':is_in_home === false ? '40px' : '150px'}" src="../../../../assets/images/svg/logo.svg" alt="">
   </div>
-  <div class="title Ws-18">
+  <div [ngStyle]="{'font-size': is_in_home === false ? '7px' : '18px'}" class="title" >
     <p class="mb-0 text-center">CÁMARA DE COMERCIO</p>
     <p class="mb-0 text-center">PAMPLONA</p>
   </div>
-</main>
+</div>
+  
+
 
 
   
diff --git a/src/app/shared/components/brand/brand.component.scss b/src/app/shared/components/brand/brand.component.scss
index e8de728..7010198 100644
--- a/src/app/shared/components/brand/brand.component.scss
+++ b/src/app/shared/components/brand/brand.component.scss
@@ -5,15 +5,12 @@
 .title{
     color: var(--base-color-dark);
     font-style: normal;
+    font-family: var(--font-work-sans);
+    font-weight:500;
 }
 
 .container-image{
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-bottom: 30px;
 }
-
-img {
-    width: 150px;
-}
\ No newline at end of file

diff --git a/src/app/shared/components/brand/brand.component.html b/src/app/shared/components/brand/brand.component.html
index 325d09d..c11c9c2 100644
--- a/src/app/shared/components/brand/brand.component.html
+++ b/src/app/shared/components/brand/brand.component.html
@@ -1,12 +1,14 @@
-<main>
-  <div class="container-image">
-    <img src="../../../../assets/images/svg/logo.svg" alt="">
+<div class="brand">
+  <div [ngStyle]="{'margin-bottom':is_in_home === false ? '0px' : '30px'}" class="container-image">
+    <img [ngStyle]="{'width':is_in_home === false ? '40px' : '150px'}" src="../../../../assets/images/svg/logo.svg" alt="">
   </div>
-  <div class="title Ws-18">
+  <div [ngStyle]="{'font-size': is_in_home === false ? '7px' : '18px'}" class="title" >
     <p class="mb-0 text-center">CÁMARA DE COMERCIO</p>
     <p class="mb-0 text-center">PAMPLONA</p>
   </div>
-</main>
+</div>
+  
+
 
 
   
diff --git a/src/app/shared/components/brand/brand.component.scss b/src/app/shared/components/brand/brand.component.scss
index e8de728..7010198 100644
--- a/src/app/shared/components/brand/brand.component.scss
+++ b/src/app/shared/components/brand/brand.component.scss
@@ -5,15 +5,12 @@
 .title{
     color: var(--base-color-dark);
     font-style: normal;
+    font-family: var(--font-work-sans);
+    font-weight:500;
 }
 
 .container-image{
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-bottom: 30px;
 }
-
-img {
-    width: 150px;
-}
\ No newline at end of file
diff --git a/src/app/shared/components/brand/brand.component.ts b/src/app/shared/components/brand/brand.component.ts
index c99868c..8110487 100644
--- a/src/app/shared/components/brand/brand.component.ts
+++ b/src/app/shared/components/brand/brand.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Input } from '@angular/core';
 
 @Component({
   selector: 'app-brand',
@@ -6,6 +6,7 @@
   styleUrls: ['./brand.component.scss']
 })
 export class BrandComponent implements OnInit {
+  @Input() is_in_home: boolean = true;
 
   constructor() { }
 

diff --git a/src/app/shared/components/brand/brand.component.html b/src/app/shared/components/brand/brand.component.html
index 325d09d..c11c9c2 100644
--- a/src/app/shared/components/brand/brand.component.html
+++ b/src/app/shared/components/brand/brand.component.html
@@ -1,12 +1,14 @@
-<main>
-  <div class="container-image">
-    <img src="../../../../assets/images/svg/logo.svg" alt="">
+<div class="brand">
+  <div [ngStyle]="{'margin-bottom':is_in_home === false ? '0px' : '30px'}" class="container-image">
+    <img [ngStyle]="{'width':is_in_home === false ? '40px' : '150px'}" src="../../../../assets/images/svg/logo.svg" alt="">
   </div>
-  <div class="title Ws-18">
+  <div [ngStyle]="{'font-size': is_in_home === false ? '7px' : '18px'}" class="title" >
     <p class="mb-0 text-center">CÁMARA DE COMERCIO</p>
     <p class="mb-0 text-center">PAMPLONA</p>
   </div>
-</main>
+</div>
+  
+
 
 
   
diff --git a/src/app/shared/components/brand/brand.component.scss b/src/app/shared/components/brand/brand.component.scss
index e8de728..7010198 100644
--- a/src/app/shared/components/brand/brand.component.scss
+++ b/src/app/shared/components/brand/brand.component.scss
@@ -5,15 +5,12 @@
 .title{
     color: var(--base-color-dark);
     font-style: normal;
+    font-family: var(--font-work-sans);
+    font-weight:500;
 }
 
 .container-image{
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-bottom: 30px;
 }
-
-img {
-    width: 150px;
-}
\ No newline at end of file
diff --git a/src/app/shared/components/brand/brand.component.ts b/src/app/shared/components/brand/brand.component.ts
index c99868c..8110487 100644
--- a/src/app/shared/components/brand/brand.component.ts
+++ b/src/app/shared/components/brand/brand.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Input } from '@angular/core';
 
 @Component({
   selector: 'app-brand',
@@ -6,6 +6,7 @@
   styleUrls: ['./brand.component.scss']
 })
 export class BrandComponent implements OnInit {
+  @Input() is_in_home: boolean = true;
 
   constructor() { }
 
diff --git a/src/app/shared/components/footer/footer.component.html b/src/app/shared/components/footer/footer.component.html
index a3acd29..0f806dc 100644
--- a/src/app/shared/components/footer/footer.component.html
+++ b/src/app/shared/components/footer/footer.component.html
@@ -1,25 +1,28 @@
 <div class="footer__background  p-3">
-    <div class="content">
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
-            <p class="text-center Tx-14">Confianza y seguridad</p>
-            <p class="text-center Tx-14">Directrices de contenido</p>
-            <p class="text-center Tx-14">Terminos de servicio</p>
-            <p class="text-center Tx-14">Politicas de privacidad</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
-            <p class="text-center Tx-14">Colecciones</p>
-            <p class="text-center Tx-14">Eventos</p>
-            <p class="text-center Tx-14">Blog de wTteData</p>
-            <p class="text-center Tx-14" >Apoyo</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
-            <p class="text-center Tx-14">Español</p>
-            <p class="text-center Tx-14">País Colombia</p>
-        </section>
+    <div class="d-flex justify-content-center align-items-center ">
+        <div class="content w-75">
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
+                <p class="text-center Tx-14">Confianza y seguridad</p>
+                <p class="text-center Tx-14">Directrices de contenido</p>
+                <p class="text-center Tx-14">Terminos de servicio</p>
+                <p class="text-center Tx-14">Politicas de privacidad</p>
+            </section>
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
+                <p class="text-center Tx-14">Colecciones</p>
+                <p class="text-center Tx-14">Eventos</p>
+                <p class="text-center Tx-14">Blog de wTteData</p>
+                <p class="text-center Tx-14" >Apoyo</p>
+            </section>
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
+                <p class="text-center Tx-14">Español</p>
+                <p class="text-center Tx-14">País Colombia</p>
+            </section>
+        </div>
     </div>
+    
     <section class="image-container">
         <img src="../../../../assets/images/svg/wtredata.svg" alt="" width="79px" height="60px">
     </section>

diff --git a/src/app/shared/components/brand/brand.component.html b/src/app/shared/components/brand/brand.component.html
index 325d09d..c11c9c2 100644
--- a/src/app/shared/components/brand/brand.component.html
+++ b/src/app/shared/components/brand/brand.component.html
@@ -1,12 +1,14 @@
-<main>
-  <div class="container-image">
-    <img src="../../../../assets/images/svg/logo.svg" alt="">
+<div class="brand">
+  <div [ngStyle]="{'margin-bottom':is_in_home === false ? '0px' : '30px'}" class="container-image">
+    <img [ngStyle]="{'width':is_in_home === false ? '40px' : '150px'}" src="../../../../assets/images/svg/logo.svg" alt="">
   </div>
-  <div class="title Ws-18">
+  <div [ngStyle]="{'font-size': is_in_home === false ? '7px' : '18px'}" class="title" >
     <p class="mb-0 text-center">CÁMARA DE COMERCIO</p>
     <p class="mb-0 text-center">PAMPLONA</p>
   </div>
-</main>
+</div>
+  
+
 
 
   
diff --git a/src/app/shared/components/brand/brand.component.scss b/src/app/shared/components/brand/brand.component.scss
index e8de728..7010198 100644
--- a/src/app/shared/components/brand/brand.component.scss
+++ b/src/app/shared/components/brand/brand.component.scss
@@ -5,15 +5,12 @@
 .title{
     color: var(--base-color-dark);
     font-style: normal;
+    font-family: var(--font-work-sans);
+    font-weight:500;
 }
 
 .container-image{
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-bottom: 30px;
 }
-
-img {
-    width: 150px;
-}
\ No newline at end of file
diff --git a/src/app/shared/components/brand/brand.component.ts b/src/app/shared/components/brand/brand.component.ts
index c99868c..8110487 100644
--- a/src/app/shared/components/brand/brand.component.ts
+++ b/src/app/shared/components/brand/brand.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Input } from '@angular/core';
 
 @Component({
   selector: 'app-brand',
@@ -6,6 +6,7 @@
   styleUrls: ['./brand.component.scss']
 })
 export class BrandComponent implements OnInit {
+  @Input() is_in_home: boolean = true;
 
   constructor() { }
 
diff --git a/src/app/shared/components/footer/footer.component.html b/src/app/shared/components/footer/footer.component.html
index a3acd29..0f806dc 100644
--- a/src/app/shared/components/footer/footer.component.html
+++ b/src/app/shared/components/footer/footer.component.html
@@ -1,25 +1,28 @@
 <div class="footer__background  p-3">
-    <div class="content">
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
-            <p class="text-center Tx-14">Confianza y seguridad</p>
-            <p class="text-center Tx-14">Directrices de contenido</p>
-            <p class="text-center Tx-14">Terminos de servicio</p>
-            <p class="text-center Tx-14">Politicas de privacidad</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
-            <p class="text-center Tx-14">Colecciones</p>
-            <p class="text-center Tx-14">Eventos</p>
-            <p class="text-center Tx-14">Blog de wTteData</p>
-            <p class="text-center Tx-14" >Apoyo</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
-            <p class="text-center Tx-14">Español</p>
-            <p class="text-center Tx-14">País Colombia</p>
-        </section>
+    <div class="d-flex justify-content-center align-items-center ">
+        <div class="content w-75">
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
+                <p class="text-center Tx-14">Confianza y seguridad</p>
+                <p class="text-center Tx-14">Directrices de contenido</p>
+                <p class="text-center Tx-14">Terminos de servicio</p>
+                <p class="text-center Tx-14">Politicas de privacidad</p>
+            </section>
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
+                <p class="text-center Tx-14">Colecciones</p>
+                <p class="text-center Tx-14">Eventos</p>
+                <p class="text-center Tx-14">Blog de wTteData</p>
+                <p class="text-center Tx-14" >Apoyo</p>
+            </section>
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
+                <p class="text-center Tx-14">Español</p>
+                <p class="text-center Tx-14">País Colombia</p>
+            </section>
+        </div>
     </div>
+    
     <section class="image-container">
         <img src="../../../../assets/images/svg/wtredata.svg" alt="" width="79px" height="60px">
     </section>
diff --git a/src/app/shared/components/footer/footer.component.scss b/src/app/shared/components/footer/footer.component.scss
index bfae8ab..d41bec2 100644
--- a/src/app/shared/components/footer/footer.component.scss
+++ b/src/app/shared/components/footer/footer.component.scss
@@ -3,12 +3,13 @@
     height: 252px;
     background: var(--base-color-dark);
     color: var(--base-color-white);
-    .content{
-        display: flex;
-        justify-content: space-around;
-        section{
-            width: 16rem;
-        }
+}
+
+.content{
+    display: flex;
+    justify-content: space-around;
+    section{
+        width: 16rem;
     }
 }
 

diff --git a/src/app/shared/components/brand/brand.component.html b/src/app/shared/components/brand/brand.component.html
index 325d09d..c11c9c2 100644
--- a/src/app/shared/components/brand/brand.component.html
+++ b/src/app/shared/components/brand/brand.component.html
@@ -1,12 +1,14 @@
-<main>
-  <div class="container-image">
-    <img src="../../../../assets/images/svg/logo.svg" alt="">
+<div class="brand">
+  <div [ngStyle]="{'margin-bottom':is_in_home === false ? '0px' : '30px'}" class="container-image">
+    <img [ngStyle]="{'width':is_in_home === false ? '40px' : '150px'}" src="../../../../assets/images/svg/logo.svg" alt="">
   </div>
-  <div class="title Ws-18">
+  <div [ngStyle]="{'font-size': is_in_home === false ? '7px' : '18px'}" class="title" >
     <p class="mb-0 text-center">CÁMARA DE COMERCIO</p>
     <p class="mb-0 text-center">PAMPLONA</p>
   </div>
-</main>
+</div>
+  
+
 
 
   
diff --git a/src/app/shared/components/brand/brand.component.scss b/src/app/shared/components/brand/brand.component.scss
index e8de728..7010198 100644
--- a/src/app/shared/components/brand/brand.component.scss
+++ b/src/app/shared/components/brand/brand.component.scss
@@ -5,15 +5,12 @@
 .title{
     color: var(--base-color-dark);
     font-style: normal;
+    font-family: var(--font-work-sans);
+    font-weight:500;
 }
 
 .container-image{
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-bottom: 30px;
 }
-
-img {
-    width: 150px;
-}
\ No newline at end of file
diff --git a/src/app/shared/components/brand/brand.component.ts b/src/app/shared/components/brand/brand.component.ts
index c99868c..8110487 100644
--- a/src/app/shared/components/brand/brand.component.ts
+++ b/src/app/shared/components/brand/brand.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Input } from '@angular/core';
 
 @Component({
   selector: 'app-brand',
@@ -6,6 +6,7 @@
   styleUrls: ['./brand.component.scss']
 })
 export class BrandComponent implements OnInit {
+  @Input() is_in_home: boolean = true;
 
   constructor() { }
 
diff --git a/src/app/shared/components/footer/footer.component.html b/src/app/shared/components/footer/footer.component.html
index a3acd29..0f806dc 100644
--- a/src/app/shared/components/footer/footer.component.html
+++ b/src/app/shared/components/footer/footer.component.html
@@ -1,25 +1,28 @@
 <div class="footer__background  p-3">
-    <div class="content">
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
-            <p class="text-center Tx-14">Confianza y seguridad</p>
-            <p class="text-center Tx-14">Directrices de contenido</p>
-            <p class="text-center Tx-14">Terminos de servicio</p>
-            <p class="text-center Tx-14">Politicas de privacidad</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
-            <p class="text-center Tx-14">Colecciones</p>
-            <p class="text-center Tx-14">Eventos</p>
-            <p class="text-center Tx-14">Blog de wTteData</p>
-            <p class="text-center Tx-14" >Apoyo</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
-            <p class="text-center Tx-14">Español</p>
-            <p class="text-center Tx-14">País Colombia</p>
-        </section>
+    <div class="d-flex justify-content-center align-items-center ">
+        <div class="content w-75">
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
+                <p class="text-center Tx-14">Confianza y seguridad</p>
+                <p class="text-center Tx-14">Directrices de contenido</p>
+                <p class="text-center Tx-14">Terminos de servicio</p>
+                <p class="text-center Tx-14">Politicas de privacidad</p>
+            </section>
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
+                <p class="text-center Tx-14">Colecciones</p>
+                <p class="text-center Tx-14">Eventos</p>
+                <p class="text-center Tx-14">Blog de wTteData</p>
+                <p class="text-center Tx-14" >Apoyo</p>
+            </section>
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
+                <p class="text-center Tx-14">Español</p>
+                <p class="text-center Tx-14">País Colombia</p>
+            </section>
+        </div>
     </div>
+    
     <section class="image-container">
         <img src="../../../../assets/images/svg/wtredata.svg" alt="" width="79px" height="60px">
     </section>
diff --git a/src/app/shared/components/footer/footer.component.scss b/src/app/shared/components/footer/footer.component.scss
index bfae8ab..d41bec2 100644
--- a/src/app/shared/components/footer/footer.component.scss
+++ b/src/app/shared/components/footer/footer.component.scss
@@ -3,12 +3,13 @@
     height: 252px;
     background: var(--base-color-dark);
     color: var(--base-color-white);
-    .content{
-        display: flex;
-        justify-content: space-around;
-        section{
-            width: 16rem;
-        }
+}
+
+.content{
+    display: flex;
+    justify-content: space-around;
+    section{
+        width: 16rem;
     }
 }
 
diff --git a/src/app/shared/components/navbar/navbar.component.html b/src/app/shared/components/navbar/navbar.component.html
index 0ac198c..e9f0b18 100644
--- a/src/app/shared/components/navbar/navbar.component.html
+++ b/src/app/shared/components/navbar/navbar.component.html
@@ -1,7 +1,7 @@
 <div class="navbar__discover d-flex flex-row align-items-center">
   <div>
     <div class="navbar__brand">
-      <app-brand></app-brand>
+      <app-brand [is_in_home]="false"></app-brand>
     </div>
   </div>
 
@@ -20,9 +20,8 @@
     ></app-dropdown-categories>
   </div>
 
-  <div class="navbar__search d-flex">
-    <app-search></app-search>
-  </div>
+  <app-search [is_in_home]=false></app-search>
+
   <button (click)="showFilters()" class="button-only-icon mr-1">
     <fa-icon [icon]="icon_settings"></fa-icon>
   </button>

diff --git a/src/app/shared/components/brand/brand.component.html b/src/app/shared/components/brand/brand.component.html
index 325d09d..c11c9c2 100644
--- a/src/app/shared/components/brand/brand.component.html
+++ b/src/app/shared/components/brand/brand.component.html
@@ -1,12 +1,14 @@
-<main>
-  <div class="container-image">
-    <img src="../../../../assets/images/svg/logo.svg" alt="">
+<div class="brand">
+  <div [ngStyle]="{'margin-bottom':is_in_home === false ? '0px' : '30px'}" class="container-image">
+    <img [ngStyle]="{'width':is_in_home === false ? '40px' : '150px'}" src="../../../../assets/images/svg/logo.svg" alt="">
   </div>
-  <div class="title Ws-18">
+  <div [ngStyle]="{'font-size': is_in_home === false ? '7px' : '18px'}" class="title" >
     <p class="mb-0 text-center">CÁMARA DE COMERCIO</p>
     <p class="mb-0 text-center">PAMPLONA</p>
   </div>
-</main>
+</div>
+  
+
 
 
   
diff --git a/src/app/shared/components/brand/brand.component.scss b/src/app/shared/components/brand/brand.component.scss
index e8de728..7010198 100644
--- a/src/app/shared/components/brand/brand.component.scss
+++ b/src/app/shared/components/brand/brand.component.scss
@@ -5,15 +5,12 @@
 .title{
     color: var(--base-color-dark);
     font-style: normal;
+    font-family: var(--font-work-sans);
+    font-weight:500;
 }
 
 .container-image{
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-bottom: 30px;
 }
-
-img {
-    width: 150px;
-}
\ No newline at end of file
diff --git a/src/app/shared/components/brand/brand.component.ts b/src/app/shared/components/brand/brand.component.ts
index c99868c..8110487 100644
--- a/src/app/shared/components/brand/brand.component.ts
+++ b/src/app/shared/components/brand/brand.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Input } from '@angular/core';
 
 @Component({
   selector: 'app-brand',
@@ -6,6 +6,7 @@
   styleUrls: ['./brand.component.scss']
 })
 export class BrandComponent implements OnInit {
+  @Input() is_in_home: boolean = true;
 
   constructor() { }
 
diff --git a/src/app/shared/components/footer/footer.component.html b/src/app/shared/components/footer/footer.component.html
index a3acd29..0f806dc 100644
--- a/src/app/shared/components/footer/footer.component.html
+++ b/src/app/shared/components/footer/footer.component.html
@@ -1,25 +1,28 @@
 <div class="footer__background  p-3">
-    <div class="content">
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
-            <p class="text-center Tx-14">Confianza y seguridad</p>
-            <p class="text-center Tx-14">Directrices de contenido</p>
-            <p class="text-center Tx-14">Terminos de servicio</p>
-            <p class="text-center Tx-14">Politicas de privacidad</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
-            <p class="text-center Tx-14">Colecciones</p>
-            <p class="text-center Tx-14">Eventos</p>
-            <p class="text-center Tx-14">Blog de wTteData</p>
-            <p class="text-center Tx-14" >Apoyo</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
-            <p class="text-center Tx-14">Español</p>
-            <p class="text-center Tx-14">País Colombia</p>
-        </section>
+    <div class="d-flex justify-content-center align-items-center ">
+        <div class="content w-75">
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
+                <p class="text-center Tx-14">Confianza y seguridad</p>
+                <p class="text-center Tx-14">Directrices de contenido</p>
+                <p class="text-center Tx-14">Terminos de servicio</p>
+                <p class="text-center Tx-14">Politicas de privacidad</p>
+            </section>
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
+                <p class="text-center Tx-14">Colecciones</p>
+                <p class="text-center Tx-14">Eventos</p>
+                <p class="text-center Tx-14">Blog de wTteData</p>
+                <p class="text-center Tx-14" >Apoyo</p>
+            </section>
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
+                <p class="text-center Tx-14">Español</p>
+                <p class="text-center Tx-14">País Colombia</p>
+            </section>
+        </div>
     </div>
+    
     <section class="image-container">
         <img src="../../../../assets/images/svg/wtredata.svg" alt="" width="79px" height="60px">
     </section>
diff --git a/src/app/shared/components/footer/footer.component.scss b/src/app/shared/components/footer/footer.component.scss
index bfae8ab..d41bec2 100644
--- a/src/app/shared/components/footer/footer.component.scss
+++ b/src/app/shared/components/footer/footer.component.scss
@@ -3,12 +3,13 @@
     height: 252px;
     background: var(--base-color-dark);
     color: var(--base-color-white);
-    .content{
-        display: flex;
-        justify-content: space-around;
-        section{
-            width: 16rem;
-        }
+}
+
+.content{
+    display: flex;
+    justify-content: space-around;
+    section{
+        width: 16rem;
     }
 }
 
diff --git a/src/app/shared/components/navbar/navbar.component.html b/src/app/shared/components/navbar/navbar.component.html
index 0ac198c..e9f0b18 100644
--- a/src/app/shared/components/navbar/navbar.component.html
+++ b/src/app/shared/components/navbar/navbar.component.html
@@ -1,7 +1,7 @@
 <div class="navbar__discover d-flex flex-row align-items-center">
   <div>
     <div class="navbar__brand">
-      <app-brand></app-brand>
+      <app-brand [is_in_home]="false"></app-brand>
     </div>
   </div>
 
@@ -20,9 +20,8 @@
     ></app-dropdown-categories>
   </div>
 
-  <div class="navbar__search d-flex">
-    <app-search></app-search>
-  </div>
+  <app-search [is_in_home]=false></app-search>
+
   <button (click)="showFilters()" class="button-only-icon mr-1">
     <fa-icon [icon]="icon_settings"></fa-icon>
   </button>
diff --git a/src/app/shared/components/navbar/navbar.component.scss b/src/app/shared/components/navbar/navbar.component.scss
index f6ea421..8fdcd41 100644
--- a/src/app/shared/components/navbar/navbar.component.scss
+++ b/src/app/shared/components/navbar/navbar.component.scss
@@ -1,7 +1,9 @@
 .navbar__discover {
     background: #ffffff;
+    border-bottom: 4px solid  var(--base-color-primary);
     position: sticky;
     top: 0;
+    height: 4.375rem;
     z-index: 999;
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   p {
@@ -20,7 +22,7 @@
     border-radius: var(--rounded-small);
   }
   .navbar__brand{
-    width: 2rem;
+    width: 7.5rem;
     font-size: .2em;
     margin-left: 1.5rem;
   }

diff --git a/src/app/shared/components/brand/brand.component.html b/src/app/shared/components/brand/brand.component.html
index 325d09d..c11c9c2 100644
--- a/src/app/shared/components/brand/brand.component.html
+++ b/src/app/shared/components/brand/brand.component.html
@@ -1,12 +1,14 @@
-<main>
-  <div class="container-image">
-    <img src="../../../../assets/images/svg/logo.svg" alt="">
+<div class="brand">
+  <div [ngStyle]="{'margin-bottom':is_in_home === false ? '0px' : '30px'}" class="container-image">
+    <img [ngStyle]="{'width':is_in_home === false ? '40px' : '150px'}" src="../../../../assets/images/svg/logo.svg" alt="">
   </div>
-  <div class="title Ws-18">
+  <div [ngStyle]="{'font-size': is_in_home === false ? '7px' : '18px'}" class="title" >
     <p class="mb-0 text-center">CÁMARA DE COMERCIO</p>
     <p class="mb-0 text-center">PAMPLONA</p>
   </div>
-</main>
+</div>
+  
+
 
 
   
diff --git a/src/app/shared/components/brand/brand.component.scss b/src/app/shared/components/brand/brand.component.scss
index e8de728..7010198 100644
--- a/src/app/shared/components/brand/brand.component.scss
+++ b/src/app/shared/components/brand/brand.component.scss
@@ -5,15 +5,12 @@
 .title{
     color: var(--base-color-dark);
     font-style: normal;
+    font-family: var(--font-work-sans);
+    font-weight:500;
 }
 
 .container-image{
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-bottom: 30px;
 }
-
-img {
-    width: 150px;
-}
\ No newline at end of file
diff --git a/src/app/shared/components/brand/brand.component.ts b/src/app/shared/components/brand/brand.component.ts
index c99868c..8110487 100644
--- a/src/app/shared/components/brand/brand.component.ts
+++ b/src/app/shared/components/brand/brand.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Input } from '@angular/core';
 
 @Component({
   selector: 'app-brand',
@@ -6,6 +6,7 @@
   styleUrls: ['./brand.component.scss']
 })
 export class BrandComponent implements OnInit {
+  @Input() is_in_home: boolean = true;
 
   constructor() { }
 
diff --git a/src/app/shared/components/footer/footer.component.html b/src/app/shared/components/footer/footer.component.html
index a3acd29..0f806dc 100644
--- a/src/app/shared/components/footer/footer.component.html
+++ b/src/app/shared/components/footer/footer.component.html
@@ -1,25 +1,28 @@
 <div class="footer__background  p-3">
-    <div class="content">
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
-            <p class="text-center Tx-14">Confianza y seguridad</p>
-            <p class="text-center Tx-14">Directrices de contenido</p>
-            <p class="text-center Tx-14">Terminos de servicio</p>
-            <p class="text-center Tx-14">Politicas de privacidad</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
-            <p class="text-center Tx-14">Colecciones</p>
-            <p class="text-center Tx-14">Eventos</p>
-            <p class="text-center Tx-14">Blog de wTteData</p>
-            <p class="text-center Tx-14" >Apoyo</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
-            <p class="text-center Tx-14">Español</p>
-            <p class="text-center Tx-14">País Colombia</p>
-        </section>
+    <div class="d-flex justify-content-center align-items-center ">
+        <div class="content w-75">
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
+                <p class="text-center Tx-14">Confianza y seguridad</p>
+                <p class="text-center Tx-14">Directrices de contenido</p>
+                <p class="text-center Tx-14">Terminos de servicio</p>
+                <p class="text-center Tx-14">Politicas de privacidad</p>
+            </section>
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
+                <p class="text-center Tx-14">Colecciones</p>
+                <p class="text-center Tx-14">Eventos</p>
+                <p class="text-center Tx-14">Blog de wTteData</p>
+                <p class="text-center Tx-14" >Apoyo</p>
+            </section>
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
+                <p class="text-center Tx-14">Español</p>
+                <p class="text-center Tx-14">País Colombia</p>
+            </section>
+        </div>
     </div>
+    
     <section class="image-container">
         <img src="../../../../assets/images/svg/wtredata.svg" alt="" width="79px" height="60px">
     </section>
diff --git a/src/app/shared/components/footer/footer.component.scss b/src/app/shared/components/footer/footer.component.scss
index bfae8ab..d41bec2 100644
--- a/src/app/shared/components/footer/footer.component.scss
+++ b/src/app/shared/components/footer/footer.component.scss
@@ -3,12 +3,13 @@
     height: 252px;
     background: var(--base-color-dark);
     color: var(--base-color-white);
-    .content{
-        display: flex;
-        justify-content: space-around;
-        section{
-            width: 16rem;
-        }
+}
+
+.content{
+    display: flex;
+    justify-content: space-around;
+    section{
+        width: 16rem;
     }
 }
 
diff --git a/src/app/shared/components/navbar/navbar.component.html b/src/app/shared/components/navbar/navbar.component.html
index 0ac198c..e9f0b18 100644
--- a/src/app/shared/components/navbar/navbar.component.html
+++ b/src/app/shared/components/navbar/navbar.component.html
@@ -1,7 +1,7 @@
 <div class="navbar__discover d-flex flex-row align-items-center">
   <div>
     <div class="navbar__brand">
-      <app-brand></app-brand>
+      <app-brand [is_in_home]="false"></app-brand>
     </div>
   </div>
 
@@ -20,9 +20,8 @@
     ></app-dropdown-categories>
   </div>
 
-  <div class="navbar__search d-flex">
-    <app-search></app-search>
-  </div>
+  <app-search [is_in_home]=false></app-search>
+
   <button (click)="showFilters()" class="button-only-icon mr-1">
     <fa-icon [icon]="icon_settings"></fa-icon>
   </button>
diff --git a/src/app/shared/components/navbar/navbar.component.scss b/src/app/shared/components/navbar/navbar.component.scss
index f6ea421..8fdcd41 100644
--- a/src/app/shared/components/navbar/navbar.component.scss
+++ b/src/app/shared/components/navbar/navbar.component.scss
@@ -1,7 +1,9 @@
 .navbar__discover {
     background: #ffffff;
+    border-bottom: 4px solid  var(--base-color-primary);
     position: sticky;
     top: 0;
+    height: 4.375rem;
     z-index: 999;
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   p {
@@ -20,7 +22,7 @@
     border-radius: var(--rounded-small);
   }
   .navbar__brand{
-    width: 2rem;
+    width: 7.5rem;
     font-size: .2em;
     margin-left: 1.5rem;
   }
diff --git a/src/app/shared/components/search/search.component.html b/src/app/shared/components/search/search.component.html
index 57f36ea..2103c51 100644
--- a/src/app/shared/components/search/search.component.html
+++ b/src/app/shared/components/search/search.component.html
@@ -1,14 +1,26 @@
 <main>
   <div class="main-container">
-      <label for="">
-        <input
-          class=""
-          type="text"
-          placeholder="Buscar: Hoteles, restaurantes, tiendas, etc."
-        />
-        <button>
-          <fa-icon [icon]="icon_search"></fa-icon>
-        </button>
-      </label>
+    <label for="">
+      <input
+        [ngStyle]="{
+          width: is_in_home === false ? '23rem' : '36.875rem',
+          height: is_in_home === false ? '2.5rem' : '3.125rem'
+        }"
+        type="text"
+        placeholder="Buscar: Hoteles, restaurantes, tiendas, etc."
+      />
+      <button
+        [ngStyle]="{
+          width: is_in_home === false ? '3.75rem' : '4.063rem',
+          height: is_in_home === false ? '2.5rem' : '3.125rem',
+          background:
+            is_in_home === false
+              ? 'var(--base-color-secondary)'
+              : 'var(--base-color-primary)'
+        }"
+      >
+        <fa-icon [icon]="icon_search"></fa-icon>
+      </button>
+    </label>
   </div>
 </main>

diff --git a/src/app/shared/components/brand/brand.component.html b/src/app/shared/components/brand/brand.component.html
index 325d09d..c11c9c2 100644
--- a/src/app/shared/components/brand/brand.component.html
+++ b/src/app/shared/components/brand/brand.component.html
@@ -1,12 +1,14 @@
-<main>
-  <div class="container-image">
-    <img src="../../../../assets/images/svg/logo.svg" alt="">
+<div class="brand">
+  <div [ngStyle]="{'margin-bottom':is_in_home === false ? '0px' : '30px'}" class="container-image">
+    <img [ngStyle]="{'width':is_in_home === false ? '40px' : '150px'}" src="../../../../assets/images/svg/logo.svg" alt="">
   </div>
-  <div class="title Ws-18">
+  <div [ngStyle]="{'font-size': is_in_home === false ? '7px' : '18px'}" class="title" >
     <p class="mb-0 text-center">CÁMARA DE COMERCIO</p>
     <p class="mb-0 text-center">PAMPLONA</p>
   </div>
-</main>
+</div>
+  
+
 
 
   
diff --git a/src/app/shared/components/brand/brand.component.scss b/src/app/shared/components/brand/brand.component.scss
index e8de728..7010198 100644
--- a/src/app/shared/components/brand/brand.component.scss
+++ b/src/app/shared/components/brand/brand.component.scss
@@ -5,15 +5,12 @@
 .title{
     color: var(--base-color-dark);
     font-style: normal;
+    font-family: var(--font-work-sans);
+    font-weight:500;
 }
 
 .container-image{
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-bottom: 30px;
 }
-
-img {
-    width: 150px;
-}
\ No newline at end of file
diff --git a/src/app/shared/components/brand/brand.component.ts b/src/app/shared/components/brand/brand.component.ts
index c99868c..8110487 100644
--- a/src/app/shared/components/brand/brand.component.ts
+++ b/src/app/shared/components/brand/brand.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Input } from '@angular/core';
 
 @Component({
   selector: 'app-brand',
@@ -6,6 +6,7 @@
   styleUrls: ['./brand.component.scss']
 })
 export class BrandComponent implements OnInit {
+  @Input() is_in_home: boolean = true;
 
   constructor() { }
 
diff --git a/src/app/shared/components/footer/footer.component.html b/src/app/shared/components/footer/footer.component.html
index a3acd29..0f806dc 100644
--- a/src/app/shared/components/footer/footer.component.html
+++ b/src/app/shared/components/footer/footer.component.html
@@ -1,25 +1,28 @@
 <div class="footer__background  p-3">
-    <div class="content">
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
-            <p class="text-center Tx-14">Confianza y seguridad</p>
-            <p class="text-center Tx-14">Directrices de contenido</p>
-            <p class="text-center Tx-14">Terminos de servicio</p>
-            <p class="text-center Tx-14">Politicas de privacidad</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
-            <p class="text-center Tx-14">Colecciones</p>
-            <p class="text-center Tx-14">Eventos</p>
-            <p class="text-center Tx-14">Blog de wTteData</p>
-            <p class="text-center Tx-14" >Apoyo</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
-            <p class="text-center Tx-14">Español</p>
-            <p class="text-center Tx-14">País Colombia</p>
-        </section>
+    <div class="d-flex justify-content-center align-items-center ">
+        <div class="content w-75">
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
+                <p class="text-center Tx-14">Confianza y seguridad</p>
+                <p class="text-center Tx-14">Directrices de contenido</p>
+                <p class="text-center Tx-14">Terminos de servicio</p>
+                <p class="text-center Tx-14">Politicas de privacidad</p>
+            </section>
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
+                <p class="text-center Tx-14">Colecciones</p>
+                <p class="text-center Tx-14">Eventos</p>
+                <p class="text-center Tx-14">Blog de wTteData</p>
+                <p class="text-center Tx-14" >Apoyo</p>
+            </section>
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
+                <p class="text-center Tx-14">Español</p>
+                <p class="text-center Tx-14">País Colombia</p>
+            </section>
+        </div>
     </div>
+    
     <section class="image-container">
         <img src="../../../../assets/images/svg/wtredata.svg" alt="" width="79px" height="60px">
     </section>
diff --git a/src/app/shared/components/footer/footer.component.scss b/src/app/shared/components/footer/footer.component.scss
index bfae8ab..d41bec2 100644
--- a/src/app/shared/components/footer/footer.component.scss
+++ b/src/app/shared/components/footer/footer.component.scss
@@ -3,12 +3,13 @@
     height: 252px;
     background: var(--base-color-dark);
     color: var(--base-color-white);
-    .content{
-        display: flex;
-        justify-content: space-around;
-        section{
-            width: 16rem;
-        }
+}
+
+.content{
+    display: flex;
+    justify-content: space-around;
+    section{
+        width: 16rem;
     }
 }
 
diff --git a/src/app/shared/components/navbar/navbar.component.html b/src/app/shared/components/navbar/navbar.component.html
index 0ac198c..e9f0b18 100644
--- a/src/app/shared/components/navbar/navbar.component.html
+++ b/src/app/shared/components/navbar/navbar.component.html
@@ -1,7 +1,7 @@
 <div class="navbar__discover d-flex flex-row align-items-center">
   <div>
     <div class="navbar__brand">
-      <app-brand></app-brand>
+      <app-brand [is_in_home]="false"></app-brand>
     </div>
   </div>
 
@@ -20,9 +20,8 @@
     ></app-dropdown-categories>
   </div>
 
-  <div class="navbar__search d-flex">
-    <app-search></app-search>
-  </div>
+  <app-search [is_in_home]=false></app-search>
+
   <button (click)="showFilters()" class="button-only-icon mr-1">
     <fa-icon [icon]="icon_settings"></fa-icon>
   </button>
diff --git a/src/app/shared/components/navbar/navbar.component.scss b/src/app/shared/components/navbar/navbar.component.scss
index f6ea421..8fdcd41 100644
--- a/src/app/shared/components/navbar/navbar.component.scss
+++ b/src/app/shared/components/navbar/navbar.component.scss
@@ -1,7 +1,9 @@
 .navbar__discover {
     background: #ffffff;
+    border-bottom: 4px solid  var(--base-color-primary);
     position: sticky;
     top: 0;
+    height: 4.375rem;
     z-index: 999;
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   p {
@@ -20,7 +22,7 @@
     border-radius: var(--rounded-small);
   }
   .navbar__brand{
-    width: 2rem;
+    width: 7.5rem;
     font-size: .2em;
     margin-left: 1.5rem;
   }
diff --git a/src/app/shared/components/search/search.component.html b/src/app/shared/components/search/search.component.html
index 57f36ea..2103c51 100644
--- a/src/app/shared/components/search/search.component.html
+++ b/src/app/shared/components/search/search.component.html
@@ -1,14 +1,26 @@
 <main>
   <div class="main-container">
-      <label for="">
-        <input
-          class=""
-          type="text"
-          placeholder="Buscar: Hoteles, restaurantes, tiendas, etc."
-        />
-        <button>
-          <fa-icon [icon]="icon_search"></fa-icon>
-        </button>
-      </label>
+    <label for="">
+      <input
+        [ngStyle]="{
+          width: is_in_home === false ? '23rem' : '36.875rem',
+          height: is_in_home === false ? '2.5rem' : '3.125rem'
+        }"
+        type="text"
+        placeholder="Buscar: Hoteles, restaurantes, tiendas, etc."
+      />
+      <button
+        [ngStyle]="{
+          width: is_in_home === false ? '3.75rem' : '4.063rem',
+          height: is_in_home === false ? '2.5rem' : '3.125rem',
+          background:
+            is_in_home === false
+              ? 'var(--base-color-secondary)'
+              : 'var(--base-color-primary)'
+        }"
+      >
+        <fa-icon [icon]="icon_search"></fa-icon>
+      </button>
+    </label>
   </div>
 </main>
diff --git a/src/app/shared/components/search/search.component.scss b/src/app/shared/components/search/search.component.scss
index ff77bee..2c20825 100644
--- a/src/app/shared/components/search/search.component.scss
+++ b/src/app/shared/components/search/search.component.scss
@@ -15,8 +15,8 @@
     align-items: center;
   }
   input {
-    width: 590px;
-    height: 50px;
+    /* width: 36.875rem;
+    height: 3.125rem; */
     border: none;
     background: rgb(226, 226, 226);
     padding: 0.5rem 1rem;
@@ -30,8 +30,8 @@
     outline: none;
   }
   button {
-    height: 50px;
-    width: 65px;
+    /* height: 50px;
+    width: 65px; */
     border: none;
     padding: 0.5rem;
     border-top: 1px solid #000000;
@@ -40,6 +40,6 @@
     /* border: solid 1px rgb(212, 212, 212); */
     /* top-left | top-right | bottom-right | bottom-left */
     border-radius: 0px var(--base-rounded-medium) var(--base-rounded-medium) 0px;
-    background: var(--base-color-primary);
+    
   }
 }

diff --git a/src/app/shared/components/brand/brand.component.html b/src/app/shared/components/brand/brand.component.html
index 325d09d..c11c9c2 100644
--- a/src/app/shared/components/brand/brand.component.html
+++ b/src/app/shared/components/brand/brand.component.html
@@ -1,12 +1,14 @@
-<main>
-  <div class="container-image">
-    <img src="../../../../assets/images/svg/logo.svg" alt="">
+<div class="brand">
+  <div [ngStyle]="{'margin-bottom':is_in_home === false ? '0px' : '30px'}" class="container-image">
+    <img [ngStyle]="{'width':is_in_home === false ? '40px' : '150px'}" src="../../../../assets/images/svg/logo.svg" alt="">
   </div>
-  <div class="title Ws-18">
+  <div [ngStyle]="{'font-size': is_in_home === false ? '7px' : '18px'}" class="title" >
     <p class="mb-0 text-center">CÁMARA DE COMERCIO</p>
     <p class="mb-0 text-center">PAMPLONA</p>
   </div>
-</main>
+</div>
+  
+
 
 
   
diff --git a/src/app/shared/components/brand/brand.component.scss b/src/app/shared/components/brand/brand.component.scss
index e8de728..7010198 100644
--- a/src/app/shared/components/brand/brand.component.scss
+++ b/src/app/shared/components/brand/brand.component.scss
@@ -5,15 +5,12 @@
 .title{
     color: var(--base-color-dark);
     font-style: normal;
+    font-family: var(--font-work-sans);
+    font-weight:500;
 }
 
 .container-image{
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-bottom: 30px;
 }
-
-img {
-    width: 150px;
-}
\ No newline at end of file
diff --git a/src/app/shared/components/brand/brand.component.ts b/src/app/shared/components/brand/brand.component.ts
index c99868c..8110487 100644
--- a/src/app/shared/components/brand/brand.component.ts
+++ b/src/app/shared/components/brand/brand.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Input } from '@angular/core';
 
 @Component({
   selector: 'app-brand',
@@ -6,6 +6,7 @@
   styleUrls: ['./brand.component.scss']
 })
 export class BrandComponent implements OnInit {
+  @Input() is_in_home: boolean = true;
 
   constructor() { }
 
diff --git a/src/app/shared/components/footer/footer.component.html b/src/app/shared/components/footer/footer.component.html
index a3acd29..0f806dc 100644
--- a/src/app/shared/components/footer/footer.component.html
+++ b/src/app/shared/components/footer/footer.component.html
@@ -1,25 +1,28 @@
 <div class="footer__background  p-3">
-    <div class="content">
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
-            <p class="text-center Tx-14">Confianza y seguridad</p>
-            <p class="text-center Tx-14">Directrices de contenido</p>
-            <p class="text-center Tx-14">Terminos de servicio</p>
-            <p class="text-center Tx-14">Politicas de privacidad</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
-            <p class="text-center Tx-14">Colecciones</p>
-            <p class="text-center Tx-14">Eventos</p>
-            <p class="text-center Tx-14">Blog de wTteData</p>
-            <p class="text-center Tx-14" >Apoyo</p>
-        </section>
-        <section class="d-flex flex-column justify-content-start align-items-center">
-            <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
-            <p class="text-center Tx-14">Español</p>
-            <p class="text-center Tx-14">País Colombia</p>
-        </section>
+    <div class="d-flex justify-content-center align-items-center ">
+        <div class="content w-75">
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Acerca de</strong></span>
+                <p class="text-center Tx-14">Confianza y seguridad</p>
+                <p class="text-center Tx-14">Directrices de contenido</p>
+                <p class="text-center Tx-14">Terminos de servicio</p>
+                <p class="text-center Tx-14">Politicas de privacidad</p>
+            </section>
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Descubrir</strong></span>
+                <p class="text-center Tx-14">Colecciones</p>
+                <p class="text-center Tx-14">Eventos</p>
+                <p class="text-center Tx-14">Blog de wTteData</p>
+                <p class="text-center Tx-14" >Apoyo</p>
+            </section>
+            <section class="d-flex flex-column justify-content-start align-items-center">
+                <span class="text-center"><strong class="Ws-20">Idioma</strong></span>
+                <p class="text-center Tx-14">Español</p>
+                <p class="text-center Tx-14">País Colombia</p>
+            </section>
+        </div>
     </div>
+    
     <section class="image-container">
         <img src="../../../../assets/images/svg/wtredata.svg" alt="" width="79px" height="60px">
     </section>
diff --git a/src/app/shared/components/footer/footer.component.scss b/src/app/shared/components/footer/footer.component.scss
index bfae8ab..d41bec2 100644
--- a/src/app/shared/components/footer/footer.component.scss
+++ b/src/app/shared/components/footer/footer.component.scss
@@ -3,12 +3,13 @@
     height: 252px;
     background: var(--base-color-dark);
     color: var(--base-color-white);
-    .content{
-        display: flex;
-        justify-content: space-around;
-        section{
-            width: 16rem;
-        }
+}
+
+.content{
+    display: flex;
+    justify-content: space-around;
+    section{
+        width: 16rem;
     }
 }
 
diff --git a/src/app/shared/components/navbar/navbar.component.html b/src/app/shared/components/navbar/navbar.component.html
index 0ac198c..e9f0b18 100644
--- a/src/app/shared/components/navbar/navbar.component.html
+++ b/src/app/shared/components/navbar/navbar.component.html
@@ -1,7 +1,7 @@
 <div class="navbar__discover d-flex flex-row align-items-center">
   <div>
     <div class="navbar__brand">
-      <app-brand></app-brand>
+      <app-brand [is_in_home]="false"></app-brand>
     </div>
   </div>
 
@@ -20,9 +20,8 @@
     ></app-dropdown-categories>
   </div>
 
-  <div class="navbar__search d-flex">
-    <app-search></app-search>
-  </div>
+  <app-search [is_in_home]=false></app-search>
+
   <button (click)="showFilters()" class="button-only-icon mr-1">
     <fa-icon [icon]="icon_settings"></fa-icon>
   </button>
diff --git a/src/app/shared/components/navbar/navbar.component.scss b/src/app/shared/components/navbar/navbar.component.scss
index f6ea421..8fdcd41 100644
--- a/src/app/shared/components/navbar/navbar.component.scss
+++ b/src/app/shared/components/navbar/navbar.component.scss
@@ -1,7 +1,9 @@
 .navbar__discover {
     background: #ffffff;
+    border-bottom: 4px solid  var(--base-color-primary);
     position: sticky;
     top: 0;
+    height: 4.375rem;
     z-index: 999;
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   p {
@@ -20,7 +22,7 @@
     border-radius: var(--rounded-small);
   }
   .navbar__brand{
-    width: 2rem;
+    width: 7.5rem;
     font-size: .2em;
     margin-left: 1.5rem;
   }
diff --git a/src/app/shared/components/search/search.component.html b/src/app/shared/components/search/search.component.html
index 57f36ea..2103c51 100644
--- a/src/app/shared/components/search/search.component.html
+++ b/src/app/shared/components/search/search.component.html
@@ -1,14 +1,26 @@
 <main>
   <div class="main-container">
-      <label for="">
-        <input
-          class=""
-          type="text"
-          placeholder="Buscar: Hoteles, restaurantes, tiendas, etc."
-        />
-        <button>
-          <fa-icon [icon]="icon_search"></fa-icon>
-        </button>
-      </label>
+    <label for="">
+      <input
+        [ngStyle]="{
+          width: is_in_home === false ? '23rem' : '36.875rem',
+          height: is_in_home === false ? '2.5rem' : '3.125rem'
+        }"
+        type="text"
+        placeholder="Buscar: Hoteles, restaurantes, tiendas, etc."
+      />
+      <button
+        [ngStyle]="{
+          width: is_in_home === false ? '3.75rem' : '4.063rem',
+          height: is_in_home === false ? '2.5rem' : '3.125rem',
+          background:
+            is_in_home === false
+              ? 'var(--base-color-secondary)'
+              : 'var(--base-color-primary)'
+        }"
+      >
+        <fa-icon [icon]="icon_search"></fa-icon>
+      </button>
+    </label>
   </div>
 </main>
diff --git a/src/app/shared/components/search/search.component.scss b/src/app/shared/components/search/search.component.scss
index ff77bee..2c20825 100644
--- a/src/app/shared/components/search/search.component.scss
+++ b/src/app/shared/components/search/search.component.scss
@@ -15,8 +15,8 @@
     align-items: center;
   }
   input {
-    width: 590px;
-    height: 50px;
+    /* width: 36.875rem;
+    height: 3.125rem; */
     border: none;
     background: rgb(226, 226, 226);
     padding: 0.5rem 1rem;
@@ -30,8 +30,8 @@
     outline: none;
   }
   button {
-    height: 50px;
-    width: 65px;
+    /* height: 50px;
+    width: 65px; */
     border: none;
     padding: 0.5rem;
     border-top: 1px solid #000000;
@@ -40,6 +40,6 @@
     /* border: solid 1px rgb(212, 212, 212); */
     /* top-left | top-right | bottom-right | bottom-left */
     border-radius: 0px var(--base-rounded-medium) var(--base-rounded-medium) 0px;
-    background: var(--base-color-primary);
+    
   }
 }
diff --git a/src/app/shared/components/search/search.component.ts b/src/app/shared/components/search/search.component.ts
index 7ff1d85..b16ec82 100644
--- a/src/app/shared/components/search/search.component.ts
+++ b/src/app/shared/components/search/search.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Input } from '@angular/core';
 import { faSearch } from '@fortawesome/free-solid-svg-icons';
 
 @Component({
@@ -7,7 +7,8 @@
   styleUrls: ['./search.component.scss']
 })
 export class SearchComponent implements OnInit {
-
+  
+  @Input() is_in_home: boolean = true;
   icon_search = faSearch;
 
   constructor() { }