v2.0.1-beta

assets/sass/_common.scss

@@ -2,3 +2,5 @@
 @import 'descripcion';
 @import 'ventajas';
 @import 'dimensiones';
+@import 'construidos';
+@import 'corporativos';

assets/sass/_construidos.scss

@@ -0,0 +1,7 @@
+#construidos {
+  background-image: $fondo_construidos;
+  background-color: linear-gradient(to right, rgb(0, 0, 0, .6), rgb(0, 0, 0, 0));
+  color: $blanco;
+
+  padding-bottom: 1.25rem;
+}

assets/sass/_corporativos.scss

@@ -0,0 +1,18 @@
+#corporativos {
+  background-image: $fondo_corporativos;
+  
+  .segment {
+    .content {
+      .header {
+        padding-top: 2rem;
+        padding-bottom: 1rem;
+      }
+      ul {
+        list-style: none;
+        margin-left: 0;
+        padding-left: 1rem;
+        text-indent: -1rem;
+      }
+    }
+  }
+}

assets/sass/_phone.scss

@@ -4,6 +4,8 @@
 @import 'phone/descripcion';
 @import 'phone/ventajas';
 @import 'phone/dimensiones';
+@import 'phone/construidos';
+@import 'phone/corporativos';
 
 .left.column {
   width: 75%;
@@ -52,12 +54,12 @@
   .construido {
     height: (map.get($heights, "construido"))+rem;
 
-    background-image: $fondo_construido;
+    background-image: $fondo_construidos;
   }
   .corporativos {
     height: (map.get($heights, "corporativos"))+rem;
 
-    background-image: $fondo_corporativo;
+    background-image: $fondo_corporativos;
   }
   .testimonios {
     height: (map.get($heights, "felices"))+rem;

assets/sass/_variables.scss

@@ -13,5 +13,5 @@ $font_family: Roboto, sans;
 // Fondos
 $fondo_cabezal: url('../images/banner.jpg');
 $fondo_ventajas_dimensiones: url('../images/tripode.png');
-$fondo_construido: url('../images/construido.jpg');
-$fondo_corporativo: url('../images/corporativo.png');
+$fondo_construidos: url('../images/construido.jpg');
+$fondo_corporativos: url('../images/corporativo.png');

assets/sass/_ventajas.scss

@@ -23,6 +23,9 @@
 
     .nav {
       position: absolute;
+      cursor: pointer;
+
+      background-color: rgb(255, 255, 255, .5);
     }
     .nav.left {
       top: 50%;

assets/sass/_wide.scss

@@ -4,10 +4,15 @@
 @import 'wide/ventajas';
 @import 'wide/dimensiones';
 
+@import 'wide/corporativos';
+
 .left.column {
-  width: 67%;
+  width: 67% !important;
   padding-left: rem(5) !important;
 }
+.right.column {
+  width: 33% !important;
+}
 
 section .titulo {
   font-size: font_size(22);
@@ -39,12 +44,12 @@ section .titulo {
   .construido {
     height: (map.get($heights, "construido"))+rem;
 
-    background-image: $fondo_construido;
+    background-image: $fondo_construidos;
   }
   .corporativos {
     height: (map.get($heights, "corporativos"))+rem;
 
-    background-image: $fondo_corporativo;
+    background-image: $fondo_corporativos;
   }
   .testimonios {
     height: (map.get($heights, "felices"))+rem;

assets/sass/phone/_construidos.scss

@@ -0,0 +1,3 @@
+#construidos {
+  margin-top: 1rem;
+}

assets/sass/phone/_corporativos.scss

@@ -0,0 +1,3 @@
+#corporativos {
+  margin-top: 1rem !important;
+}

assets/sass/phone/_descripcion.scss

@@ -1,4 +1,6 @@
 #descripcion {
+  padding-bottom: rem(5);
+
   .paragraph {
     padding-top: rem(18);
     line-height: rem(14);
@@ -9,5 +11,4 @@
       font-size: font_size(18);
     }
   }
-  padding-bottom: rem(5);
 }

assets/sass/wide/_corporativos.scss

@@ -0,0 +1,74 @@
+#corporativos {
+  form {
+    @include colors;
+
+    .row {
+      margin-bottom: rem(9);
+    }
+    .colores.linea {
+      //margin-bottom: rem(25-9);
+    }
+    .input.cantidad {
+      width: 4.5rem;
+      background: rgb(255, 255, 255);
+      text-align: center;
+      padding: .5rem 0.05rem;
+      font-size: font_size(10);
+      color: rgba(191, 191, 191, .87) !important;
+
+      button {
+        background: none;
+        border: none;
+        width: 1rem;
+        margin: 0;
+        padding: 0;
+        cursor: pointer;
+        color: rgba(191, 191, 191, .87) !important;
+      }
+      input {
+        width: 2rem;
+        background: none;
+        margin: 0;
+        border: 0;
+        padding: 0;
+        text-align: center;
+        color: rgba(191, 191, 191, .87) !important;
+      }
+    }
+    .input [type="file"] {
+      display: none;
+    }
+    .input .file {
+      display: inline-block;
+      height: rem(20*12/10);
+      //width: rem(150);
+      padding-top: rem(3);
+      margin-left: rem(5);
+      //background-color: #cccccb;
+      //border: thin solid #333;
+      font-size: font_size(16);
+      text-align: center;
+      cursor: pointer;
+    }
+    .input [type="text"] {
+      height: rem(18);
+      background-color: rgba(255, 255, 255);
+      border: none !important;
+      border-radius: 0 !important;
+    }
+    textarea {
+      height: rem(72);
+      background-color: rgba(255, 255, 255);
+      border: none !important;
+      border-radius: 0 !important;
+      margin-bottom: rem(25-9);
+    }
+    .button {
+      width: 100%;
+      background-color: #666667;
+      color: white;
+      border: none !important;
+      border-radius: 0 !important;
+    }
+  }
+}

assets/sass/wide/_descripcion.scss

@@ -2,9 +2,11 @@
   height: (map.get($heights, "descripcion"))+rem;
 
   background-position: left rem(112);
-  background-size: 100% rem(128);
+  background-size: 100% rem(110);
   background-repeat: no-repeat;
 
+  padding-top: rem(100);
+
   .images {
     .image {
       max-width: 33%;