diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.html b/src/app/pages/gabinete-digital/gabinete-digital.page.html
index e44e8b198..14273edd9 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.html
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.html
@@ -14,7 +14,7 @@
       <div class="aside-wrapper d-flex flex-column justify-center width-md-40 ">
         <div class="title-container">
           <ion-label class="title">Gabinete Digital</ion-label>
-          <button class="btn-no-color" (click)="doRefresh($event)">
+          <button class="btn-no-color btn-refresh" (click)="doRefresh($event)">
             <ion-icon class="title-icon" name="reload-circle"></ion-icon>
           </button>
         </div>
@@ -66,6 +66,22 @@
             <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
           </div>
 
+
+          <div class="exp-card d-flex d-none flex-column justify-center" (click)="notImplemented()">
+            <div class="d-flex justify-center">
+              <ion-icon  src="assets/images/icons-expediente-presidente.svg"></ion-icon>
+            </div>
+            <p class="text-center exp-card-title ">Expediente Presidente</p>
+            <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span></p>
+          </div>
+          <div class="exp-card d-flex d-none flex-column justify-center" (click)="notImplemented()">
+            <div class="d-flex justify-center">
+              <ion-icon  src="assets/images/icons-despachos-presidente.svg"></ion-icon>
+            </div>
+            <p class="text-center exp-card-title ">Despacho do Presidente da República</p>
+            <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
+          </div>
+
           
 
           <div class="exp-card-long justify-center width-100" (click)="notImplemented()">
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.scss b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
index 2445e16f0..4cc4ee436 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.scss
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
@@ -215,6 +215,10 @@ ion-content{
 
       .aside{
         background:transparent;
+
+        .d-none{
+          display: block;
+        }
       }
       .aside-title{
         font-family: Roboto;
@@ -232,6 +236,7 @@ ion-content{
       
       }
       .exp-card-long{
+        display: none !important;
         width: 100% !important;
 
         .center-div{
@@ -299,7 +304,16 @@ ion-content{
       //display: none;
       margin-top: 0px !important;
     }
-  } 
+  }
+  .exp-card:visited{
+    background: blue;
+  }
+  .exp-card:hover{
+    background: blue;
+  }
+}
+.btn-refresh:visited{
+  background: blue !important;
 }
 @media only screen and (min-width: 1024px){
   .content{