diff --git a/_sass/helpers.scss b/_sass/helpers.scss
index 6d0735b..e6170da 100644
--- a/_sass/helpers.scss
+++ b/_sass/helpers.scss
@@ -13,6 +13,11 @@ $directions: (top, right, bottom, left);
   }
 }
 
+/// Los recursos que cargan a demanda muestran el espacio que ocupan.
+[loading="lazy"] {
+  background: linear-gradient(215deg, #{$white} 0%, #{$primary} 100%);
+}
+
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {
 /// Obtiene el sufijo para cada clase responsive usando mixins de
@@ -302,7 +307,7 @@ $directions: (top, right, bottom, left);
       .hover-#{$color} {
         &:hover,
         &:focus-within {
-          color: var(--#{$color});
+          color: var(--#{$color}) !important;
         }
       }
 
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 1d20529..f822e0e 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -53,8 +53,33 @@ $colors: (
 $theme-colors: (
 );
 
+$spacer: 1rem !default;
+$spacers: (
+  6: ($spacer * 4),
+  7: ($spacer * 5),
+  8: ($spacer * 6),
+  9: ($spacer * 7),
+  10: ($spacer * 8),
+  11: ($spacer * 9),
+  12: ($spacer * 10),
+  13: ($spacer * 11), 
+  14: ($spacer * 12),  
+  15: ($spacer * 13),
+);
+
 /// Tamaños (anchos y altos) redefinidos desde Bootstrap.
 $sizes: (
+  10: 10%,
+  20: 20%,
+  30: 30%,
+  40: 40%,
+  50: 50%,
+  60: 60%,
+  70: 70%,
+  80: 80%,
+  90: 90%,
+  50vh: 50vh,
+  75vh: 75vh
   100vh: 100vh,
   100vw: 100vw
 );
@@ -69,6 +94,11 @@ $opacities: (
   5: 0%
 );
 
+/// Resetear algunos margins y paddings por defecto a cero
+$paragraph-margin-bottom: 0;
+$headings-margin-bottom: 0;
+$label-margin-bottom: 0; 
+
 /// Redefinir variables de Boostrap acá.  Se las puede ver en
 /// node_modules/bootstrap/scss/_variables.scss
 ///