diff --git a/css/partials/base.css b/css/partials/base.css
index 8666a09..b198569 100644
--- a/css/partials/base.css
+++ b/css/partials/base.css
@@ -1,94 +1,82 @@
 @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
 
 :root {
-  --bg-gradient-onyx: linear-gradient(
-    to bottom right,
-    hsl(240, 1%, 25%) 3%,
-    hsl(0, 0%, 19%) 97%
-  );
-  --bg-gradient-jet: linear-gradient(
-      to bottom right,
-      hsla(240, 1%, 18%, 0.251) 3%,
-      hsla(240, 2%, 11%, 0) 100%
-    ),
-    hsl(240, 2%, 13%);
-  --bg-gradient-yellow1: linear-gradient(
-    to bottom right,
-    hsl(45, 100%, 71%) 0%,
-    hsla(36, 100%, 69%, 0) 50%
-  );
-  --bg-gradient-yellow2: linear-gradient(
-      135deg,
-      hsla(45, 100%, 71%, 0.251) 0%,
-      hsla(35, 100%, 68%, 0) 59.86%
-    ),
-    hsl(240, 2%, 13%);
-  --border-gradient-onyx: linear-gradient(
-    to bottom right,
-    hsl(0, 0%, 25%) 0%,
-    hsla(0, 0%, 25%, 0) 50%
-  );
-  --text-gradient-yellow: linear-gradient(
-    to right,
-    hsl(45, 100%, 72%),
-    hsl(35, 100%, 68%)
-  );
-
-  --jet: hsl(0, 0%, 22%);
-  --onyx: hsl(240, 1%, 17%);
-  --eerie-black1: hsl(240, 2%, 13%);
-  --eerie-black2: hsl(240, 2%, 12%);
-  --smoky-black: hsl(0, 0%, 7%);
-  --white1: hsl(0, 0%, 100%);
-  --white2: hsl(0, 0%, 98%);
-  --orange-yellow-crayola: hsl(45, 100%, 72%);
-  --vegas-gold: hsl(45, 54%, 58%);
-  --light-gray: hsl(0, 0%, 84%);
-  --light-gray70: hsla(0, 0%, 84%, 0.7);
-  --bittersweet-shimmer: hsl(0, 43%, 51%);
-
-  --ff-poppins: "Poppins", sans-serif;
-
-  --fs1: 24px;
-  --fs2: 18px;
-  --fs3: 17px;
-  --fs4: 16px;
-  --fs5: 15px;
-  --fs6: 14px;
-  --fs7: 13px;
-  --fs8: 12px;
-
-  --fw300: 300;
-  --fw400: 400;
-  --fw500: 500;
-  --fw600: 600;
-
-  --shadow1: -4px 8px 24px hsla(0, 0%, 0%, 0.25);
-  --shadow2: 0px 16px 30px hsla(0, 0%, 0%, 0.25);
-  --shadow3: 0px 16px 40px hsla(0, 0%, 0%, 0.25);
-  --shadow4: 0px 25px 50px hsla(0, 0%, 0%, 0.15);
-  --shadow5: 0px 24px 80px hsla(0, 0%, 0%, 0.25);
-
-  --transition1: 0.25s ease;
-  --transition2: 0.5s ease-in-out;
+    --bg-gradient-onyx: linear-gradient(to bottom right,
+            hsl(240, 1%, 25%) 3%,
+            hsl(0, 0%, 19%) 97%);
+    --bg-gradient-jet: linear-gradient(to bottom right,
+            hsla(240, 1%, 18%, 0.251) 3%,
+            hsla(240, 2%, 11%, 0) 100%),
+        hsl(240, 2%, 13%);
+    --bg-gradient-yellow1: linear-gradient(to bottom right,
+            hsl(45, 100%, 71%) 0%,
+            hsla(36, 100%, 69%, 0) 50%);
+    --bg-gradient-yellow2: linear-gradient(135deg,
+            hsla(45, 100%, 71%, 0.251) 0%,
+            hsla(35, 100%, 68%, 0) 59.86%),
+        hsl(240, 2%, 13%);
+    --border-gradient-onyx: linear-gradient(to bottom right,
+            hsl(0, 0%, 25%) 0%,
+            hsla(0, 0%, 25%, 0) 50%);
+    --text-gradient-yellow: linear-gradient(to right,
+            hsl(45, 100%, 72%),
+            hsl(35, 100%, 68%));
+
+    --jet: hsl(0, 0%, 22%);
+    --onyx: hsl(240, 1%, 17%);
+    --eerie-black1: hsl(240, 2%, 13%);
+    --eerie-black2: hsl(240, 2%, 12%);
+    --smoky-black: hsl(0, 0%, 7%);
+    --white1: hsl(0, 0%, 100%);
+    --white2: hsl(0, 0%, 98%);
+    --orange-yellow-crayola: hsl(45, 100%, 72%);
+    --vegas-gold: hsl(45, 54%, 58%);
+    --light-gray: hsl(0, 0%, 84%);
+    --light-gray70: hsla(0, 0%, 84%, 0.7);
+    --bittersweet-shimmer: hsl(0, 43%, 51%);
+
+    --ff-poppins: "Poppins", sans-serif;
+
+    --fs1: 24px;
+    --fs2: 18px;
+    --fs3: 17px;
+    --fs4: 16px;
+    --fs5: 15px;
+    --fs6: 14px;
+    --fs7: 13px;
+    --fs8: 12px;
+
+    --fw300: 300;
+    --fw400: 400;
+    --fw500: 500;
+    --fw600: 600;
+
+    --shadow1: -4px 8px 24px hsla(0, 0%, 0%, 0.25);
+    --shadow2: 0px 16px 30px hsla(0, 0%, 0%, 0.25);
+    --shadow3: 0px 16px 40px hsla(0, 0%, 0%, 0.25);
+    --shadow4: 0px 25px 50px hsla(0, 0%, 0%, 0.15);
+    --shadow5: 0px 24px 80px hsla(0, 0%, 0%, 0.25);
+
+    --transition1: 0.25s ease;
+    --transition2: 0.5s ease-in-out;
 }
 
 /* Reset básico */
 *,
 *::before,
 *::after {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
 }
 
 /* Elementos globales */
 a {
-  text-decoration: none;
+    text-decoration: none;
 }
 
 li {
-  list-style: none;
+    list-style: none;
 }
 
 img,
@@ -97,41 +85,41 @@ a,
 button,
 time,
 span {
-  display: block;
+    display: block;
 }
 
 button {
-  font: inherit;
-  background: none;
-  border: none;
-  text-align: left;
-  cursor: pointer;
+    font: inherit;
+    background: none;
+    border: none;
+    text-align: left;
+    cursor: pointer;
 }
 
 input,
 textarea {
-  display: block;
-  width: 100%;
-  background: none;
-  font: inherit;
+    display: block;
+    width: 100%;
+    background: none;
+    font: inherit;
 }
 
 /* Selección y foco */
 ::selection {
-  background: var(--orange-yellow-crayola);
-  color: var(--smoky-black);
+    background: var(--orange-yellow-crayola);
+    color: var(--smoky-black);
 }
 
 :focus {
-  outline-color: var(--orange-yellow-crayola);
+    outline-color: var(--orange-yellow-crayola);
 }
 
 /* Tipografía base */
 html {
-  font-family: var(--ff-poppins);
+    font-family: var(--ff-poppins);
 }
 
 /* Fondo global */
 body {
-  background: var(--smoky-black);
-}
+    background: var(--smoky-black);
+}
\ No newline at end of file
diff --git a/css/partials/components.css b/css/partials/components.css
index 8e908f1..32aa073 100644
--- a/css/partials/components.css
+++ b/css/partials/components.css
@@ -1,259 +1,264 @@
 .sidebar {
-  margin-bottom: 15px;
-  max-height: 112px;
-  overflow: hidden;
-  padding: 15px;
-  transition: var(--transition2);
+    margin-bottom: 15px;
+    max-height: 112px;
+    overflow: hidden;
+    padding: 15px;
+    transition: var(--transition2);
 }
 
 /* Sidebar Info */
 .sidebar-info {
-  position: relative;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  gap: 15px;
+    position: relative;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 15px;
 }
 
 .avatar-box {
-  background: var(--bg-gradient-onyx);
-  border-radius: 20px;
+    background: var(--bg-gradient-onyx);
+    border-radius: 20px;
 }
 
 .info-content .name {
-  color: var(--white2);
-  font-size: var(--fs3);
-  font-weight: var(--fw500);
-  letter-spacing: -0.25px;
-  margin-bottom: 10px;
+    color: var(--white2);
+    font-size: var(--fs3);
+    font-weight: var(--fw500);
+    letter-spacing: -0.25px;
+    margin-bottom: 10px;
 }
 
 .info-content .title {
-  color: var(--white1);
-  background: var(--onyx);
-  font-size: var(--fs8);
-  font-weight: var(--fw300);
-  width: max-content;
-  padding: 3px 12px;
-  border-radius: 8px;
+    color: var(--white1);
+    background: var(--onyx);
+    font-size: var(--fs8);
+    font-weight: var(--fw300);
+    width: max-content;
+    padding: 3px 12px;
+    border-radius: 8px;
 }
 
 .info-more-btn {
-  position: absolute;
-  top: -15px;
-  right: -15px;
-  border-radius: 0 15px;
-  font-size: 13px;
-  color: var(--orange-yellow-crayola);
-  background: var(--border-gradient-onyx);
-  padding: 10px;
-  box-shadow: var(--shadow2);
-  transition: var(--transition1);
-  z-index: 1;
+    position: absolute;
+    top: -15px;
+    right: -15px;
+    border-radius: 0 15px;
+    font-size: 13px;
+    color: var(--orange-yellow-crayola);
+    background: var(--border-gradient-onyx);
+    padding: 10px;
+    box-shadow: var(--shadow2);
+    transition: var(--transition1);
+    z-index: 1;
 }
 
 .info-more-btn::before {
-  content: "";
-  position: absolute;
-  inset: 1px;
-  border-radius: inherit;
-  background: var(--bg-gradient-jet);
-  transition: var(--transition1);
-  z-index: -1;
+    content: "";
+    position: absolute;
+    inset: 1px;
+    border-radius: inherit;
+    background: var(--bg-gradient-jet);
+    transition: var(--transition1);
+    z-index: -1;
 }
 
 .info-more-btn:hover,
 .info-more-btn:focus {
-  background: var(--bg-gradient-yellow1);
+    background: var(--bg-gradient-yellow1);
 }
+
 .info-more-btn:hover::before,
 .info-more-btn:focus::before {
-  background: var(--bg-gradient-yellow2);
+    background: var(--bg-gradient-yellow2);
 }
 
 .info-more-btn span {
-  display: none;
+    display: none;
 }
 
 .sidebar-info-more {
-  opacity: 0;
-  visibility: hidden;
-  transition: var(--transition2);
+    opacity: 0;
+    visibility: hidden;
+    transition: var(--transition2);
 }
 
 .sidebar.active .sidebar-info-more {
-  opacity: 1;
-  visibility: visible;
+    opacity: 1;
+    visibility: visible;
 }
 
 /* Contacts List */
 .contacts-list {
-  display: grid;
-  grid-template-columns: 1fr;
-  gap: 16px;
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 16px;
 }
 
 .contact-item {
-  min-width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 16px;
+    min-width: 100%;
+    display: flex;
+    align-items: center;
+    gap: 16px;
 }
 
 .contact-info {
-  max-width: calc(100% - 46px);
-  width: calc(100% - 46px);
+    max-width: calc(100% - 46px);
+    width: calc(100% - 46px);
 }
 
 .contact-info :is(.contact-link, time, address) {
-  color: var(--white2);
-  font-size: var(--fs7);
+    color: var(--white2);
+    font-size: var(--fs7);
 }
 
 .contact-info address {
-  font-style: normal;
+    font-style: normal;
 }
 
 .contact-title {
-  color: var(--light-gray70);
-  font-size: var(--fs8);
-  text-transform: uppercase;
-  margin-bottom: 2px;
+    color: var(--light-gray70);
+    font-size: var(--fs8);
+    text-transform: uppercase;
+    margin-bottom: 2px;
 }
 
 /* Social Links */
 .social-list {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  gap: 15px;
-  padding-bottom: 4px;
-  padding-left: 7px;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 15px;
+    padding-bottom: 4px;
+    padding-left: 7px;
 }
 
 .social-item .social-link {
-  color: var(--light-gray70);
-  font-size: 18px;
+    color: var(--light-gray70);
+    font-size: 18px;
 }
 
 .social-item .social-link:hover {
-  color: var(--light-gray);
+    color: var(--light-gray);
 }
 
 /* Navbar */
 .navbar {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  background: hsla(240, 1%, 17%, 0.75);
-  backdrop-filter: blur(10px);
-  border: 1px solid var(--jet);
-  border-radius: 12px 12px 0 0;
-  box-shadow: var(--shadow2);
-  z-index: 5;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background: hsla(240, 1%, 17%, 0.75);
+    backdrop-filter: blur(10px);
+    border: 1px solid var(--jet);
+    border-radius: 12px 12px 0 0;
+    box-shadow: var(--shadow2);
+    z-index: 5;
 }
 
 .navbar-list {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-  padding: 0 10px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    padding: 0 10px;
 }
 
 .navbar-link {
-  color: var(--light-gray);
-  font-size: var(--fs8);
-  padding: 20px 7px;
-  transition: color var(--transition1);
+    color: var(--light-gray);
+    font-size: var(--fs8);
+    padding: 20px 7px;
+    transition: color var(--transition1);
 }
 
 .navbar-link:hover,
 .navbar-link:focus {
-  color: var(--light-gray70);
+    color: var(--light-gray70);
 }
+
 .navbar-link.active {
-  color: var(--orange-yellow-crayola);
-  font-weight: bold;
+    color: var(--orange-yellow-crayola);
+    font-weight: bold;
 }
 
 /* About & Services */
 .about .article-title {
-  margin-bottom: 15px;
-  margin-top: 15px;
+    margin-bottom: 15px;
+    margin-top: 15px;
 }
 
 .about-text {
-  color: var(--light-gray);
-  font-size: var(--fs6);
-  font-weight: var(--fw300);
-  line-height: 1.6;
+    color: var(--light-gray);
+    font-size: var(--fs6);
+    font-weight: var(--fw300);
+    line-height: 1.6;
 }
 
 .about-text p {
-  margin-bottom: 15px;
-  text-align: justify;
-  padding: 0 10px;
+    margin-bottom: 15px;
+    text-align: justify;
+    padding: 0 10px;
 }
 
 .service {
-  margin-bottom: 35px;
+    margin-bottom: 35px;
 }
 
 .service-title {
-  margin-bottom: 20px;
+    margin-bottom: 20px;
 }
 
 .service-list {
-  display: grid;
-  grid-template-columns: 1fr;
-  gap: 20px;
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 20px;
 }
 
 .service-item {
-  position: relative;
-  background: var(--border-gradient-onyx);
-  padding: 20px;
-  border-radius: 14px;
-  box-shadow: var(--shadow2);
-  z-index: 1;
+    position: relative;
+    background: var(--border-gradient-onyx);
+    padding: 20px;
+    border-radius: 14px;
+    box-shadow: var(--shadow2);
+    z-index: 1;
 }
 
 .service-item::before {
-  content: "";
-  position: absolute;
-  inset: 1px;
-  background: var(--bg-gradient-jet);
-  border-radius: inherit;
-  z-index: -1;
+    content: "";
+    position: absolute;
+    inset: 1px;
+    background: var(--bg-gradient-jet);
+    border-radius: inherit;
+    z-index: -1;
 }
 
 .service-icon-box {
-  margin-bottom: 10px;
+    margin-bottom: 10px;
 }
+
 .service-icon-box img {
-  margin: auto;
+    margin: auto;
 }
 
 .service-content-box {
-  text-align: center;
+    text-align: center;
 }
+
 .service-item-title {
-  margin-bottom: 7px;
+    margin-bottom: 7px;
 }
 
 .service-item-text {
-  color: var(--light-gray);
-  font-size: var(--fs6);
-  font-weight: var(--fw300);
-  line-height: 1.6;
+    color: var(--light-gray);
+    font-size: var(--fs6);
+    font-weight: var(--fw300);
+    line-height: 1.6;
 }
 
 /* Testimonials & Modal */
 .testimonials {
-  margin-bottom: 30px;
+    margin-bottom: 30px;
 }
+
 .testimonials-title {
-  margin-bottom: 20px;
-}
+    margin-bottom: 20px;
+}
\ No newline at end of file
diff --git a/css/partials/layout.css b/css/partials/layout.css
index 78ce8af..f302914 100644
--- a/css/partials/layout.css
+++ b/css/partials/layout.css
@@ -1,68 +1,73 @@
 main {
-  margin: 15px 12px;
-  margin-bottom: 75px;
-  min-width: 259px;
+    margin: 15px 12px;
+    margin-bottom: 75px;
+    min-width: 259px;
 }
 
 .sidebar,
 article {
-  background: var(--eerie-black2);
-  border: 1px solid var(--jet);
-  border-radius: 20px;
-  box-shadow: var(--shadow1);
-  z-index: 1;
-  padding: 15px;
+    background: var(--eerie-black2);
+    border: 1px solid var(--jet);
+    border-radius: 20px;
+    box-shadow: var(--shadow1);
+    z-index: 1;
+    padding: 15px;
 }
 
 .sidebar.active {
-  max-height: 405px;
+    max-height: 405px;
 }
 
 .separator {
-  width: 100%;
-  height: 1px;
-  background: var(--jet);
-  margin: 16px 0;
+    width: 100%;
+    height: 1px;
+    background: var(--jet);
+    margin: 16px 0;
 }
 
 .icon-box {
-  position: relative;
-  background: var(--border-gradient-onyx);
-  width: 30px;
-  height: 30px;
-  border-radius: 8px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 16px;
-  color: var(--orange-yellow-crayola);
-  box-shadow: var(--shadow1);
-  z-index: 1;
+    position: relative;
+    background: var(--border-gradient-onyx);
+    width: 30px;
+    height: 30px;
+    border-radius: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 16px;
+    color: var(--orange-yellow-crayola);
+    box-shadow: var(--shadow1);
+    z-index: 1;
 }
 
 .icon-box::before {
-  content: "";
-  position: absolute;
-  inset: 1px;
-  background: var(--eerie-black1);
-  border-radius: inherit;
-  z-index: -1;
+    content: "";
+    position: absolute;
+    inset: 1px;
+    background: var(--eerie-black1);
+    border-radius: inherit;
+    z-index: -1;
 }
 
 .icon-box ion-icon {
-  --ionicon-stroke-width: 35px;
+    --ionicon-stroke-width: 35px;
 }
 
 article {
-  display: none;
+    display: none;
 }
 
 article.active {
-  display: block;
-  animation: fade 0.5s ease backwards;
+    display: block;
+    animation: fade 0.5s ease backwards;
 }
 
 @keyframes fade {
-  0% { opacity: 0; }
-  100% { opacity: 1; }
-}
+    0% {
+        opacity: 0;
+    }
+
+    100% {
+        opacity: 1;
+    }
+}
\ No newline at end of file
diff --git a/css/partials/utilities.css b/css/partials/utilities.css
index ea5f6a3..5b757de 100644
--- a/css/partials/utilities.css
+++ b/css/partials/utilities.css
@@ -2,51 +2,52 @@
 
 /* Custom scrollbars */
 .has-scrollbar::-webkit-scrollbar {
-  width: 5px;
-  height: 5px;
+    width: 5px;
+    height: 5px;
 }
 
 .has-scrollbar::-webkit-scrollbar-track {
-  background: var(--onyx);
-  border-radius: 5px;
+    background: var(--onyx);
+    border-radius: 5px;
 }
 
 .has-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--orange-yellow-crayola);
-  border-radius: 5px;
+    background: var(--orange-yellow-crayola);
+    border-radius: 5px;
 }
 
 .has-scrollbar::-webkit-scrollbar-button {
-  width: 20px;
+    width: 20px;
 }
 
 /* Keyframe for scale-up animations */
 @keyframes scaleUp {
-  from {
-    transform: scale(0.5);
-  }
-  to {
-    transform: scale(1);
-  }
+    from {
+        transform: scale(0.5);
+    }
+
+    to {
+        transform: scale(1);
+    }
 }
 
 /* Utility helpers */
 .text-center {
-  text-align: center;
+    text-align: center;
 }
 
 .mt-2 {
-  margin-top: 0.5rem;
+    margin-top: 0.5rem;
 }
 
 .mb-2 {
-  margin-bottom: 0.5rem;
+    margin-bottom: 0.5rem;
 }
 
 .p-2 {
-  padding: 0.5rem;
+    padding: 0.5rem;
 }
 
 .hidden {
-  display: none !important;
-}
+    display: none !important;
+}
\ No newline at end of file