sempli-website-lib 5.5.0-beta.1 → 6.2.0-beta.0

package/esm2022/lib/sempli-website-lib.module.mjs

@@ -1,11 +1,11 @@
 import { NgModule } from '@angular/core';
 import * as i0 from "@angular/core";
 export class SempliWebsiteLibModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: SempliWebsiteLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: SempliWebsiteLibModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: SempliWebsiteLibModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SempliWebsiteLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: SempliWebsiteLibModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SempliWebsiteLibModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: SempliWebsiteLibModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SempliWebsiteLibModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/fesm2022/sempli-website-lib.mjs

@@ -2,11 +2,11 @@ import * as i0 from '@angular/core';
 import { NgModule } from '@angular/core';
 
 class SempliWebsiteLibModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: SempliWebsiteLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: SempliWebsiteLibModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: SempliWebsiteLibModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SempliWebsiteLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: SempliWebsiteLibModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SempliWebsiteLibModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: SempliWebsiteLibModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SempliWebsiteLibModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sempli-website-lib",
-  "version": "5.5.0-beta.1",
+  "version": "6.2.0-beta.0",
   "peerDependencies": {
     "@angular/common": "^16.0.5",
     "@angular/core": "^16.0.5"

package/styles/master-app.scss

@@ -11480,7 +11480,7 @@ $rem-base: 16px !default;
 #############################################################################*/
 
 // Media Queries
-
+/* stylelint-disable media-query-no-invalid */
 @mixin responsive($break-point) {
 
   @media only screen and (min-width: rem-calc($break-point)) { @content; }
@@ -11510,7 +11510,7 @@ $rem-base: 16px !default;
   @media only screen and (max-height: rem-calc($break-point)) { @content; }
 
 }
-
+/* stylelint-enable media-query-no-invalid */
 
 // ------------------------------------------------
 // Retina display support
@@ -11520,10 +11520,11 @@ div.logo {
   @include background-retina("logo2x.png", 100px, 25px);
 }
 */
+/* stylelint-disable media-feature-name-no-unknown */
 @mixin background-retina($image, $width, $height) {
   @media
   only screen and (-webkit-min-device-pixel-ratio: 1.3),
-  only screen and (-o-min-device-pixel-ratio: 2.6/2),
+  only screen and (-o-min-device-pixel-ratio: 2.6 / 2),
   only screen and (min--moz-device-pixel-ratio: 1.3),
   only screen and (min-device-pixel-ratio: 1.3),
   only screen and (min-resolution: 1.3dppx) {
@@ -11531,6 +11532,7 @@ div.logo {
     background-size: $width $height;
   }
 }
+/* stylelint-enable media-feature-name-no-unknown */
 
 
 /*#############################################################################
@@ -11545,6 +11547,11 @@ div.logo {
 
 // Partials : Base and Layout
 /* src-url: "https://fonts.googleapis.com/css?family=Lato:300,400,900" */
+//  Font for signature text
+@import url("https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap");
+// Font Credit Card
+@import url("https://fonts.googleapis.com/css2?family=Karla:wght@700&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
 
 @font-face {
   font-family: 'Lato';
@@ -11622,11 +11629,6 @@ div.logo {
 //   font-style: italic;
 // }
 
-//  Font for signature text
-@import url("https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap");
-// Font Credit Card
-@import url("https://fonts.googleapis.com/css2?family=Karla:wght@700&display=swap");
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
 
 /*#############################################################################
 # BASE
@@ -11867,10 +11869,6 @@ hr {
   font-weight: $font-weight-normal!important;
 }
 
-.text-w-normal {
-  font-weight: $font-weight-medium!important;
-}
-
 .text-w-600 {
   font-weight: 600!important;
 }
@@ -12214,10 +12212,6 @@ body#app, .app-layout {
           background-color: transparent;
         }
 
-        &::-webkit-scrollbar{
-          // display: none;
-        }
-
         // Centered Content
         &.centered-content {
           .content-wrapper {
@@ -12225,10 +12219,6 @@ body#app, .app-layout {
             margin: 0 auto;
             text-align: center;
 
-            // Content Sizes Overwrite
-            &.large {
-
-            }
           }
         }
       }
@@ -12433,7 +12423,7 @@ button.cursor-pointer {
       position: relative;
       height: 40px;
       display: block;
-      font-family: arial;
+      font-family: Arial, Helvetica, sans-serif;
       font-size: 1em;
       line-height: 1em;
       z-index: 0;
@@ -12552,8 +12542,10 @@ button.cursor-pointer {
       &.whatsapp-button {
         right: 40px;
         bottom: 180px;
+        animation-name: float-button-out;
         animation-delay: 0.15s;
-        animation: float-button-out 0.15s linear;
+        animation-duration: 0.15s;
+        animation-timing-function: linear;        
         animation-fill-mode: forwards;
         background-color: #25d366;
         background-repeat: no-repeat;
@@ -12565,8 +12557,10 @@ button.cursor-pointer {
       &.intercom-button {
         right: 40px;
         bottom: 120px;
+        animation-name: float-button-out;
+        animation-duration: 0.3s;
+        animation-timing-function: linear;
         animation-delay: 0.2s;
-        animation: float-button-out 0.3s linear;
         animation-fill-mode: forwards;
         background-color: rgb(48, 71, 236);
         background-repeat: no-repeat;
@@ -12868,9 +12862,11 @@ button.cursor-pointer {
   :-ms-input-placeholder { /* IE 10+ */
     color: $color-secondary;
   }
+  /* stylelint-disable selector-pseudo-class-no-unknown */
   :-moz-placeholder { /* Firefox 18- */
     color: $color-secondary;
   }
+  /* stylelint-enable selector-pseudo-class-no-unknown */
 
   // FILTER SELECT WRAPPER
   .select-wrapper {
@@ -14156,33 +14152,66 @@ div.progress-bar {
 * ----------------------------------------
 */
 @keyframes float-action-active {
-  from {opacity: 0; transform: rotateZ(-70deg);}
-  to {opacity: 1; transform: rotateZ(0deg);}
+  from {
+    opacity: 0; 
+    transform: rotateZ(-70deg);
+  }
+  to {
+    opacity: 1; 
+    transform: rotateZ(0deg);
+  }
 }
 
 @keyframes float-action-disable {
-  from {opacity: 1; transform: rotateZ(0deg);}
-  to {opacity: 0; transform: rotateZ(-70deg);}
+  from {
+    opacity: 1; 
+    transform: rotateZ(0deg);
+  }
+  to {
+    opacity: 0; 
+    transform: rotateZ(-70deg);
+  }
 }
 
 @keyframes float-action-button-in {
-  from {opacity: 1; transform: rotateZ(0deg);}
-  to {opacity: 0; transform: rotateZ(180deg);}
+  from {
+    opacity: 1; 
+    transform: rotateZ(0deg);
+  }
+  to {
+    opacity: 0; 
+    transform: rotateZ(180deg);
+  }
 }
 
 @keyframes float-action-button-out {
-  from {opacity: 0; transform: rotateZ(180deg);}
-  to {opacity: 1; transform: rotateZ(0deg);}
+  from {
+    opacity: 0; 
+    transform: rotateZ(180deg);
+  }
+  to {
+    opacity: 1; 
+    transform: rotateZ(0deg);
+  }
 }
 
 @keyframes float-button-in {
   from {opacity: 0;}
-  to {opacity: 1; transform: scale(1);}
+  to {
+    opacity: 1; 
+    transform: scale(1);
+  }
 }
 
 @keyframes float-button-out {
-  from {opacity: 1; transform: scale(1);}
-  to {opacity: 0; transform: scale(0);}
+  from {
+    opacity: 1; 
+    transform: scale(1);
+  }
+  to {
+    opacity: 0; 
+    transform: scale(0);
+  }
 }
 
 
@@ -14426,7 +14455,7 @@ $card-padding: 30px;
       @include box-shadow(-20px 10px 20px 0 rgba(black, 0.15));
 
       .card-body {
-        padding-right: $card-padding*2;
+        padding-right: $card-padding * 2;
       }
 
       &::before {
@@ -14724,6 +14753,14 @@ a.navigate-back {
       .actions-wrapper {
         left: auto;
         right: 0;
+        display: flex;
+        justify-content: center;
+        gap: 6%;
+
+        .step-action-button {
+          width: 110px;
+          text-align: center;
+        }
       }
     }
   }
@@ -15127,14 +15164,6 @@ ul.list-view {
     }
   }
 
-  .table-body {
-    .table-row {
-      .table-cell {
-
-      }
-    }
-  }
-
   .table-footer {
     .table-row {
       border-bottom: none;
@@ -15404,10 +15433,6 @@ ul.wizard-steps {
     &:first-child {
       padding-top: 0;
 
-      &::after {
-
-      }
-
       // Remove line from first element
       &::before {
         display: none;
@@ -15481,21 +15506,6 @@ ul.wizard-steps {
     }
   }
 
-  &.small {
-    li {
-      padding-top: 20px;
-      // LINES
-
-      &:first-child {
-        padding-top: 0;
-      }
-
-      &::before {
-        height: 60px;
-        bottom: 20%;
-      }
-    }
-  }
 }
 
 p.code-validation-instruction {
@@ -15645,7 +15655,11 @@ section.account-wrapper {
 
 @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
 @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
-@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
+@keyframes spin { 100% {
+  -webkit-transform: rotate(360deg);
+  transform:rotate(360deg);
+  }
+}
 
 .signature-box-wrapper {
   width: 100%;
@@ -16053,6 +16067,10 @@ header.app-header {
         border-bottom: none;
       }
     }
+
+    @include responsive($breakpoint-medium) {
+      display: none;
+    }
   }
 
   .mobile-nav, .header-nav {
@@ -16236,20 +16254,6 @@ header.app-header {
     }
   }
 
-  // Mobile Navigation
-  .mobile-nav {
-    @include responsive($breakpoint-medium) {
-      display: none;
-    }
-  }
-
-  // Mobile Navigation
-  .mobile-nav {
-    @include responsive($breakpoint-medium) {
-      display: none;
-    }
-  }
-
   input#burger {
     opacity: 0;
   }
@@ -16830,22 +16834,6 @@ ul.team-members {
       justify-self: start;
     }
 
-    .credit-payment-progress {
-
-    }
-
-    .credit-installments {
-
-    }
-
-    .credit-payment {
-
-    }
-
-    .credit-actions {
-
-    }
-
     // Content Elements
 
     .product-box-title {

package/styles/master-landing.scss

@@ -11480,7 +11480,7 @@ $rem-base: 16px !default;
 #############################################################################*/
 
 // Media Queries
-
+/* stylelint-disable media-query-no-invalid */
 @mixin responsive($break-point) {
 
   @media only screen and (min-width: rem-calc($break-point)) { @content; }
@@ -11510,7 +11510,7 @@ $rem-base: 16px !default;
   @media only screen and (max-height: rem-calc($break-point)) { @content; }
 
 }
-
+/* stylelint-enable media-query-no-invalid */
 
 // ------------------------------------------------
 // Retina display support
@@ -11520,10 +11520,11 @@ div.logo {
   @include background-retina("logo2x.png", 100px, 25px);
 }
 */
+/* stylelint-disable media-feature-name-no-unknown */
 @mixin background-retina($image, $width, $height) {
   @media
   only screen and (-webkit-min-device-pixel-ratio: 1.3),
-  only screen and (-o-min-device-pixel-ratio: 2.6/2),
+  only screen and (-o-min-device-pixel-ratio: 2.6 / 2),
   only screen and (min--moz-device-pixel-ratio: 1.3),
   only screen and (min-device-pixel-ratio: 1.3),
   only screen and (min-resolution: 1.3dppx) {
@@ -11531,6 +11532,7 @@ div.logo {
     background-size: $width $height;
   }
 }
+/* stylelint-enable media-feature-name-no-unknown */
 
 
 /*#############################################################################
@@ -11545,6 +11547,11 @@ div.logo {
 
 // Partials : Base and Layout
 /* src-url: "https://fonts.googleapis.com/css?family=Lato:300,400,900" */
+//  Font for signature text
+@import url("https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap");
+// Font Credit Card
+@import url("https://fonts.googleapis.com/css2?family=Karla:wght@700&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
 
 @font-face {
   font-family: 'Lato';
@@ -11622,11 +11629,6 @@ div.logo {
 //   font-style: italic;
 // }
 
-//  Font for signature text
-@import url("https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap");
-// Font Credit Card
-@import url("https://fonts.googleapis.com/css2?family=Karla:wght@700&display=swap");
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
 
 /*#############################################################################
 # BASE
@@ -11867,10 +11869,6 @@ hr {
   font-weight: $font-weight-normal!important;
 }
 
-.text-w-normal {
-  font-weight: $font-weight-medium!important;
-}
-
 .text-w-600 {
   font-weight: 600!important;
 }
@@ -12205,7 +12203,7 @@ button.cursor-pointer {
       position: relative;
       height: 40px;
       display: block;
-      font-family: arial;
+      font-family: Arial, Helvetica, sans-serif;
       font-size: 1em;
       line-height: 1em;
       z-index: 0;
@@ -12324,8 +12322,10 @@ button.cursor-pointer {
       &.whatsapp-button {
         right: 40px;
         bottom: 180px;
+        animation-name: float-button-out;
         animation-delay: 0.15s;
-        animation: float-button-out 0.15s linear;
+        animation-duration: 0.15s;
+        animation-timing-function: linear;        
         animation-fill-mode: forwards;
         background-color: #25d366;
         background-repeat: no-repeat;
@@ -12337,8 +12337,10 @@ button.cursor-pointer {
       &.intercom-button {
         right: 40px;
         bottom: 120px;
+        animation-name: float-button-out;
+        animation-duration: 0.3s;
+        animation-timing-function: linear;
         animation-delay: 0.2s;
-        animation: float-button-out 0.3s linear;
         animation-fill-mode: forwards;
         background-color: rgb(48, 71, 236);
         background-repeat: no-repeat;
@@ -12640,9 +12642,11 @@ button.cursor-pointer {
   :-ms-input-placeholder { /* IE 10+ */
     color: $color-secondary;
   }
+  /* stylelint-disable selector-pseudo-class-no-unknown */
   :-moz-placeholder { /* Firefox 18- */
     color: $color-secondary;
   }
+  /* stylelint-enable selector-pseudo-class-no-unknown */
 
   // FILTER SELECT WRAPPER
   .select-wrapper {
@@ -13928,33 +13932,66 @@ div.progress-bar {
 * ----------------------------------------
 */
 @keyframes float-action-active {
-  from {opacity: 0; transform: rotateZ(-70deg);}
-  to {opacity: 1; transform: rotateZ(0deg);}
+  from {
+    opacity: 0; 
+    transform: rotateZ(-70deg);
+  }
+  to {
+    opacity: 1; 
+    transform: rotateZ(0deg);
+  }
 }
 
 @keyframes float-action-disable {
-  from {opacity: 1; transform: rotateZ(0deg);}
-  to {opacity: 0; transform: rotateZ(-70deg);}
+  from {
+    opacity: 1; 
+    transform: rotateZ(0deg);
+  }
+  to {
+    opacity: 0; 
+    transform: rotateZ(-70deg);
+  }
 }
 
 @keyframes float-action-button-in {
-  from {opacity: 1; transform: rotateZ(0deg);}
-  to {opacity: 0; transform: rotateZ(180deg);}
+  from {
+    opacity: 1; 
+    transform: rotateZ(0deg);
+  }
+  to {
+    opacity: 0; 
+    transform: rotateZ(180deg);
+  }
 }
 
 @keyframes float-action-button-out {
-  from {opacity: 0; transform: rotateZ(180deg);}
-  to {opacity: 1; transform: rotateZ(0deg);}
+  from {
+    opacity: 0; 
+    transform: rotateZ(180deg);
+  }
+  to {
+    opacity: 1; 
+    transform: rotateZ(0deg);
+  }
 }
 
 @keyframes float-button-in {
   from {opacity: 0;}
-  to {opacity: 1; transform: scale(1);}
+  to {
+    opacity: 1; 
+    transform: scale(1);
+  }
 }
 
 @keyframes float-button-out {
-  from {opacity: 1; transform: scale(1);}
-  to {opacity: 0; transform: scale(0);}
+  from {
+    opacity: 1; 
+    transform: scale(1);
+  }
+  to {
+    opacity: 0; 
+    transform: scale(0);
+  }
 }
 
 
@@ -14490,10 +14527,6 @@ footer#main-footer {
       list-style: none;
       margin: 0;
       padding: 0;
-
-      li {
-
-      }
     }
 
     a.link-item {
@@ -14515,10 +14548,6 @@ footer#main-footer {
 
 // Content Box - Content Elements
 .content-box {
-  .content-title {
-
-  }
-
   .content-subtitle {
     color: #00C8E1;
     text-transform: uppercase;
@@ -15068,10 +15097,6 @@ section#our-investors {
     max-width: 75%;
   }
 
-  .investor-name {
-
-  }
-
   .investor-description {
     color: $color-secondary;
   }
@@ -15117,10 +15142,6 @@ section#help-center {
     }
   }
 
-  .section-category-cta {
-
-  }
-
   aside {
     display: none;
 
@@ -15247,11 +15268,6 @@ section.insurance-details {
     }
   }
 
-  main {
-    article {
-
-    }
-  }
 }
 
 section#in-the-news {
@@ -15358,13 +15374,6 @@ section#our-values {
     margin: 0 auto 10px;
   }
 
-  .value-title {
-
-  }
-
-  .value-description {
-
-  }
 }
 
 section#career-opportunities {
@@ -15687,14 +15696,6 @@ section.simulators.simulators-wrapper {
     }
   }
 
-  .table-body {
-    .table-row {
-      .table-cell {
-
-      }
-    }
-  }
-
   .table-footer {
     .table-row {
       border-bottom: none;
@@ -16701,10 +16702,6 @@ body#app, .app-layout {
           background-color: transparent;
         }
 
-        &::-webkit-scrollbar{
-          // display: none;
-        }
-
         // Centered Content
         &.centered-content {
           .content-wrapper {
@@ -16712,10 +16709,6 @@ body#app, .app-layout {
             margin: 0 auto;
             text-align: center;
 
-            // Content Sizes Overwrite
-            &.large {
-
-            }
           }
         }
       }
@@ -17174,6 +17167,10 @@ header.app-header {
         border-bottom: none;
       }
     }
+
+    @include responsive($breakpoint-medium) {
+      display: none;
+    }
   }
 
   .mobile-nav, .header-nav {
@@ -17357,20 +17354,6 @@ header.app-header {
     }
   }
 
-  // Mobile Navigation
-  .mobile-nav {
-    @include responsive($breakpoint-medium) {
-      display: none;
-    }
-  }
-
-  // Mobile Navigation
-  .mobile-nav {
-    @include responsive($breakpoint-medium) {
-      display: none;
-    }
-  }
-
   input#burger {
     opacity: 0;
   }
@@ -17778,6 +17761,14 @@ a.navigate-back {
       .actions-wrapper {
         left: auto;
         right: 0;
+        display: flex;
+        justify-content: center;
+        gap: 6%;
+
+        .step-action-button {
+          width: 110px;
+          text-align: center;
+        }
       }
     }
   }
@@ -18181,14 +18172,6 @@ ul.list-view {
     }
   }
 
-  .table-body {
-    .table-row {
-      .table-cell {
-
-      }
-    }
-  }
-
   .table-footer {
     .table-row {
       border-bottom: none;
@@ -18458,10 +18441,6 @@ ul.wizard-steps {
     &:first-child {
       padding-top: 0;
 
-      &::after {
-
-      }
-
       // Remove line from first element
       &::before {
         display: none;
@@ -18535,21 +18514,6 @@ ul.wizard-steps {
     }
   }
 
-  &.small {
-    li {
-      padding-top: 20px;
-      // LINES
-
-      &:first-child {
-        padding-top: 0;
-      }
-
-      &::before {
-        height: 60px;
-        bottom: 20%;
-      }
-    }
-  }
 }
 
 p.code-validation-instruction {
@@ -18699,7 +18663,11 @@ section.account-wrapper {
 
 @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
 @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
-@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
+@keyframes spin { 100% {
+  -webkit-transform: rotate(360deg);
+  transform:rotate(360deg);
+  }
+}
 
 .signature-box-wrapper {
   width: 100%;

package/styles/modules/_mixins.scss

@@ -3,7 +3,7 @@
 #############################################################################*/
 
 // Media Queries
-
+/* stylelint-disable media-query-no-invalid */
 @mixin responsive($break-point) {
 
   @media only screen and (min-width: rem-calc($break-point)) { @content; }
@@ -33,7 +33,7 @@
   @media only screen and (max-height: rem-calc($break-point)) { @content; }
 
 }
-
+/* stylelint-enable media-query-no-invalid */
 
 // ------------------------------------------------
 // Retina display support
@@ -43,10 +43,11 @@ div.logo {
   @include background-retina("logo2x.png", 100px, 25px);
 }
 */
+/* stylelint-disable media-feature-name-no-unknown */
 @mixin background-retina($image, $width, $height) {
   @media
   only screen and (-webkit-min-device-pixel-ratio: 1.3),
-  only screen and (-o-min-device-pixel-ratio: 2.6/2),
+  only screen and (-o-min-device-pixel-ratio: 2.6 / 2),
   only screen and (min--moz-device-pixel-ratio: 1.3),
   only screen and (min-device-pixel-ratio: 1.3),
   only screen and (min-resolution: 1.3dppx) {
@@ -54,6 +55,7 @@ div.logo {
     background-size: $width $height;
   }
 }
+/* stylelint-enable media-feature-name-no-unknown */
 
 
 /*#############################################################################

package/styles/partials/_base.scss

@@ -237,10 +237,6 @@ hr {
   font-weight: $font-weight-normal!important;
 }
 
-.text-w-normal {
-  font-weight: $font-weight-medium!important;
-}
-
 .text-w-600 {
   font-weight: 600!important;
 }

package/styles/partials/_buttons.scss

@@ -141,7 +141,7 @@ button.cursor-pointer {
       position: relative;
       height: 40px;
       display: block;
-      font-family: arial;
+      font-family: Arial, Helvetica, sans-serif;
       font-size: 1em;
       line-height: 1em;
       z-index: 0;
@@ -260,8 +260,10 @@ button.cursor-pointer {
       &.whatsapp-button {
         right: 40px;
         bottom: 180px;
+        animation-name: float-button-out;
         animation-delay: 0.15s;
-        animation: float-button-out 0.15s linear;
+        animation-duration: 0.15s;
+        animation-timing-function: linear;        
         animation-fill-mode: forwards;
         background-color: #25d366;
         background-repeat: no-repeat;
@@ -273,8 +275,10 @@ button.cursor-pointer {
       &.intercom-button {
         right: 40px;
         bottom: 120px;
+        animation-name: float-button-out;
+        animation-duration: 0.3s;
+        animation-timing-function: linear;
         animation-delay: 0.2s;
-        animation: float-button-out 0.3s linear;
         animation-fill-mode: forwards;
         background-color: rgb(48, 71, 236);
         background-repeat: no-repeat;

package/styles/partials/_fonts.scss

@@ -1,4 +1,9 @@
 /* src-url: "https://fonts.googleapis.com/css?family=Lato:300,400,900" */
+//  Font for signature text
+@import url("https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap");
+// Font Credit Card
+@import url("https://fonts.googleapis.com/css2?family=Karla:wght@700&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
 
 @font-face {
   font-family: 'Lato';
@@ -76,8 +81,3 @@
 //   font-style: italic;
 // }
 
-//  Font for signature text
-@import url("https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap");
-// Font Credit Card
-@import url("https://fonts.googleapis.com/css2?family=Karla:wght@700&display=swap");
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');

package/styles/partials/_forms.scss

@@ -174,9 +174,11 @@
   :-ms-input-placeholder { /* IE 10+ */
     color: $color-secondary;
   }
+  /* stylelint-disable selector-pseudo-class-no-unknown */
   :-moz-placeholder { /* Firefox 18- */
     color: $color-secondary;
   }
+  /* stylelint-enable selector-pseudo-class-no-unknown */
 
   // FILTER SELECT WRAPPER
   .select-wrapper {

package/styles/partials/animations.scss

@@ -92,31 +92,64 @@
 * ----------------------------------------
 */
 @keyframes float-action-active {
-  from {opacity: 0; transform: rotateZ(-70deg);}
-  to {opacity: 1; transform: rotateZ(0deg);}
+  from {
+    opacity: 0; 
+    transform: rotateZ(-70deg);
+  }
+  to {
+    opacity: 1; 
+    transform: rotateZ(0deg);
+  }
 }
 
 @keyframes float-action-disable {
-  from {opacity: 1; transform: rotateZ(0deg);}
-  to {opacity: 0; transform: rotateZ(-70deg);}
+  from {
+    opacity: 1; 
+    transform: rotateZ(0deg);
+  }
+  to {
+    opacity: 0; 
+    transform: rotateZ(-70deg);
+  }
 }
 
 @keyframes float-action-button-in {
-  from {opacity: 1; transform: rotateZ(0deg);}
-  to {opacity: 0; transform: rotateZ(180deg);}
+  from {
+    opacity: 1; 
+    transform: rotateZ(0deg);
+  }
+  to {
+    opacity: 0; 
+    transform: rotateZ(180deg);
+  }
 }
 
 @keyframes float-action-button-out {
-  from {opacity: 0; transform: rotateZ(180deg);}
-  to {opacity: 1; transform: rotateZ(0deg);}
+  from {
+    opacity: 0; 
+    transform: rotateZ(180deg);
+  }
+  to {
+    opacity: 1; 
+    transform: rotateZ(0deg);
+  }
 }
 
 @keyframes float-button-in {
   from {opacity: 0;}
-  to {opacity: 1; transform: scale(1);}
+  to {
+    opacity: 1; 
+    transform: scale(1);
+  }
 }
 
 @keyframes float-button-out {
-  from {opacity: 1; transform: scale(1);}
-  to {opacity: 0; transform: scale(0);}
+  from {
+    opacity: 1; 
+    transform: scale(1);
+  }
+  to {
+    opacity: 0; 
+    transform: scale(0);
+  }
 }

package/styles/partials/app/_cards.scss

@@ -135,7 +135,7 @@ $card-padding: 30px;
       @include box-shadow(-20px 10px 20px 0 rgba(black, 0.15));
 
       .card-body {
-        padding-right: $card-padding*2;
+        padding-right: $card-padding * 2;
       }
 
       &::before {

package/styles/partials/app/_general.scss

@@ -277,6 +277,14 @@ a.navigate-back {
       .actions-wrapper {
         left: auto;
         right: 0;
+        display: flex;
+        justify-content: center;
+        gap: 6%;
+
+        .step-action-button {
+          width: 110px;
+          text-align: center;
+        }
       }
     }
   }
@@ -680,14 +688,6 @@ ul.list-view {
     }
   }
 
-  .table-body {
-    .table-row {
-      .table-cell {
-
-      }
-    }
-  }
-
   .table-footer {
     .table-row {
       border-bottom: none;
@@ -957,10 +957,6 @@ ul.wizard-steps {
     &:first-child {
       padding-top: 0;
 
-      &::after {
-
-      }
-
       // Remove line from first element
       &::before {
         display: none;
@@ -1034,21 +1030,6 @@ ul.wizard-steps {
     }
   }
 
-  &.small {
-    li {
-      padding-top: 20px;
-      // LINES
-
-      &:first-child {
-        padding-top: 0;
-      }
-
-      &::before {
-        height: 60px;
-        bottom: 20%;
-      }
-    }
-  }
 }
 
 p.code-validation-instruction {
@@ -1198,7 +1179,11 @@ section.account-wrapper {
 
 @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
 @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
-@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
+@keyframes spin { 100% {
+  -webkit-transform: rotate(360deg);
+  transform:rotate(360deg);
+  }
+}
 
 .signature-box-wrapper {
   width: 100%;

package/styles/partials/app/_header.scss

@@ -397,6 +397,10 @@ header.app-header {
         border-bottom: none;
       }
     }
+
+    @include responsive($breakpoint-medium) {
+      display: none;
+    }
   }
 
   .mobile-nav, .header-nav {
@@ -580,20 +584,6 @@ header.app-header {
     }
   }
 
-  // Mobile Navigation
-  .mobile-nav {
-    @include responsive($breakpoint-medium) {
-      display: none;
-    }
-  }
-
-  // Mobile Navigation
-  .mobile-nav {
-    @include responsive($breakpoint-medium) {
-      display: none;
-    }
-  }
-
   input#burger {
     opacity: 0;
   }

package/styles/partials/app/_layout.scss

@@ -152,10 +152,6 @@ body#app, .app-layout {
           background-color: transparent;
         }
 
-        &::-webkit-scrollbar{
-          // display: none;
-        }
-
         // Centered Content
         &.centered-content {
           .content-wrapper {
@@ -163,10 +159,6 @@ body#app, .app-layout {
             margin: 0 auto;
             text-align: center;
 
-            // Content Sizes Overwrite
-            &.large {
-
-            }
           }
         }
       }

package/styles/partials/app/_my-products.scss

@@ -80,22 +80,6 @@
       justify-self: start;
     }
 
-    .credit-payment-progress {
-
-    }
-
-    .credit-installments {
-
-    }
-
-    .credit-payment {
-
-    }
-
-    .credit-actions {
-
-    }
-
     // Content Elements
 
     .product-box-title {

package/styles/partials/landing/_footer.scss

@@ -50,10 +50,6 @@ footer#main-footer {
       list-style: none;
       margin: 0;
       padding: 0;
-
-      li {
-
-      }
     }
 
     a.link-item {

package/styles/partials/landing/_general.scss

@@ -4,10 +4,6 @@
 
 // Content Box - Content Elements
 .content-box {
-  .content-title {
-
-  }
-
   .content-subtitle {
     color: #00C8E1;
     text-transform: uppercase;
@@ -557,10 +553,6 @@ section#our-investors {
     max-width: 75%;
   }
 
-  .investor-name {
-
-  }
-
   .investor-description {
     color: $color-secondary;
   }
@@ -606,10 +598,6 @@ section#help-center {
     }
   }
 
-  .section-category-cta {
-
-  }
-
   aside {
     display: none;
 
@@ -736,11 +724,6 @@ section.insurance-details {
     }
   }
 
-  main {
-    article {
-
-    }
-  }
 }
 
 section#in-the-news {
@@ -847,13 +830,6 @@ section#our-values {
     margin: 0 auto 10px;
   }
 
-  .value-title {
-
-  }
-
-  .value-description {
-
-  }
 }
 
 section#career-opportunities {
@@ -1176,14 +1152,6 @@ section.simulators.simulators-wrapper {
     }
   }
 
-  .table-body {
-    .table-row {
-      .table-cell {
-
-      }
-    }
-  }
-
   .table-footer {
     .table-row {
       border-bottom: none;

package/styles/vendor/_modules_export.scss

@@ -11137,7 +11137,7 @@ $rem-base: 16px !default;
 #############################################################################*/
 
 // Media Queries
-
+/* stylelint-disable media-query-no-invalid */
 @mixin responsive($break-point) {
 
   @media only screen and (min-width: rem-calc($break-point)) { @content; }
@@ -11167,7 +11167,7 @@ $rem-base: 16px !default;
   @media only screen and (max-height: rem-calc($break-point)) { @content; }
 
 }
-
+/* stylelint-enable media-query-no-invalid */
 
 // ------------------------------------------------
 // Retina display support
@@ -11177,10 +11177,11 @@ div.logo {
   @include background-retina("logo2x.png", 100px, 25px);
 }
 */
+/* stylelint-disable media-feature-name-no-unknown */
 @mixin background-retina($image, $width, $height) {
   @media
   only screen and (-webkit-min-device-pixel-ratio: 1.3),
-  only screen and (-o-min-device-pixel-ratio: 2.6/2),
+  only screen and (-o-min-device-pixel-ratio: 2.6 / 2),
   only screen and (min--moz-device-pixel-ratio: 1.3),
   only screen and (min-device-pixel-ratio: 1.3),
   only screen and (min-resolution: 1.3dppx) {
@@ -11188,6 +11189,7 @@ div.logo {
     background-size: $width $height;
   }
 }
+/* stylelint-enable media-feature-name-no-unknown */
 
 
 /*#############################################################################