diff --git a/src/app/modules/cancelar-compra/cancelar-compra.component.scss b/src/app/modules/cancelar-compra/cancelar-compra.component.scss
index f0420bd..783c2cc 100644
--- a/src/app/modules/cancelar-compra/cancelar-compra.component.scss
+++ b/src/app/modules/cancelar-compra/cancelar-compra.component.scss
@@ -2,19 +2,19 @@
   background-color: rgb(212, 212, 212);
 }
 
-#cancelCard.media-pantalla{
+#cancelCard.media-pantalla {
   height: 45% !important;
   margin-top: 1rem !important;
 }
 
-#cancelCard.media-pantalla h4{
+#cancelCard.media-pantalla h4 {
   margin-top: 1rem !important;
 }
 
-#cancelImg.media-pantalla{
+#cancelImg.media-pantalla {
   height: 20% !important;
 }
 
-#cancelImg.media-pantalla img{
+#cancelImg.media-pantalla img {
   max-width: 15% !important;
 }
diff --git a/src/app/modules/carrito/carrito.component.scss b/src/app/modules/carrito/carrito.component.scss
index 6f7854a..7514ee5 100644
--- a/src/app/modules/carrito/carrito.component.scss
+++ b/src/app/modules/carrito/carrito.component.scss
@@ -1,12 +1,12 @@
 .bg-total {
-    width: 75px;
-    border-radius: 1.5rem;
-  }
+  width: 75px;
+  border-radius: 1.5rem;
+}
 
-  #art-carrito.media-pantalla{
-    min-height: 130px !important;
+#art-carrito.media-pantalla {
+  min-height: 130px !important;
 }
 
-#carrito.media-pantalla{
+#carrito.media-pantalla {
   max-height: 60% !important;
 }
diff --git a/src/app/modules/forma-pago/forma-pago.component.scss b/src/app/modules/forma-pago/forma-pago.component.scss
index 3a780b2..230ab6e 100644
--- a/src/app/modules/forma-pago/forma-pago.component.scss
+++ b/src/app/modules/forma-pago/forma-pago.component.scss
@@ -1,20 +1,19 @@
-  #card1.media-pantalla{
-    position: absolute;
-    bottom: 150px;
-    -webkit-box-flex: 0;
-      flex: 0 0 41.6666666667%;
-      max-width: 41.6666666667%;
-    left: 10%;
-    margin-left: 0 !important;
-  }
-  
-  #card2.media-pantalla{
-    position: absolute;
-    bottom: 150px;
-    -webkit-box-flex: 0;
-      flex: 0 0 41.6666666667%;
-      max-width: 41.6666666667%;
-    right: 10%;
-    margin-right: 0 !important;
-  }
-  
\ No newline at end of file
+#card1.media-pantalla {
+  position: absolute;
+  bottom: 150px;
+  -webkit-box-flex: 0;
+  flex: 0 0 41.6666666667%;
+  max-width: 41.6666666667%;
+  left: 10%;
+  margin-left: 0 !important;
+}
+
+#card2.media-pantalla {
+  position: absolute;
+  bottom: 150px;
+  -webkit-box-flex: 0;
+  flex: 0 0 41.6666666667%;
+  max-width: 41.6666666667%;
+  right: 10%;
+  margin-right: 0 !important;
+}
diff --git a/src/app/modules/info-formas-pago/info-formas-pago.component.scss b/src/app/modules/info-formas-pago/info-formas-pago.component.scss
index 80cb4e7..ebfa964 100644
--- a/src/app/modules/info-formas-pago/info-formas-pago.component.scss
+++ b/src/app/modules/info-formas-pago/info-formas-pago.component.scss
@@ -2,22 +2,22 @@
   margin-top: 4.5rem;
 }
 
-#card1.media-pantalla{
+#card1.media-pantalla {
   position: absolute;
   bottom: 0;
   -webkit-box-flex: 0;
-    flex: 0 0 41.6666666667%;
-    max-width: 41.6666666667%;
+  flex: 0 0 41.6666666667%;
+  max-width: 41.6666666667%;
   left: 5%;
   margin-left: 0 !important;
 }
 
-#card2.media-pantalla{
+#card2.media-pantalla {
   position: absolute;
   bottom: 0;
   -webkit-box-flex: 0;
-    flex: 0 0 41.6666666667%;
-    max-width: 41.6666666667%;
+  flex: 0 0 41.6666666667%;
+  max-width: 41.6666666667%;
   right: 5%;
   margin-right: 0 !important;
   height: 202px !important;
diff --git a/src/app/modules/opcion-pedido/opcion-pedido.component.scss b/src/app/modules/opcion-pedido/opcion-pedido.component.scss
index a69d5ef..230ab6e 100644
--- a/src/app/modules/opcion-pedido/opcion-pedido.component.scss
+++ b/src/app/modules/opcion-pedido/opcion-pedido.component.scss
@@ -1,19 +1,19 @@
-#card1.media-pantalla{
-    position: absolute;
-    bottom: 150px;
-    -webkit-box-flex: 0;
-      flex: 0 0 41.6666666667%;
-      max-width: 41.6666666667%;
-    left: 10%;
-    margin-left: 0 !important;
-  }
-  
-  #card2.media-pantalla{
-    position: absolute;
-    bottom: 150px;
-    -webkit-box-flex: 0;
-      flex: 0 0 41.6666666667%;
-      max-width: 41.6666666667%;
-    right: 10%;
-    margin-right: 0 !important;
-  }
\ No newline at end of file
+#card1.media-pantalla {
+  position: absolute;
+  bottom: 150px;
+  -webkit-box-flex: 0;
+  flex: 0 0 41.6666666667%;
+  max-width: 41.6666666667%;
+  left: 10%;
+  margin-left: 0 !important;
+}
+
+#card2.media-pantalla {
+  position: absolute;
+  bottom: 150px;
+  -webkit-box-flex: 0;
+  flex: 0 0 41.6666666667%;
+  max-width: 41.6666666667%;
+  right: 10%;
+  margin-right: 0 !important;
+}
diff --git a/src/app/modules/pago-electronico/pago-electronico.component.scss b/src/app/modules/pago-electronico/pago-electronico.component.scss
index 62b9628..0866e0c 100644
--- a/src/app/modules/pago-electronico/pago-electronico.component.scss
+++ b/src/app/modules/pago-electronico/pago-electronico.component.scss
@@ -4,4 +4,4 @@
 
 .mt-7 {
   margin-top: 6rem;
-}
\ No newline at end of file
+}
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss b/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
index eef4d03..a13ffb8 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
@@ -44,15 +44,15 @@ $primary: #aa006b;
   border-radius: 1.5rem;
 }
 
-#content.media-pantalla{
+#content.media-pantalla {
   max-height: 60% !important;
 }
 
-.cat-content.media-pantalla{
+.cat-content.media-pantalla {
   margin: 1.3rem 0.9rem !important;
   height: 60% !important;
 }
 
-.cat-btn.media-pantalla{
+.cat-btn.media-pantalla {
   height: 7% !important;
 }
diff --git a/src/app/shared/header-publicidad/header-publicidad.component.scss b/src/app/shared/header-publicidad/header-publicidad.component.scss
index de0fa5c..834076b 100644
--- a/src/app/shared/header-publicidad/header-publicidad.component.scss
+++ b/src/app/shared/header-publicidad/header-publicidad.component.scss
@@ -1,6 +1,6 @@
-#headerPub.media-pantalla{
-    height: 12% !important;
+#headerPub.media-pantalla {
+  height: 12% !important;
 }
-#headerPad.media-pantalla{
-    padding: 0.5rem !important;
+#headerPad.media-pantalla {
+  padding: 0.5rem !important;
 }
diff --git a/src/styles.scss b/src/styles.scss
index 1dc9fde..c04c0a7 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -66,7 +66,7 @@ p {
   transform: rotate(-180deg);
 }
 
-body.media-pantalla{
+body.media-pantalla {
   position: absolute !important;
   bottom: 0;
   width: 100%;