Actualizacuion de Rama Kquiroz

desarrollo/public/assets/registrocomercio/registro-form/assets/css/theme-1.css

@@ -931,7 +931,7 @@
   .dark-logo{
     display: block;
     width: 55%;
-    margin-left: 14%;
+    margin-left: 17%;
   }
   .ugf-wrapper .ugf-content-block {
     min-height: auto;
@@ -992,7 +992,7 @@
     height: 230px;
     -webkit-box-flex: 0;
         -ms-flex: 0 0 230px;
-            flex: 0 0 355px !important;
+            flex: 0 0 360px !important;
   }
 }
 @media all and (max-width: 767px) {
@@ -1118,4 +1118,83 @@
   .loguito{
     display: none;
   }
-}
+}
+/* Preloader */
+#preloader {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(255, 255, 255, 0.9);
+  z-index: 999999;
+}
+
+#loader {
+  display: block;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  width: 150px;
+  height: 150px;
+  margin: -75px 0 0 -75px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #003b73;
+  -webkit-animation: spin 2s linear infinite;
+  animation: spin 2s linear infinite;
+}
+
+#loader:before {
+  content: "";
+  position: absolute;
+  top: 5px;
+  left: 5px;
+  right: 5px;
+  bottom: 5px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #E63108;
+  -webkit-animation: spin 3s linear infinite;
+  animation: spin 3s linear infinite;
+}
+
+#loader:after {
+  content: "";
+  position: absolute;
+  top: 15px;
+  left: 15px;
+  right: 15px;
+  bottom: 15px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #000;
+  -webkit-animation: spin 1.5s linear infinite;
+  animation: spin 1.5s linear infinite;
+}
+
+@-webkit-keyframes spin {
+  0%   {
+      -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+      transform: rotate(0deg);
+  }
+  100% {
+      -webkit-transform: rotate(360deg);
+      -ms-transform: rotate(360deg);
+      transform: rotate(360deg);
+  }
+}
+
+@keyframes spin {
+  0%   {
+      -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+      transform: rotate(0deg);
+  }
+  100% {
+      -webkit-transform: rotate(360deg);
+      -ms-transform: rotate(360deg);
+      transform: rotate(360deg);
+  }
+}

desarrollo/public/assets/registrocomercio/registro-form/assets/css/theme-2.css

@@ -203,6 +203,10 @@
   margin-bottom: 0;
 }
 
+.rounded-lapieza-8 {
+  border-radius: 10px !important;
+}
+
 .logo {
   position: absolute;
   top: 50px;
@@ -341,7 +345,7 @@
   content: url(../images/arrow-left-grey.png);
 }
 .ugf-content h2 {
-  font-size: 3.6rem;
+  font-size: 3srem;
   color: #1c2437;
   font-weight: 700;
   font-family: "Roboto", sans-serif;
@@ -349,12 +353,24 @@
 .ugf-content h2 span {
   display: block;
 }
+
+.ugf-content h3 {
+  font-size: 3rem;
+  color: #003b73;
+  font-weight: 700;
+  font-family: "Roboto", sans-serif;
+  
+}
+.ugf-content h3 span {
+  display: block;
+}
+
 .ugf-content p {
   font-size: 1.5rem;
   color: #546274;
   font-weight: 400;
   font-family: "Roboto", sans-serif;
-  margin-top: 20px;
+  margin-top: 13px;
   margin-bottom: 1%;
 }
 .ugf-content form {
@@ -891,8 +907,8 @@
 
 @media all and (max-width: 1600px) {
   .logo {
-    top: 50px;
-    left: 60px;
+    top: 12px;
+    left: 50px;
   }
 
   .dark-logo{
@@ -931,9 +947,18 @@
   }
   .dark-logo{
     display: block;
-    width: 50%;
-    margin-left: 27%;
+    width: 55%;
+    margin-left: 19%;
   }
+
+  .margin-pd{
+    margin-right: 57%;
+  }
+
+  .margin-bc{
+    margin-top: 9%;
+  }
+
   .ugf-wrapper .ugf-content-block {
     min-height: auto;
     text-align: center;
@@ -1005,7 +1030,7 @@
             transform: translateX(-50%);
   }
   .ugf-wrapper .ugf-content-block .ugf-content {
-    padding: 140px 0 0;
+    padding: 115px 0 0;
     text-align: center;
   }
   .ugf-wrapper .ugf-content-block .alternet-access {
@@ -1119,4 +1144,83 @@
   .loguito{
     display: none;
   }
-}
+}
+/* Preloader */
+#preloader {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(255, 255, 255, 0.9);
+  z-index: 999999;
+}
+
+#loader {
+  display: block;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  width: 150px;
+  height: 150px;
+  margin: -75px 0 0 -75px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #003b73;
+  -webkit-animation: spin 2s linear infinite;
+  animation: spin 2s linear infinite;
+}
+
+#loader:before {
+  content: "";
+  position: absolute;
+  top: 5px;
+  left: 5px;
+  right: 5px;
+  bottom: 5px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #E63108;
+  -webkit-animation: spin 3s linear infinite;
+  animation: spin 3s linear infinite;
+}
+
+#loader:after {
+  content: "";
+  position: absolute;
+  top: 15px;
+  left: 15px;
+  right: 15px;
+  bottom: 15px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #000;
+  -webkit-animation: spin 1.5s linear infinite;
+  animation: spin 1.5s linear infinite;
+}
+
+@-webkit-keyframes spin {
+  0%   {
+      -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+      transform: rotate(0deg);
+  }
+  100% {
+      -webkit-transform: rotate(360deg);
+      -ms-transform: rotate(360deg);
+      transform: rotate(360deg);
+  }
+}
+
+@keyframes spin {
+  0%   {
+      -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+      transform: rotate(0deg);
+  }
+  100% {
+      -webkit-transform: rotate(360deg);
+      -ms-transform: rotate(360deg);
+      transform: rotate(360deg);
+  }
+}