v2.0.1-beta

public/assets/styles/main.css

@@ -100,6 +100,8 @@ html {
 }
 #ventajas .gallery .nav {
   position: absolute;
+  cursor: pointer;
+  background-color: rgba(255, 255, 255, 0.5);
 }
 #ventajas .gallery .nav.left {
   top: 50%;
@@ -130,6 +132,27 @@ html {
   min-width: 67% !important;
 }
 
+#construidos {
+  background-image: url("../images/construido.jpg");
+  background-color: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
+  color: white;
+  padding-bottom: 1.25rem;
+}
+
+#corporativos {
+  background-image: url("../images/corporativo.png");
+}
+#corporativos .segment .content .header {
+  padding-top: 2rem;
+  padding-bottom: 1rem;
+}
+#corporativos .segment .content ul {
+  list-style: none;
+  margin-left: 0;
+  padding-left: 1rem;
+  text-indent: -1rem;
+}
+
 @media screen and (max-width: 800px) {
   #header {
     height: 25rem;
@@ -216,6 +239,14 @@ html {
     cursor: default;
   }
 
+  #construidos {
+    margin-top: 1rem;
+  }
+
+  #corporativos {
+    margin-top: 1rem !important;
+  }
+
   .left.column {
     width: 75%;
     padding-left: 0.46875rem !important;
@@ -923,8 +954,9 @@ html {
   #descripcion {
     height: 25rem;
     background-position: left 7rem;
-    background-size: 100% 8rem;
+    background-size: 100% 6.875rem;
     background-repeat: no-repeat;
+    padding-top: 6.25rem;
   }
   #descripcion .images .image {
     max-width: 33%;
@@ -992,11 +1024,118 @@ html {
     cursor: default;
   }
 
+  #corporativos form .colores {
+    vertical-align: center;
+  }
+  #corporativos form .colores .text {
+    margin-right: 0.1875rem;
+  }
+  #corporativos form .colores .white {
+    border: thin solid black;
+    background-color: white;
+  }
+  #corporativos form .colores .black {
+    background-color: black;
+  }
+  #corporativos form .colores .blue {
+    background-color: blue;
+  }
+  #corporativos form .colores .green {
+    background-color: lime;
+  }
+  #corporativos form .colores .yellow {
+    background-color: yellow;
+  }
+  #corporativos form .colores .orange {
+    background-color: #ff8200;
+  }
+  #corporativos form .colores .red {
+    background-color: red;
+  }
+  #corporativos form .colores .circle {
+    display: inline-block;
+    width: 1.25rem;
+    height: 1.25rem;
+    border-radius: 8000px;
+    margin: auto 0.0625rem;
+    cursor: pointer;
+  }
+  #corporativos form .colores .circle.selected {
+    width: 1.375rem;
+    height: 1.375rem;
+    cursor: default;
+  }
+  #corporativos form .row {
+    margin-bottom: 0.5625rem;
+  }
+  #corporativos form .input.cantidad {
+    width: 4.5rem;
+    background: white;
+    text-align: center;
+    padding: 0.5rem 0.05rem;
+    font-size: 0.8333333333rem;
+    color: rgba(191, 191, 191, 0.87) !important;
+  }
+  #corporativos form .input.cantidad button {
+    background: none;
+    border: none;
+    width: 1rem;
+    margin: 0;
+    padding: 0;
+    cursor: pointer;
+    color: rgba(191, 191, 191, 0.87) !important;
+  }
+  #corporativos form .input.cantidad input {
+    width: 2rem;
+    background: none;
+    margin: 0;
+    border: 0;
+    padding: 0;
+    text-align: center;
+    color: rgba(191, 191, 191, 0.87) !important;
+  }
+  #corporativos form .input [type=file] {
+    display: none;
+  }
+  #corporativos form .input .file {
+    display: inline-block;
+    height: 1.5rem;
+    padding-top: 0.1875rem;
+    margin-left: 0.3125rem;
+    font-size: 1.3333333333rem;
+    text-align: center;
+    cursor: pointer;
+  }
+  #corporativos form .input [type=text] {
+    height: 1.125rem;
+    background-color: white;
+    border: none !important;
+    border-radius: 0 !important;
+  }
+  #corporativos form textarea {
+    height: 4.5rem;
+    background-color: white;
+    border: none !important;
+    border-radius: 0 !important;
+    margin-bottom: 1rem;
+  }
+  #corporativos form .button {
+    width: 100%;
+    background-color: #666667;
+    color: white;
+    border: none !important;
+    border-radius: 0 !important;
+  }
+
   .left.column {
-    width: 67%;
+    width: 67% !important;
     padding-left: 0.3125rem !important;
   }
 
+  .right.column {
+    width: 33% !important;
+  }
+
   section .titulo {
     font-size: 1.8333333333rem;
     padding-top: 3.375rem;