diff --git a/src/main/webapp/app/entities/parametro-aplicacion/detail/parametro-aplicacion-detail.component.html b/src/main/webapp/app/entities/parametro-aplicacion/detail/parametro-aplicacion-detail.component.html
index 533ba61..37a3e6c 100644
--- a/src/main/webapp/app/entities/parametro-aplicacion/detail/parametro-aplicacion-detail.component.html
+++ b/src/main/webapp/app/entities/parametro-aplicacion/detail/parametro-aplicacion-detail.component.html
@@ -1,4 +1,4 @@
-<div class="row justify-content-center">
+<!--<div class="row justify-content-center">
   <div class="col-8">
     <div *ngIf="parametroAplicacion">
       <h2 data-cy="parametroAplicacionDetailsHeading">
@@ -43,4 +43,80 @@
       </button>
     </div>
   </div>
+</div>-->
+<div class="row justify-content-center ds-form">
+  <div class="w-75 pb-lg-5 pr-lg-5 mb-5" style="border-bottom: 1px solid #e7ebf3">
+    <div class="col-lg-8 mr-lg-5">
+      <div class="row">
+        <div class="w-100">
+          <p class="ds-title">Parámetros de la aplicación</p>
+        </div>
+        <div>
+          <p class="ds-subtitle">
+            Parámetros necesarios para los datos mínimos y máximos que permitirá para las diferentes encuestas dentro de DataSurvey.
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<jhi-alert-error></jhi-alert-error>
+
+<jhi-alert></jhi-alert>
+<div *ngIf="parametroAplicacion" class="ds-form">
+  <div class="row justify-content-center info-parametros">
+    <div class="w-100">
+      <h4 class="text-dark text-center fw-bold">Dias para encuestas</h4>
+    </div>
+    <div class="row w-100 pb-lg-2 mb-5 justify-content-center">
+      <div class="col-lg-4 mr-lg-5">
+        <div class="row">
+          <div class="form-group w-100">
+            <p class="form-control-label">Cantidad mínima</p>
+            <p class="form-control text-center" style="border-bottom: 1px solid #e7ebf3">{{ parametroAplicacion.minDiasEncuesta }}</p>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 mr-lg-5">
+        <div class="row">
+          <div class="form-group w-100">
+            <p class="form-control-label">Cantidad máxima</p>
+            <p class="form-control text-center" style="border-bottom: 1px solid #e7ebf3">{{ parametroAplicacion.maxDiasEncuesta }}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="row justify-content-center info-parametros">
+    <div class="w-100">
+      <h4 class="text-dark text-center fw-bold">Preguntas para encuestas</h4>
+    </div>
+    <div class="row w-100 pb-lg-2 mb-5 justify-content-center">
+      <div class="col-lg-4 mr-lg-5">
+        <div class="row">
+          <div class="form-group w-100">
+            <p class="form-control-label">Cantidad mínima</p>
+            <p class="form-control text-center" style="border-bottom: 1px solid #e7ebf3">{{ parametroAplicacion.minCantidadPreguntas }}</p>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 mr-lg-5">
+        <div class="row">
+          <div class="form-group w-100">
+            <p class="form-control-label">Cantidad máxima</p>
+            <p class="form-control text-center">{{ parametroAplicacion.maxCantidadPreguntas }}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <button class="ds-btn ds-btn--secondary" type="submit" (click)="previousState()" data-cy="entityDetailsBackButton">
+        <fa-icon icon="arrow-left"></fa-icon>&nbsp;<span jhiTranslate="entity.action.back">Back</span>
+      </button>
+
+      <button class="ds-btn ds-btn--primary" type="button" [routerLink]="['/parametro-aplicacion', parametroAplicacion.id, 'edit']">
+        <fa-icon icon="pencil-alt"></fa-icon>&nbsp;<span jhiTranslate="entity.action.edit">Edit</span>
+      </button>
+    </div>
+  </div>
 </div>
diff --git a/src/main/webapp/app/entities/parametro-aplicacion/detail/parametro-aplicacion-detail.component.scss b/src/main/webapp/app/entities/parametro-aplicacion/detail/parametro-aplicacion-detail.component.scss
index e69de29..2818321 100644
--- a/src/main/webapp/app/entities/parametro-aplicacion/detail/parametro-aplicacion-detail.component.scss
+++ b/src/main/webapp/app/entities/parametro-aplicacion/detail/parametro-aplicacion-detail.component.scss
@@ -0,0 +1,18 @@
+.info-parametros {
+  text-align: center;
+}
+
+.text-dark {
+  color: #727070;
+  font-weight: 700;
+  font-size: 1.3rem;
+}
+
+.ds-form .form-control {
+  background-color: #f1f5f9;
+  border-radius: 15px;
+  border: 1.75px solid transparent;
+  outline: 0;
+  padding: 1rem !important;
+  color: #757d94;
+}
diff --git a/src/main/webapp/app/entities/parametro-aplicacion/detail/parametro-aplicacion-detail.component.ts b/src/main/webapp/app/entities/parametro-aplicacion/detail/parametro-aplicacion-detail.component.ts
index 6960070..62ca844 100644
--- a/src/main/webapp/app/entities/parametro-aplicacion/detail/parametro-aplicacion-detail.component.ts
+++ b/src/main/webapp/app/entities/parametro-aplicacion/detail/parametro-aplicacion-detail.component.ts
@@ -6,6 +6,7 @@ import { IParametroAplicacion } from '../parametro-aplicacion.model';
 @Component({
   selector: 'jhi-parametro-aplicacion-detail',
   templateUrl: './parametro-aplicacion-detail.component.html',
+  styleUrls: ['./parametro-aplicacion-detail.component.scss'],
 })
 export class ParametroAplicacionDetailComponent implements OnInit {
   parametroAplicacion: IParametroAplicacion | null = null;
diff --git a/src/main/webapp/app/entities/parametro-aplicacion/list/parametro-aplicacion.component.html b/src/main/webapp/app/entities/parametro-aplicacion/list/parametro-aplicacion.component.html
index 00d834a..c366bf6 100644
--- a/src/main/webapp/app/entities/parametro-aplicacion/list/parametro-aplicacion.component.html
+++ b/src/main/webapp/app/entities/parametro-aplicacion/list/parametro-aplicacion.component.html
@@ -7,16 +7,6 @@
         <fa-icon icon="sync" [spin]="isLoading"></fa-icon>
         <span jhiTranslate="dataSurveyApp.parametroAplicacion.home.refreshListLabel">Refresh List</span>
       </button>
-
-      <button
-        id="jh-create-entity"
-        data-cy="entityCreateButton"
-        class="btn btn-primary jh-create-entity create-parametro-aplicacion"
-        [routerLink]="['/parametro-aplicacion/new']"
-      >
-        <fa-icon icon="plus"></fa-icon>
-        <span jhiTranslate="dataSurveyApp.parametroAplicacion.home.createLabel"> Create a new Parametro Aplicacion </span>
-      </button>
     </div>
   </h2>
 
@@ -33,10 +23,10 @@
       <thead>
         <tr>
           <th scope="col"><span jhiTranslate="global.field.id">ID</span></th>
-          <th scope="col"><span jhiTranslate="dataSurveyApp.parametroAplicacion.maxDiasEncuesta">Max Dias Encuesta</span></th>
           <th scope="col"><span jhiTranslate="dataSurveyApp.parametroAplicacion.minDiasEncuesta">Min Dias Encuesta</span></th>
-          <th scope="col"><span jhiTranslate="dataSurveyApp.parametroAplicacion.maxCantidadPreguntas">Max Cantidad Preguntas</span></th>
+          <th scope="col"><span jhiTranslate="dataSurveyApp.parametroAplicacion.maxDiasEncuesta">Max Dias Encuesta</span></th>
           <th scope="col"><span jhiTranslate="dataSurveyApp.parametroAplicacion.minCantidadPreguntas">Min Cantidad Preguntas</span></th>
+          <th scope="col"><span jhiTranslate="dataSurveyApp.parametroAplicacion.maxCantidadPreguntas">Max Cantidad Preguntas</span></th>
           <th scope="col"></th>
         </tr>
       </thead>
@@ -45,10 +35,10 @@
           <td>
             <a [routerLink]="['/parametro-aplicacion', parametroAplicacion.id, 'view']">{{ parametroAplicacion.id }}</a>
           </td>
-          <td>{{ parametroAplicacion.maxDiasEncuesta }}</td>
           <td>{{ parametroAplicacion.minDiasEncuesta }}</td>
-          <td>{{ parametroAplicacion.maxCantidadPreguntas }}</td>
+          <td>{{ parametroAplicacion.maxDiasEncuesta }}</td>
           <td>{{ parametroAplicacion.minCantidadPreguntas }}</td>
+          <td>{{ parametroAplicacion.maxCantidadPreguntas }}</td>
           <td class="text-right">
             <div class="btn-group">
               <button
diff --git a/src/main/webapp/app/entities/parametro-aplicacion/update/parametro-aplicacion-update.component.html b/src/main/webapp/app/entities/parametro-aplicacion/update/parametro-aplicacion-update.component.html
index ce60704..e3be23d 100644
--- a/src/main/webapp/app/entities/parametro-aplicacion/update/parametro-aplicacion-update.component.html
+++ b/src/main/webapp/app/entities/parametro-aplicacion/update/parametro-aplicacion-update.component.html
@@ -1,4 +1,4 @@
-<div class="row justify-content-center">
+<!--<div class="row justify-content-center">
   <div class="col-8">
     <form name="editForm" role="form" novalidate (ngSubmit)="save()" [formGroup]="editForm">
       <h2
@@ -181,4 +181,181 @@
       </div>
     </form>
   </div>
+</div>-->
+
+<div class="row justify-content-center ds-form">
+  <div class="w-75 pb-lg-5 pr-lg-5 mb-5" style="border-bottom: 1px solid #e7ebf3">
+    <div class="col-lg-8 mr-lg-5">
+      <div class="row">
+        <div class="w-100">
+          <p class="ds-title">Parámetros de la aplicación</p>
+        </div>
+        <div>
+          <p class="ds-subtitle">
+            Parámetros necesarios para los datos mínimos y máximos que permitirá para las diferentes encuestas dentro de DataSurvey.
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
+<jhi-alert-error></jhi-alert-error>
+
+<jhi-alert></jhi-alert>
+
+<!-- Form -->
+<form
+  autocomplete="off"
+  class="ds-form col-lg ml-lg-5 mr-lg-5 pr-lg-5"
+  name="editForm"
+  role="form"
+  novalidate
+  (ngSubmit)="save()"
+  [formGroup]="editForm"
+>
+  <div class="row justify-content-center info-parametros">
+    <div class="w-100">
+      <h4 class="text-dark text-center fw-bold">Edición Días para Encuestas</h4>
+    </div>
+    <div class="row w-100 pb-lg-2 mb-5 justify-content-center">
+      <div class="col-lg-4 mr-lg-5">
+        <div class="row">
+          <div class="form-group w-100">
+            <label class="form-control-label" for="field_minDiasEncuesta">Cantidad mínima</label>
+            <input
+              type="text"
+              class="form-control"
+              name="minDiasEncuesta"
+              id="field_minDiasEncuesta"
+              data-cy="minDiasEncuesta"
+              formControlName="minDiasEncuesta"
+            />
+            <div
+              *ngIf="
+                editForm.get('minDiasEncuesta')!.invalid &&
+                (editForm.get('minDiasEncuesta')!.dirty || editForm.get('minDiasEncuesta')!.touched)
+              "
+            >
+              <small
+                class="form-text text-danger"
+                *ngIf="editForm.get('minDiasEncuesta')?.errors?.required"
+                jhiTranslate="entity.validation.required"
+              >
+                This field is required.
+              </small>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 mr-lg-5">
+        <div class="row">
+          <div class="form-group w-100">
+            <label class="form-control-label" for="field_maxDiasEncuesta">Cantidad máxima</label>
+            <input
+              type="text"
+              class="form-control"
+              name="maxDiasEncuesta"
+              id="field_maxDiasEncuesta"
+              data-cy="maxDiasEncuesta"
+              formControlName="maxDiasEncuesta"
+            />
+            <div
+              *ngIf="
+                editForm.get('maxDiasEncuesta')!.invalid &&
+                (editForm.get('maxDiasEncuesta')!.dirty || editForm.get('maxDiasEncuesta')!.touched)
+              "
+            >
+              <small
+                class="form-text text-danger"
+                *ngIf="editForm.get('maxDiasEncuesta')?.errors?.required"
+                jhiTranslate="entity.validation.required"
+              >
+                This field is required.
+              </small>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="row justify-content-center info-parametros">
+    <div class="w-100">
+      <h4 class="text-dark text-center fw-bold">Edición Preguntas para Encuestas</h4>
+    </div>
+    <div class="row w-100 pb-lg-2 mb-5 justify-content-center">
+      <div class="col-lg-4 mr-lg-5">
+        <div class="row">
+          <div class="form-group w-100">
+            <label class="form-control-label" for="field_minCantidadPreguntas">Cantidad mínima</label>
+            <input
+              type="text"
+              class="form-control"
+              name="minCantidadPreguntas"
+              id="field_minCantidadPreguntas"
+              data-cy="minCantidadPreguntas"
+              formControlName="minCantidadPreguntas"
+            />
+            <div
+              *ngIf="
+                editForm.get('minCantidadPreguntas')!.invalid &&
+                (editForm.get('minCantidadPreguntas')!.dirty || editForm.get('minCantidadPreguntas')!.touched)
+              "
+            >
+              <small
+                class="form-text text-danger"
+                *ngIf="editForm.get('minCantidadPreguntas')?.errors?.required"
+                jhiTranslate="entity.validation.required"
+              >
+                This field is required.
+              </small>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 mr-lg-5">
+        <div class="row">
+          <div class="form-group w-100">
+            <label class="form-control-label" for="field_maxCantidadPreguntas">Cantidad máxima</label>
+            <input
+              type="text"
+              class="form-control"
+              name="maxCantidadPreguntas"
+              id="field_maxCantidadPreguntas"
+              data-cy="maxCantidadPreguntas"
+              formControlName="maxCantidadPreguntas"
+            />
+            <div
+              *ngIf="
+                editForm.get('maxCantidadPreguntas')!.invalid &&
+                (editForm.get('maxCantidadPreguntas')!.dirty || editForm.get('maxCantidadPreguntas')!.touched)
+              "
+            >
+              <small
+                class="form-text text-danger"
+                *ngIf="editForm.get('maxCantidadPreguntas')?.errors?.required"
+                jhiTranslate="entity.validation.required"
+              >
+                This field is required.
+              </small>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <button type="button" id="cancel-save" data-cy="entityCreateCancelButton" class="ds-btn ds-btn--secondary" (click)="previousState()">
+        <fa-icon icon="arrow-left"></fa-icon>&nbsp;&nbsp;<span jhiTranslate="entity.action.cancel">Cancel</span>
+      </button>
+
+      <button
+        type="submit"
+        id="save-entity"
+        data-cy="entityCreateSaveButton"
+        [disabled]="editForm.invalid || isSaving"
+        class="ds-btn ds-btn--primary"
+      >
+        &nbsp;<span jhiTranslate="entity.action.save">Save</span>
+      </button>
+    </div>
+  </div>
+</form>
diff --git a/src/main/webapp/app/entities/parametro-aplicacion/update/parametro-aplicacion-update.component.scss b/src/main/webapp/app/entities/parametro-aplicacion/update/parametro-aplicacion-update.component.scss
index e69de29..763f371 100644
--- a/src/main/webapp/app/entities/parametro-aplicacion/update/parametro-aplicacion-update.component.scss
+++ b/src/main/webapp/app/entities/parametro-aplicacion/update/parametro-aplicacion-update.component.scss
@@ -0,0 +1,9 @@
+info-parametros {
+  text-align: center;
+}
+
+.text-dark {
+  color: #727070;
+  font-weight: 700;
+  font-size: 1.3rem;
+}
diff --git a/src/main/webapp/app/entities/parametro-aplicacion/update/parametro-aplicacion-update.component.ts b/src/main/webapp/app/entities/parametro-aplicacion/update/parametro-aplicacion-update.component.ts
index ed5eee7..829c4bb 100644
--- a/src/main/webapp/app/entities/parametro-aplicacion/update/parametro-aplicacion-update.component.ts
+++ b/src/main/webapp/app/entities/parametro-aplicacion/update/parametro-aplicacion-update.component.ts
@@ -11,6 +11,7 @@ import { ParametroAplicacionService } from '../service/parametro-aplicacion.serv
 @Component({
   selector: 'jhi-parametro-aplicacion-update',
   templateUrl: './parametro-aplicacion-update.component.html',
+  styleUrls: ['./parametro-aplicacion-update.component.scss'],
 })
 export class ParametroAplicacionUpdateComponent implements OnInit {
   isSaving = false;
diff --git a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.ts b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.ts
index 0e69222..c334029 100644
--- a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.ts
+++ b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.ts
@@ -11,7 +11,6 @@ import { finalize } from 'rxjs/operators';
 @Component({
   selector: 'jhi-usuario-extra',
   templateUrl: './usuario-extra.component.html',
-  styleUrls: ['./usuario-extra.component.scss'],
 })
 export class UsuarioExtraComponent implements OnInit {
   usuarioExtras?: IUsuarioExtra[];
diff --git a/src/main/webapp/app/layouts/sidebar/sidebar.constants.ts b/src/main/webapp/app/layouts/sidebar/sidebar.constants.ts
index 7f8807d..00f3bf4 100644
--- a/src/main/webapp/app/layouts/sidebar/sidebar.constants.ts
+++ b/src/main/webapp/app/layouts/sidebar/sidebar.constants.ts
@@ -47,7 +47,7 @@ export const ADMIN_ROUTES: RouteInfo[] = [
     icontype: 'nc-icon nc-single-02',
   },
   {
-    path: '/parametro-aplicacion',
+    path: '/parametro-aplicacion/1/view',
     title: 'Configuración',
     type: 'link',
     icontype: 'nc-icon nc-settings-gear-65',