LOGO ABAJO
- Siempre visible
- Menor tamaño
-
diff --git a/assets/html/003_descripcion.html b/assets/html/003_descripcion.html
index a17a4cb..dfb319d 100644
--- a/assets/html/003_descripcion.html
+++ b/assets/html/003_descripcion.html
@@ -1,4 +1,4 @@
-
+
diff --git a/assets/html/003_descripcion.html b/assets/html/003_descripcion.html
index a17a4cb..dfb319d 100644
--- a/assets/html/003_descripcion.html
+++ b/assets/html/003_descripcion.html
@@ -1,4 +1,4 @@
-
diff --git a/assets/html/004_ventajas.html b/assets/html/004_ventajas.html
index 9901b70..b06af68 100644
--- a/assets/html/004_ventajas.html
+++ b/assets/html/004_ventajas.html
@@ -1,4 +1,4 @@
-
+
@@ -8,7 +8,7 @@
-
+
diff --git a/assets/html/005_dimensiones.html b/assets/html/005_dimensiones.html
index 9b6735c..512f483 100644
--- a/assets/html/005_dimensiones.html
+++ b/assets/html/005_dimensiones.html
@@ -1,4 +1,4 @@
-
+
@@ -30,17 +30,17 @@
-
-
- 
-
-
-
-
+
-
+
+
+
+ 
+
+
+
+
diff --git a/assets/html/006_construidos.html b/assets/html/006_construidos.html
index 449e248..cca7cfb 100644
--- a/assets/html/006_construidos.html
+++ b/assets/html/006_construidos.html
@@ -1,4 +1,4 @@
-
diff --git a/assets/html/010_nav.html b/assets/html/010_nav.html
new file mode 100644
index 0000000..109ee52
--- /dev/null
+++ b/assets/html/010_nav.html
@@ -0,0 +1,26 @@
+
diff --git a/assets/html/011_modal_images.html b/assets/html/011_modal_images.html
new file mode 100644
index 0000000..6bcaa6c
--- /dev/null
+++ b/assets/html/011_modal_images.html
@@ -0,0 +1,7 @@
+![]()
').attr('src', img)
+ )
+ p.modal.modal('show')
+ })
+ }
+}
+
$(document).ready(function() {
- $('#menu.sticky').sticky()
- $('.column2 .sticky').sticky({
- context: '#column'
- })
$('#subir').sticky()
$('.shopping.cart').innerText = 0
+ sticky.setup()
ventajas.setup()
dimensiones.setup()
let sticky_amount = new Amount($('.sticky .input input[name="cantidad"]'))
@@ -430,6 +465,7 @@ $(document).ready(function() {
let cotiza_color = new Colors($('#corporativos .colores'))
cotiza_form.setup()
conversemos_form.setup()
+ image.setup()
window.mobileCheck = function() {
let check = false;
diff --git a/assets/sass/_common.scss b/assets/sass/_common.scss
index 947bedc..2588c8e 100644
--- a/assets/sass/_common.scss
+++ b/assets/sass/_common.scss
@@ -1,8 +1,43 @@
-@import 'header';
-@import 'descripcion';
-@import 'ventajas';
-@import 'dimensiones';
-@import 'construidos';
-@import 'corporativos';
-@import 'testimonios';
-@import 'contacto';
+@import 'common/header';
+@import 'common/descripcion';
+@import 'common/ventajas';
+@import 'common/dimensiones';
+@import 'common/construidos';
+@import 'common/corporativos';
+@import 'common/testimonios';
+@import 'common/contacto';
+@import 'common/nav';
+@import 'common/image_modal';
+
+.white.circle {
+ border: thin solid rgb(0, 0, 0);
+ background-color: rgb(255, 255, 255);
+}
+.black.circle {
+ background-color: rgb(0, 0, 0);
+}
+.blue.circle {
+ background-color: rgb(0, 110, 230);
+}
+.petrol.circle {
+ background-color: rgb(0, 80, 120);
+}
+.cyan.circle {
+ background-color: rgb(80, 200, 255);
+}
+.green.circle {
+ background-color: rgb(10, 200, 100);
+}
+.yellow.circle {
+ background-color: rgb(255, 240, 70);
+}
+.orange.circle {
+ background-color: rgb(255, 130, 70);
+}
+.red.circle {
+ background-color: rgb(255, 20, 50);
+}
+
+.column:not(.row) {
+ padding-top: 0 !important;
+}
diff --git a/assets/sass/_functions.scss b/assets/sass/_functions.scss
index dc8113a..1b3ef49 100644
--- a/assets/sass/_functions.scss
+++ b/assets/sass/_functions.scss
@@ -16,28 +16,6 @@
margin-right: rem(3);
}
- .white {
- border: thin solid rgb(0, 0, 0);
- background-color: rgb(255, 255, 255);
- }
- .black {
- background-color: rgb(0, 0, 0);
- }
- .blue {
- background-color: rgb(0, 0, 255);
- }
- .green {
- background-color: rgb(0, 255, 0);
- }
- .yellow {
- background-color: rgb(255, 255, 0);
- }
- .orange {
- background-color: rgb(255, 130, 0);
- }
- .red {
- background-color: rgb(255, 0, 0);
- }
.circle {
display: inline-block;
diff --git a/assets/sass/_header.scss b/assets/sass/_header.scss
deleted file mode 100644
index 5ef0e2a..0000000
--- a/assets/sass/_header.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-#header {
- background-image: $fondo_cabezal;
- background-repeat: no-repeat;
- background-color: rgba(0, 0, 0, .4);
- background-blend-mode: multiply;
-
- color: $blanco;
-
- .container {
- #menu {
- background: none !important;
- border: none !important;
- box-shadow: none !important;
-
- .right.menu {
- .item {
- .shopping.cart {
- .cantidad {
- position: relative;
- color: $blanco;
- }
- }
- }
- }
- }
- .segment {
- margin: 0 !important;
- #logo {
- img {
- width: 50%;
- }
- }
- }
- }
-}
diff --git a/assets/sass/_wide.scss b/assets/sass/_wide.scss
index eba31b8..fb46f77 100644
--- a/assets/sass/_wide.scss
+++ b/assets/sass/_wide.scss
@@ -7,6 +7,8 @@
@import 'wide/corporativos';
@import 'wide/testimonios';
@import 'wide/contacto';
+@import 'wide/sticky';
+@import 'wide/nav';
.left.column {
width: 67% !important;
@@ -25,291 +27,3 @@ section .titulo {
body {
color: $gris_standard;
}
-
-#content {
- max-width: rem($full_width) !important;
- height: ($content_height)+rem;
-
- position: relative;
- top: (-$content_height)+rem;
-
- &>.column {
- display: inline-block;
- float: left;
-
- padding-left: 1rem !important;
- padding-right: 1rem !important;
-
- &::after {
- clear: both;
- }
- }
- &>.column1 {
- width: percentage($column1/100);
- }
- &>.column2 {
- width: percentage($column2/100);
- height: ($column_height1)+rem;
-
- .sticky {
- height: rem(265);
- width: rem(310);
- margin: auto;
-
- .row:first-child {
- height: rem(170);
- margin-top: rem(80);
-
- .column {
- display: inline-block;
- float: left;
-
- &::after {
- clear: both;
- }
- }
- .column1 {
- vertical-align: bottom;
- padding-top: rem(20);
- width: rem(310*2/3);
-
- .linea {
- margin-bottom: rem(10);
- }
-
- .titulo {
- font-size: font_size(25);
- }
- .precio {
- font-size: font_size(16);
- }
- font-size: font_size(14);
-
- @include colors;
- .input {
- width: 4.5rem;
- border: thin solid rgb(0, 0, 0);
- text-align: center;
- padding: .5rem 0.05rem;
- font-size: font_size(10);
-
- button {
- background: none;
- border: none;
- width: 1rem;
- margin: 0;
- padding: 0;
- cursor: pointer;
- font-weight: bold;
- }
- input {
- width: 2rem;
- background: none;
- margin: 0;
- border: 0;
- padding: 0;
- text-align: center;
- }
- }
- }
- .column2 {
- width: rem(310/3);
-
- img {
- width: rem(110);
- height: rem(160);
- }
- }
- }
- .row:last-child {
- .button {
- border-radius: 0 !important;
- width: 100%;
- }
- }
- }
- }
-
- #felices {
- height: (map.get($heights, "felices"))+rem;
-
- padding: 0 1rem !important;
- padding-top: rem(60) !important;
-
- .header {
- //margin-top: rem(60);
- font-size: font_size(22);
- }
- .testimonios {
- margin-top: rem(25);
- display: flex;
- justify-content: space-between;
- text-align: center;
-
- .testimonio {
- height: rem(80);
- color: #666667;
- margin-top: rem(20);
- width: percentage(30/100);
- text-align: center;
- }
- }
- .nav {
- display: block;
- text-align: center;
- color: #666667;
- }
- }
-
- #formulario {
- height: (map.get($heights, "formulario"))+rem;
-
- padding: 0 1rem !important;
-
- .whatsapp-link {
- color: inherit;
- }
- &>.column {
- float: left;
-
- padding-left: 1rem !important;
- padding-right: 1rem !important;
-
- &::after {
- clear: both;
- }
- }
- &>.flotante {
- position: absolute;
- top: rem(183);
- margin: auto;
- left: 40%;
- width: rem($full_width/5);
- text-align: center;
-
- &>.content {
- width: rem(130);
- margin: auto;
- left: -50%;
-
- .item {
- display: block;
- padding: rem(5) 0;
- }
- div.whatsapp {
- height: rem(30);
- background-color: #1a9947;
- color: #fff;
- font-size: rem(10);
-
- &>i {
- position: relative;
- font-size: font_size(16);
- top: rem(3);
- }
- }
- .rrss {
- display: flex;
- justify-content: space-around;
- font-size: rem(20);
-
- i.inverted.grey {
- color: white !important;
- }
- }
- }
- }
- &>.column1 {
- width: percentage($column1/100);
- margin-top: rem(27);
-
- &>img {
- width: rem(540);
- height: rem(350);
- float: left;
- }
- }
- &>.column2 {
- width: percentage($column2/100);
-
- .header {
- margin-top: rem(20);
- text-align: center;
- font-size: font_size(22);
-
- .whatsapp-link {
- display: inline-block;
- width: rem(25);
- height: rem(25);
- font-size: font_size(25);
- }
- }
-
- .paragraph {
- padding-top: 1rem;
- padding-bottom: rem(25);
- justify-content: center;
- }
-
- form {
- input {
- border-radius: 0 !important;
- height: rem(18);
- margin-bottom: rem(9);
- background-color: rgba(255, 255, 255, .5);
- font-size: font_size(10);
- &::placeholder {
- color: $gris_standard;
- }
- }
- textarea {
- border-radius: 0 !important;
- height: rem(72);
- margin-bottom: rem(25);
- background-color: rgba(255, 255, 255, .5);
- font-size: font_size(10);
- &::placeholder {
- color: $gris_standard;
- }
- }
- .button {
- width: 100%;
- border-radius: 0 !important;
- background-color: white;
- color: $gris_standard;
- }
- }
- }
- }
-
- section {
- background: none;
-
- &.segment>.container {
- height: 100%;
-
- &>.column1 {
- display: inline-block;
- width: ($column1)+rem;
- }
- &>.column2 {
- display: inline-block;
- width: ($column2)+rem;
- }
- }
- }
- .simple.segment {
- border: none !important;
- border-radius: 0 !important;
- box-shadow: none !important;
- margin: 0 !important;
- padding: 0 !important;
-
- &>.ui.grid {
- height: 100%;
- }
- }
- .fondo-blanco {
- background-color: rgba(255, 255, 255, .5);
- }
-}
diff --git a/assets/sass/_construidos.scss b/assets/sass/common/_construidos.scss
similarity index 100%
rename from assets/sass/_construidos.scss
rename to assets/sass/common/_construidos.scss
diff --git a/assets/sass/_contacto.scss b/assets/sass/common/_contacto.scss
similarity index 100%
rename from assets/sass/_contacto.scss
rename to assets/sass/common/_contacto.scss
diff --git a/assets/sass/_corporativos.scss b/assets/sass/common/_corporativos.scss
similarity index 100%
rename from assets/sass/_corporativos.scss
rename to assets/sass/common/_corporativos.scss
diff --git a/assets/sass/_descripcion.scss b/assets/sass/common/_descripcion.scss
similarity index 100%
rename from assets/sass/_descripcion.scss
rename to assets/sass/common/_descripcion.scss
diff --git a/assets/sass/_dimensiones.scss b/assets/sass/common/_dimensiones.scss
similarity index 100%
rename from assets/sass/_dimensiones.scss
rename to assets/sass/common/_dimensiones.scss
diff --git a/assets/sass/common/_header.scss b/assets/sass/common/_header.scss
new file mode 100644
index 0000000..552d23b
--- /dev/null
+++ b/assets/sass/common/_header.scss
@@ -0,0 +1,19 @@
+#header {
+ background-image: $fondo_cabezal;
+ background-repeat: no-repeat;
+ background-color: rgba(0, 0, 0, .4);
+ background-blend-mode: multiply;
+
+ color: $blanco;
+
+ .container {
+ .segment {
+ margin: 0 !important;
+ #logo {
+ img {
+ width: 50%;
+ }
+ }
+ }
+ }
+}
diff --git a/assets/sass/common/_image_modal.scss b/assets/sass/common/_image_modal.scss
new file mode 100644
index 0000000..db98557
--- /dev/null
+++ b/assets/sass/common/_image_modal.scss
@@ -0,0 +1,14 @@
+#images.modal {
+ text-align: center;
+
+ .header {
+ text-align: right;
+ }
+ .content {
+ text-align: center;
+
+ img {
+ margin: auto;
+ }
+ }
+}
diff --git a/assets/sass/common/_nav.scss b/assets/sass/common/_nav.scss
new file mode 100644
index 0000000..c975811
--- /dev/null
+++ b/assets/sass/common/_nav.scss
@@ -0,0 +1,17 @@
+#menu {
+ z-index: 100;
+ background: none !important;
+ border: none !important;
+ box-shadow: none !important;
+
+ .right.menu {
+ .item {
+ .shopping.cart {
+ .cantidad {
+ position: relative;
+ color: $blanco;
+ }
+ }
+ }
+ }
+}
diff --git a/assets/sass/_testimonios.scss b/assets/sass/common/_testimonios.scss
similarity index 100%
rename from assets/sass/_testimonios.scss
rename to assets/sass/common/_testimonios.scss
diff --git a/assets/sass/_ventajas.scss b/assets/sass/common/_ventajas.scss
similarity index 100%
rename from assets/sass/_ventajas.scss
rename to assets/sass/common/_ventajas.scss
diff --git a/assets/sass/wide/_descripcion.scss b/assets/sass/wide/_descripcion.scss
index 2daae4b..6330900 100644
--- a/assets/sass/wide/_descripcion.scss
+++ b/assets/sass/wide/_descripcion.scss
@@ -1,11 +1,10 @@
#descripcion {
- height: (map.get($heights, "descripcion"))+rem;
-
background-position: left rem(112);
background-size: 100% rem(110);
background-repeat: no-repeat;
padding-top: rem(100);
+ margin-bottom: rem(25);
.images {
.image {
diff --git a/assets/sass/wide/_header.scss b/assets/sass/wide/_header.scss
index e048f38..4746947 100644
--- a/assets/sass/wide/_header.scss
+++ b/assets/sass/wide/_header.scss
@@ -3,24 +3,4 @@
background-size: 160%;
background-position: bottom rem(-40) center;
-
- .container {
- #menu {
- i {
- font-size: font-size(24);
- }
- .right.menu {
- .item {
- .shopping.cart {
- .cantidad {
- font-size: font-size(12);
- font-family: $font_family;
- top: rem(-28);
- left: rem(3.2);
- }
- }
- }
- }
- }
- }
}
diff --git a/assets/sass/wide/_nav.scss b/assets/sass/wide/_nav.scss
new file mode 100644
index 0000000..22bae0a
--- /dev/null
+++ b/assets/sass/wide/_nav.scss
@@ -0,0 +1,17 @@
+#menu {
+ i {
+ font-size: font-size(24);
+ }
+ .right.menu {
+ .item {
+ .shopping.cart {
+ .cantidad {
+ font-size: font-size(12);
+ font-family: $font_family;
+ top: rem(-28);
+ left: rem(3.2);
+ }
+ }
+ }
+ }
+}
diff --git a/assets/sass/wide/_sticky.scss b/assets/sass/wide/_sticky.scss
new file mode 100644
index 0000000..672237b
--- /dev/null
+++ b/assets/sass/wide/_sticky.scss
@@ -0,0 +1,69 @@
+#columna_sticky {
+ position: absolute;
+ top: (map.get($heights, 'cabezal'))+rem;
+ height: 100%;
+ width: 100%;
+
+ .left.column {
+ pointer-events: none;
+ }
+ .sticky {
+ background-color: rgba(255, 255, 255, .5);
+
+ z-index: 10;
+
+ margin-top: rem(40);
+ padding-top: rem(54);
+
+ .row {
+ padding-top: 0 !important;
+ }
+
+ .column:first-child {
+ vertical-align: bottom;
+ padding-top: rem(20);
+
+ .titulo {
+ font-size: font_size(25);
+ }
+ .precio {
+ font-size: font_size(16);
+ }
+ font-size: font_size(14);
+
+ @include colors;
+ .input.cantidad {
+ width: 4.5rem;
+ border: thin solid rgb(0, 0, 0);
+ text-align: center;
+ padding: .5rem 0.05rem;
+ font-size: font_size(10);
+
+ button {
+ background: none;
+ border: none;
+ width: 1rem;
+ margin: 0;
+ padding: 0;
+ cursor: pointer;
+ font-weight: bold;
+ }
+ input {
+ width: 2rem;
+ background: none;
+ margin: 0;
+ border: 0;
+ padding: 0;
+ text-align: center;
+ }
+ .button {
+ border-radius: 0 !important;
+ width: 100%;
+ }
+ }
+ .button {
+ width: 100%;
+ }
+ }
+ }
+}
diff --git a/public/assets/images/banner.jpg b/public/assets/images/banner.jpg
index 329fcce..db99474 100644
Binary files a/public/assets/images/banner.jpg and b/public/assets/images/banner.jpg differ
diff --git a/public/assets/images/descripcion1.png b/public/assets/images/descripcion1.png
index 7283785..c1dfc43 100644
Binary files a/public/assets/images/descripcion1.png and b/public/assets/images/descripcion1.png differ
diff --git a/public/assets/images/descripcion2.png b/public/assets/images/descripcion2.png
index 10ea056..ea0bcdc 100644
Binary files a/public/assets/images/descripcion2.png and b/public/assets/images/descripcion2.png differ
diff --git a/public/assets/images/descripcion3.png b/public/assets/images/descripcion3.png
index 5eb0c13..8bfe39b 100644
Binary files a/public/assets/images/descripcion3.png and b/public/assets/images/descripcion3.png differ
diff --git a/public/assets/images/favicon.png b/public/assets/images/favicon.png
index 45e5d5d..fd30bed 100644
Binary files a/public/assets/images/favicon.png and b/public/assets/images/favicon.png differ
diff --git a/public/assets/images/foto1.jpg b/public/assets/images/foto1.jpg
deleted file mode 100644
index 4fe1cf0..0000000
Binary files a/public/assets/images/foto1.jpg and /dev/null differ
diff --git a/public/assets/images/foto2.jpg b/public/assets/images/foto2.jpg
deleted file mode 100644
index ab0fcb4..0000000
Binary files a/public/assets/images/foto2.jpg and /dev/null differ
diff --git a/public/assets/images/foto3.jpg b/public/assets/images/foto3.jpg
deleted file mode 100644
index af3cbb2..0000000
Binary files a/public/assets/images/foto3.jpg and /dev/null differ
diff --git a/public/assets/images/foto4.jpg b/public/assets/images/foto4.jpg
deleted file mode 100644
index f3864ee..0000000
Binary files a/public/assets/images/foto4.jpg and /dev/null differ
diff --git a/public/assets/images/fotos/P1070119.jpg b/public/assets/images/fotos/P1070119.jpg
deleted file mode 100644
index cf3d36c..0000000
Binary files a/public/assets/images/fotos/P1070119.jpg and /dev/null differ
diff --git a/public/assets/images/fotos/amarillo/center.jpg b/public/assets/images/fotos/amarillo/center.jpg
index db17491..3c1b5d1 100644
Binary files a/public/assets/images/fotos/amarillo/center.jpg and b/public/assets/images/fotos/amarillo/center.jpg differ
diff --git a/public/assets/images/fotos/amarillo/left-small.jpg b/public/assets/images/fotos/amarillo/left-small.jpg
deleted file mode 100644
index 5b0b9ab..0000000
Binary files a/public/assets/images/fotos/amarillo/left-small.jpg and /dev/null differ
diff --git a/public/assets/images/fotos/amarillo/left.jpg b/public/assets/images/fotos/amarillo/left.jpg
index d36e181..e1a1778 100644
Binary files a/public/assets/images/fotos/amarillo/left.jpg and b/public/assets/images/fotos/amarillo/left.jpg differ
diff --git a/public/assets/images/fotos/amarillo/right.jpg b/public/assets/images/fotos/amarillo/right.jpg
index a37129a..d4134ff 100644
Binary files a/public/assets/images/fotos/amarillo/right.jpg and b/public/assets/images/fotos/amarillo/right.jpg differ
diff --git a/public/assets/images/fotos/azul/center.jpg b/public/assets/images/fotos/azul/center.jpg
index adc9517..7a470dd 100644
Binary files a/public/assets/images/fotos/azul/center.jpg and b/public/assets/images/fotos/azul/center.jpg differ
diff --git a/public/assets/images/fotos/azul/left-small.jpg b/public/assets/images/fotos/azul/left-small.jpg
deleted file mode 100644
index f959523..0000000
Binary files a/public/assets/images/fotos/azul/left-small.jpg and /dev/null differ
diff --git a/public/assets/images/fotos/azul/left.jpg b/public/assets/images/fotos/azul/left.jpg
index f3dc5b4..1b7960b 100644
Binary files a/public/assets/images/fotos/azul/left.jpg and b/public/assets/images/fotos/azul/left.jpg differ
diff --git a/public/assets/images/fotos/azul/right.jpg b/public/assets/images/fotos/azul/right.jpg
index a154e22..afadd3c 100644
Binary files a/public/assets/images/fotos/azul/right.jpg and b/public/assets/images/fotos/azul/right.jpg differ
diff --git a/public/assets/images/fotos/azul_petroleo/center.jpg b/public/assets/images/fotos/azul_petroleo/center.jpg
new file mode 100644
index 0000000..e169c89
Binary files /dev/null and b/public/assets/images/fotos/azul_petroleo/center.jpg differ
diff --git a/public/assets/images/fotos/azul_petroleo/left.jpg b/public/assets/images/fotos/azul_petroleo/left.jpg
new file mode 100644
index 0000000..9d15370
Binary files /dev/null and b/public/assets/images/fotos/azul_petroleo/left.jpg differ
diff --git a/public/assets/images/fotos/azul_petroleo/right.jpg b/public/assets/images/fotos/azul_petroleo/right.jpg
new file mode 100644
index 0000000..2225f03
Binary files /dev/null and b/public/assets/images/fotos/azul_petroleo/right.jpg differ
diff --git a/public/assets/images/fotos/blanco/center.jpg b/public/assets/images/fotos/blanco/center.jpg
index 5534053..8d8dafb 100644
Binary files a/public/assets/images/fotos/blanco/center.jpg and b/public/assets/images/fotos/blanco/center.jpg differ
diff --git a/public/assets/images/fotos/blanco/left-small.jpg b/public/assets/images/fotos/blanco/left-small.jpg
deleted file mode 100644
index 7b15d92..0000000
Binary files a/public/assets/images/fotos/blanco/left-small.jpg and /dev/null differ
diff --git a/public/assets/images/fotos/blanco/left.jpg b/public/assets/images/fotos/blanco/left.jpg
index 75508d8..196de7a 100644
Binary files a/public/assets/images/fotos/blanco/left.jpg and b/public/assets/images/fotos/blanco/left.jpg differ
diff --git a/public/assets/images/fotos/blanco/right.jpg b/public/assets/images/fotos/blanco/right.jpg
index 031ab5e..9c220dc 100644
Binary files a/public/assets/images/fotos/blanco/right.jpg and b/public/assets/images/fotos/blanco/right.jpg differ
diff --git a/public/assets/images/fotos/celeste/center.jpg b/public/assets/images/fotos/celeste/center.jpg
index 8f294c3..c4265ea 100644
Binary files a/public/assets/images/fotos/celeste/center.jpg and b/public/assets/images/fotos/celeste/center.jpg differ
diff --git a/public/assets/images/fotos/celeste/left-small.jpg b/public/assets/images/fotos/celeste/left-small.jpg
deleted file mode 100644
index 7f55e59..0000000
Binary files a/public/assets/images/fotos/celeste/left-small.jpg and /dev/null differ
diff --git a/public/assets/images/fotos/celeste/left.jpg b/public/assets/images/fotos/celeste/left.jpg
index 8c3fc05..13e6224 100644
Binary files a/public/assets/images/fotos/celeste/left.jpg and b/public/assets/images/fotos/celeste/left.jpg differ
diff --git a/public/assets/images/fotos/celeste/right.jpg b/public/assets/images/fotos/celeste/right.jpg
index 9c147d3..1cd25fa 100644
Binary files a/public/assets/images/fotos/celeste/right.jpg and b/public/assets/images/fotos/celeste/right.jpg differ
diff --git a/public/assets/images/fotos/naranjo/center.jpg b/public/assets/images/fotos/naranjo/center.jpg
index c47ec4c..147c9d1 100644
Binary files a/public/assets/images/fotos/naranjo/center.jpg and b/public/assets/images/fotos/naranjo/center.jpg differ
diff --git a/public/assets/images/fotos/naranjo/left-small.jpg b/public/assets/images/fotos/naranjo/left-small.jpg
deleted file mode 100644
index ad1b8f5..0000000
Binary files a/public/assets/images/fotos/naranjo/left-small.jpg and /dev/null differ
diff --git a/public/assets/images/fotos/naranjo/left.jpg b/public/assets/images/fotos/naranjo/left.jpg
index a3e1677..4570e62 100644
Binary files a/public/assets/images/fotos/naranjo/left.jpg and b/public/assets/images/fotos/naranjo/left.jpg differ
diff --git a/public/assets/images/fotos/naranjo/right.jpg b/public/assets/images/fotos/naranjo/right.jpg
index 86ddf92..7521290 100644
Binary files a/public/assets/images/fotos/naranjo/right.jpg and b/public/assets/images/fotos/naranjo/right.jpg differ
diff --git a/public/assets/images/fotos/negro/center.jpg b/public/assets/images/fotos/negro/center.jpg
index 5e3adfc..1de4423 100644
Binary files a/public/assets/images/fotos/negro/center.jpg and b/public/assets/images/fotos/negro/center.jpg differ
diff --git a/public/assets/images/fotos/negro/left-small.jpg b/public/assets/images/fotos/negro/left-small.jpg
deleted file mode 100644
index 67072d7..0000000
Binary files a/public/assets/images/fotos/negro/left-small.jpg and /dev/null differ
diff --git a/public/assets/images/fotos/negro/left.jpg b/public/assets/images/fotos/negro/left.jpg
index b3ebf54..065b220 100644
Binary files a/public/assets/images/fotos/negro/left.jpg and b/public/assets/images/fotos/negro/left.jpg differ
diff --git a/public/assets/images/fotos/negro/right.jpg b/public/assets/images/fotos/negro/right.jpg
index 3a76d7f..48a7f2b 100644
Binary files a/public/assets/images/fotos/negro/right.jpg and b/public/assets/images/fotos/negro/right.jpg differ
diff --git a/public/assets/images/fotos/petroleo/center.jpg b/public/assets/images/fotos/petroleo/center.jpg
deleted file mode 100644
index de04435..0000000
Binary files a/public/assets/images/fotos/petroleo/center.jpg and /dev/null differ
diff --git a/public/assets/images/fotos/petroleo/left-small.jpg b/public/assets/images/fotos/petroleo/left-small.jpg
deleted file mode 100644
index 289ed1b..0000000
Binary files a/public/assets/images/fotos/petroleo/left-small.jpg and /dev/null differ
diff --git a/public/assets/images/fotos/petroleo/left.jpg b/public/assets/images/fotos/petroleo/left.jpg
deleted file mode 100644
index 94d8f78..0000000
Binary files a/public/assets/images/fotos/petroleo/left.jpg and /dev/null differ
diff --git a/public/assets/images/fotos/petroleo/right.jpg b/public/assets/images/fotos/petroleo/right.jpg
deleted file mode 100644
index 31011f4..0000000
Binary files a/public/assets/images/fotos/petroleo/right.jpg and /dev/null differ
diff --git a/public/assets/images/fotos/rojo/center.jpg b/public/assets/images/fotos/rojo/center.jpg
index 5bb2fb1..7ad5a6b 100644
Binary files a/public/assets/images/fotos/rojo/center.jpg and b/public/assets/images/fotos/rojo/center.jpg differ
diff --git a/public/assets/images/fotos/rojo/left-small.jpg b/public/assets/images/fotos/rojo/left-small.jpg
deleted file mode 100644
index 20a311e..0000000
Binary files a/public/assets/images/fotos/rojo/left-small.jpg and /dev/null differ
diff --git a/public/assets/images/fotos/rojo/left.jpg b/public/assets/images/fotos/rojo/left.jpg
index 70fd6a4..09949f3 100644
Binary files a/public/assets/images/fotos/rojo/left.jpg and b/public/assets/images/fotos/rojo/left.jpg differ
diff --git a/public/assets/images/fotos/rojo/right.jpg b/public/assets/images/fotos/rojo/right.jpg
index 2e7cf56..9011f64 100644
Binary files a/public/assets/images/fotos/rojo/right.jpg and b/public/assets/images/fotos/rojo/right.jpg differ
diff --git a/public/assets/images/fotos/verde/center.jpg b/public/assets/images/fotos/verde/center.jpg
index aa744cc..ad95be1 100644
Binary files a/public/assets/images/fotos/verde/center.jpg and b/public/assets/images/fotos/verde/center.jpg differ
diff --git a/public/assets/images/fotos/verde/left-small.jpg b/public/assets/images/fotos/verde/left-small.jpg
deleted file mode 100644
index 265c733..0000000
Binary files a/public/assets/images/fotos/verde/left-small.jpg and /dev/null differ
diff --git a/public/assets/images/fotos/verde/left.jpg b/public/assets/images/fotos/verde/left.jpg
index 33b9094..67bdad8 100644
Binary files a/public/assets/images/fotos/verde/left.jpg and b/public/assets/images/fotos/verde/left.jpg differ
diff --git a/public/assets/images/fotos/verde/right.jpg b/public/assets/images/fotos/verde/right.jpg
index 063296f..47e96f3 100644
Binary files a/public/assets/images/fotos/verde/right.jpg and b/public/assets/images/fotos/verde/right.jpg differ
diff --git a/public/assets/images/galeria/foto1.jpg b/public/assets/images/galeria/foto1.jpg
index 0c4fc5e..a5cb7d9 100644
Binary files a/public/assets/images/galeria/foto1.jpg and b/public/assets/images/galeria/foto1.jpg differ
diff --git a/public/assets/images/galeria/foto2.jpg b/public/assets/images/galeria/foto2.jpg
index b5723c3..4104177 100644
Binary files a/public/assets/images/galeria/foto2.jpg and b/public/assets/images/galeria/foto2.jpg differ
diff --git a/public/assets/images/galeria/foto3.JPG b/public/assets/images/galeria/foto3.JPG
index 0a6f29f..2e7c0f9 100644
Binary files a/public/assets/images/galeria/foto3.JPG and b/public/assets/images/galeria/foto3.JPG differ
diff --git a/public/assets/images/galeria/foto4.JPG b/public/assets/images/galeria/foto4.JPG
index 3ab98ce..eda157a 100644
Binary files a/public/assets/images/galeria/foto4.JPG and b/public/assets/images/galeria/foto4.JPG differ
diff --git a/public/assets/images/galeria/foto5.JPG b/public/assets/images/galeria/foto5.JPG
index 20f0ddc..648e7a6 100644
Binary files a/public/assets/images/galeria/foto5.JPG and b/public/assets/images/galeria/foto5.JPG differ
diff --git a/public/assets/images/galeria/foto6.JPG b/public/assets/images/galeria/foto6.JPG
index ef58e56..9940e5e 100644
Binary files a/public/assets/images/galeria/foto6.JPG and b/public/assets/images/galeria/foto6.JPG differ
diff --git a/public/assets/images/seccion11.png b/public/assets/images/seccion11.png
deleted file mode 100644
index a33f6d2..0000000
Binary files a/public/assets/images/seccion11.png and /dev/null differ
diff --git a/public/assets/images/seccion12.png b/public/assets/images/seccion12.png
deleted file mode 100644
index 7396d1f..0000000
Binary files a/public/assets/images/seccion12.png and /dev/null differ
diff --git a/public/assets/images/seccion13.png b/public/assets/images/seccion13.png
deleted file mode 100644
index c379fc9..0000000
Binary files a/public/assets/images/seccion13.png and /dev/null differ
diff --git a/public/assets/images/variedades.png b/public/assets/images/variedades.png
deleted file mode 100644
index a2ab061..0000000
Binary files a/public/assets/images/variedades.png and /dev/null differ
diff --git a/public/assets/scripts/main.js b/public/assets/scripts/main.js
index c0d9fd4..a5cd1f5 100644
--- a/public/assets/scripts/main.js
+++ b/public/assets/scripts/main.js
@@ -9,31 +9,31 @@ let available_colors = {
},
blue: {
name: 'azul',
- rgb: 'rgb(0, 0, 255)'
+ rgb: 'rgb(0, 110, 230)'
},
petrol: {
- name: 'petroleo',
- rgb: 'rgb(0, 0, 150)'
+ name: 'azul_petroleo',
+ rgb: 'rgb(0, 80, 120)'
},
cyan: {
name: 'celeste',
- rgb: 'rgb(150, 150, 255)'
+ rgb: 'rgb(80, 200, 255)'
},
green: {
name: 'verde',
- rgb: 'rgb(0, 255, 0)'
+ rgb: 'rgb(10, 200, 100)'
},
yellow: {
name: 'amarillo',
- rgb: 'rgb(255, 255, 0)'
+ rgb: 'rgb(255, 240, 70)'
},
orange: {
name: 'naranjo',
- rgb: 'rgb(255, 130, 0)'
+ rgb: 'rgb(255, 130, 70)'
},
red: {
name: 'rojo',
- rgb: 'rgb(255, 0, 0)'
+ rgb: 'rgb(255, 20, 50)'
}
}
@@ -115,7 +115,7 @@ class Colors {
this.input = elem.find('input[name="color"]')
this.changing = null
if (changing) {
- this.changing = elem.parent().parent().find('.column2 img')
+ this.changing = elem.parent().parent().find('.column img')
}
this.setup()
}
@@ -143,7 +143,7 @@ class Colors {
})
this.elem.find('.' + color + '.circle').addClass('selected')
if (this.changing != null) {
- this.changing.attr('src', './assets/images/' + this.picked + '.png')
+ this.changing.attr('src', './assets/images/fotos/' + this.picked + '/left.jpg')
}
}
}
@@ -198,7 +198,8 @@ let dimensiones = {
setup: function() {
this.elem.find('.colores .circle').each((i, el) => {
let color = $(el).attr('class').split(' ')[0]
- if (color == 'petrol' || color == 'cyan') {
+ let cssColor = $(el).css('background-color')
+ if (cssColor != this.colors[color]['rgb']) {
$(el).css('background-color', this.colors[color]['rgb'])
}
$(el).click((e) => {
@@ -412,15 +413,49 @@ let testimonios = {
}
}
+let sticky = {
+ elem: $('#columna_sticky'),
+ setup: function() {
+ var h = 0
+ $('section.columna').each((i, el) => {
+ h += $(el).outerHeight(true)
+ })
+ this.elem.height(h)
+ this.elem.find('#column').height(h)
+
+ $('#columna_sticky .sticky').sticky({
+ context: '#column'
+ })
+ }
+}
+
+let image = {
+ elem: $('.agrandable'),
+ modal: $('#images.modal'),
+ setup: function() {
+ this.modal.modal()
+ this.modal.find('.close.icon').click((e) => {
+ this.modal.modal('hide')
+ this.modal.find('.image').html('')
+ })
+ let p = this
+ this.elem.click(function(e) {
+ let img = $(this).find('img').attr('src')
+ p.modal.find('.image').html('')
+ p.modal.find('.image').append(
+ $('![]()
').attr('src', img)
+ )
+ p.modal.modal('show')
+ })
+ }
+}
+
$(document).ready(function() {
- $('#menu.sticky').sticky()
- $('.column2 .sticky').sticky({
- context: '#column'
- })
$('#subir').sticky()
$('.shopping.cart').innerText = 0
+ sticky.setup()
ventajas.setup()
dimensiones.setup()
let sticky_amount = new Amount($('.sticky .input input[name="cantidad"]'))
@@ -430,6 +465,7 @@ $(document).ready(function() {
let cotiza_color = new Colors($('#corporativos .colores'))
cotiza_form.setup()
conversemos_form.setup()
+ image.setup()
window.mobileCheck = function() {
let check = false;
diff --git a/public/assets/scripts/main.min.js b/public/assets/scripts/main.min.js
index 65281e5..d6ccb9c 100644
--- a/public/assets/scripts/main.min.js
+++ b/public/assets/scripts/main.min.js
@@ -1,2 +1,2 @@
-"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var i=0;i'),"minus"==e&&this[e].html('')}},{key:"disable_button",value:function(e){this[e].addClass("disabled"),this[e].html("")}},{key:"check_limits",value:function(){this.enable_button("plus"),this.enable_button("minus"),this.n>this.max&&(this.n=this.max),this.n==this.max&&this.disable_button("plus"),this.n<0&&(this.n=0),0==this.n&&this.disable_button("minus")}},{key:"increment",value:function(){this.n+=1}},{key:"decrement",value:function(){--this.n}},{key:"print",value:function(){this.check_limits(),this.elem.val(this.n)}},{key:"value",get:function(){return this.n}}]),t}(),Colors=function(){function i(e){var t=1this.fotos&&(e=1),this.elem.find(".gallery .image img").attr("src","./assets/images/galeria/foto"+e+".jpg"),this.current=e},prev:function(){var e=this.current-1;e<1&&(e=this.fotos),this.elem.find(".gallery .image img").attr("src","./assets/images/galeria/foto"+e+".jpg"),this.current=e}},dimensiones={colors:available_colors,elem:$("#dimensiones"),setup:function(){var n=this;this.elem.find(".colores .circle").each(function(e,t){var i=$(t).attr("class").split(" ")[0];"petrol"!=i&&"cyan"!=i||$(t).css("background-color",n.colors[i].rgb),$(t).click(function(e){n.change_color(i)})})},change_color:function(e){this.picked=this.colors[e].name,this.elem.find(".colores .circle").each(function(e,t){$(t).removeClass("selected")}),this.elem.find(".colores ."+e+".circle").addClass("selected"),this.change_images(this.colors[e].name)},change_images:function(n){this.elem.find(".fotos img").each(function(e,t){var i=$(t).attr("class");$(t).attr("src","./assets/images/fotos/"+n+"/"+i+".jpg")})}},smtp={SecureToken:"4adcdc1f-6b6e-4e60-ab72-20da4c329b09",From:"contacto@3dstand.cl"},sticky_form={elem:$(".sticky form"),setup:function(){var t=this;this.elem.submit(function(e){return e.preventDefault(),t.submit(),!1})},submit:function(){console.debug("submit sticky")}},cotiza_form={elem:$("#corporativos form"),setup:function(){var t=this;this.elem.submit(function(e){return e.preventDefault(),t.submit(),!1}),this.file=this.elem.find('input[type="file"]'),this.elem.find(".file").click(function(e){t.file.trigger("click")})},submit:function(){var e=this.elem.find('[name="email"]').val(),t=new FormData(this.elem[0]),i=["Nombre: "+this.elem.find('[name="nombre"]').val(),"E-mail: "+e,"Teléfono: "+this.elem.find('[name="telefono"]').val(),"","Color: "+this.elem.find('[name="color"]').val(),"Cantidad: "+this.elem.find('[name="cantidad"]').val(),this.elem.find('[name="mensaje"]').val()],t={SecureToken:smtp.SecureToken,To:e,From:smtp.From,Subject:"Cotizacion - "+(new Date).toLocaleString("es-CL",{timezone:"UTC-3"}),Body:i.join("
"),Attachments:[{name:"Logo",data:t.get("archivo")}]};Email.send(t)}},conversemos_form={elem:$("#contacto_form"),setup:function(){var t=this;this.elem.submit(function(e){return e.preventDefault(),t.submit(),!1})},submit:function(){var e=this.elem.find('[name="email"]').val(),t=["Nombre: "+this.elem.find('[name="nombre"]').val(),"E-mail: "+e,"",this.elem.find('[name="mensaje"]').val()],t={SecureToken:smtp.SecureToken,From:smtp.From,To:e,Subject:"Contacto "+(new Date).toLocaleString("es-CL",{timezone:"UTC-3"}),Body:t.join("
")};Email.send(t)}},testimonios={testimonios:[{autor:"John Master",contenido:"Este soporte que compré en @Stand-cl me cambió la vida, me sirve para el teléfono y el ipad, y ya no tengo que andar acomodando los aparatos en cualquier parte para las videollamadas"},{autor:"John Master",contenido:"Siiii todo mi gusto.. me encantó lo completo que es. Gracias"},{autor:"John Master",contenido:"Está super cool se ve de buena calidad"},{autor:"John Master",contenido:"Llego el mío, y es excelente, estoy feliz con mi compra"},{autor:"John Master",contenido:"Hola!!Me llegó el pedido, Muchas gracias muy bello. Me salvaste la vida"},{autor:"John Master",contenido:"Perfecto el producto, funciona impecable, muchas gracias"},{autor:"John Master",contenido:"Están bacanes! muchísimas gracias. Le regalé a mis viejos y lo aman"},{autor:"John Master",contenido:"Hola! Quería decirte que me encantaron los soportes, Muy útiles!"},{autor:"John Master",contenido:"Compré 3 y olvidé decirte que los encontré geniales! Me encantaron"},{autor:"John Master",contenido:"Diseño simple y funcional, minimalista y excelente precio, despacho súper Rápido.. gracias!"}],elem:$("#testimonios"),page:0,setup:function(){3!=this.amount&&(this.elem.find(".testimonios").removeClass("three"),this.elem.find(".testimonios").addClass(this.word_amount[this.amount])),this.draw()},amount:3,word_amount:{1:"one",3:"three"},draw:function(){var e=this.page*this.amount,t=this.elem.find(".testimonios");t.html("");for(var i=0;i=this.testimonios.length);i++)t.append($("").attr("class","ui centered fluid card").append($("").attr("class","center aligned content").append($("").attr("class","header").html(this.testimonios[e].autor.toUpperCase())).append($("").attr("class","description").html(this.testimonios[e].contenido))).append($("").attr("class","center aligned content").append($("").attr("class","ui mini black rating disabled").attr("data-rating","5").attr("data-max-rating","5")))),e++;this.elem.find(".ui.rating").rating(),this.draw_nav()},draw_nav:function(){var e=Math.ceil(this.testimonios.length/this.amount),t=this.page,i=this.elem.find(".nav"),n=this;i.html("");for(var a=0;a").attr("class","small circle outline icon").css("cursor","pointer").attr("data-page",a);a==t&&o.removeClass("outline"),o.click(function(e){n.page=parseInt($(this).attr("data-page")),n.draw()}),i.append(o)}}};$(document).ready(function(){$("#menu.sticky").sticky(),$(".column2 .sticky").sticky({context:"#column"}),$("#subir").sticky(),$(".shopping.cart").innerText=0,ventajas.setup(),dimensiones.setup();new Amount($('.sticky .input input[name="cantidad"]')),new Colors($(".sticky .colores"),!0);sticky_form.setup();new Amount($('#corporativos .input input[name="cantidad"]')),new Colors($("#corporativos .colores"));cotiza_form.setup(),conversemos_form.setup(),window.mobileCheck=function(){var e,t=!1;return e=navigator.userAgent||navigator.vendor||window.opera,(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(e)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(e.substr(0,4)))&&(t=!0),t},window.mobileCheck()&&(testimonios.amount=1),testimonios.setup()});
+"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var i=0;i'),"minus"==e&&this[e].html('')}},{key:"disable_button",value:function(e){this[e].addClass("disabled"),this[e].html("")}},{key:"check_limits",value:function(){this.enable_button("plus"),this.enable_button("minus"),this.n>this.max&&(this.n=this.max),this.n==this.max&&this.disable_button("plus"),this.n<0&&(this.n=0),0==this.n&&this.disable_button("minus")}},{key:"increment",value:function(){this.n+=1}},{key:"decrement",value:function(){--this.n}},{key:"print",value:function(){this.check_limits(),this.elem.val(this.n)}},{key:"value",get:function(){return this.n}}]),t}(),Colors=function(){function i(e){var t=1this.fotos&&(e=1),this.elem.find(".gallery .image img").attr("src","./assets/images/galeria/foto"+e+".jpg"),this.current=e},prev:function(){var e=this.current-1;e<1&&(e=this.fotos),this.elem.find(".gallery .image img").attr("src","./assets/images/galeria/foto"+e+".jpg"),this.current=e}},dimensiones={colors:available_colors,elem:$("#dimensiones"),setup:function(){var n=this;this.elem.find(".colores .circle").each(function(e,t){var i=$(t).attr("class").split(" ")[0];$(t).css("background-color")!=n.colors[i].rgb&&$(t).css("background-color",n.colors[i].rgb),$(t).click(function(e){n.change_color(i)})})},change_color:function(e){this.picked=this.colors[e].name,this.elem.find(".colores .circle").each(function(e,t){$(t).removeClass("selected")}),this.elem.find(".colores ."+e+".circle").addClass("selected"),this.change_images(this.colors[e].name)},change_images:function(n){this.elem.find(".fotos img").each(function(e,t){var i=$(t).attr("class");$(t).attr("src","./assets/images/fotos/"+n+"/"+i+".jpg")})}},smtp={SecureToken:"4adcdc1f-6b6e-4e60-ab72-20da4c329b09",From:"contacto@3dstand.cl"},sticky_form={elem:$(".sticky form"),setup:function(){var t=this;this.elem.submit(function(e){return e.preventDefault(),t.submit(),!1})},submit:function(){console.debug("submit sticky")}},cotiza_form={elem:$("#corporativos form"),setup:function(){var t=this;this.elem.submit(function(e){return e.preventDefault(),t.submit(),!1}),this.file=this.elem.find('input[type="file"]'),this.elem.find(".file").click(function(e){t.file.trigger("click")})},submit:function(){var e=this.elem.find('[name="email"]').val(),t=new FormData(this.elem[0]),i=["Nombre: "+this.elem.find('[name="nombre"]').val(),"E-mail: "+e,"Teléfono: "+this.elem.find('[name="telefono"]').val(),"","Color: "+this.elem.find('[name="color"]').val(),"Cantidad: "+this.elem.find('[name="cantidad"]').val(),this.elem.find('[name="mensaje"]').val()],t={SecureToken:smtp.SecureToken,To:e,From:smtp.From,Subject:"Cotizacion - "+(new Date).toLocaleString("es-CL",{timezone:"UTC-3"}),Body:i.join("
"),Attachments:[{name:"Logo",data:t.get("archivo")}]};Email.send(t)}},conversemos_form={elem:$("#contacto_form"),setup:function(){var t=this;this.elem.submit(function(e){return e.preventDefault(),t.submit(),!1})},submit:function(){var e=this.elem.find('[name="email"]').val(),t=["Nombre: "+this.elem.find('[name="nombre"]').val(),"E-mail: "+e,"",this.elem.find('[name="mensaje"]').val()],t={SecureToken:smtp.SecureToken,From:smtp.From,To:e,Subject:"Contacto "+(new Date).toLocaleString("es-CL",{timezone:"UTC-3"}),Body:t.join("
")};Email.send(t)}},testimonios={testimonios:[{autor:"John Master",contenido:"Este soporte que compré en @Stand-cl me cambió la vida, me sirve para el teléfono y el ipad, y ya no tengo que andar acomodando los aparatos en cualquier parte para las videollamadas"},{autor:"John Master",contenido:"Siiii todo mi gusto.. me encantó lo completo que es. Gracias"},{autor:"John Master",contenido:"Está super cool se ve de buena calidad"},{autor:"John Master",contenido:"Llego el mío, y es excelente, estoy feliz con mi compra"},{autor:"John Master",contenido:"Hola!!Me llegó el pedido, Muchas gracias muy bello. Me salvaste la vida"},{autor:"John Master",contenido:"Perfecto el producto, funciona impecable, muchas gracias"},{autor:"John Master",contenido:"Están bacanes! muchísimas gracias. Le regalé a mis viejos y lo aman"},{autor:"John Master",contenido:"Hola! Quería decirte que me encantaron los soportes, Muy útiles!"},{autor:"John Master",contenido:"Compré 3 y olvidé decirte que los encontré geniales! Me encantaron"},{autor:"John Master",contenido:"Diseño simple y funcional, minimalista y excelente precio, despacho súper Rápido.. gracias!"}],elem:$("#testimonios"),page:0,setup:function(){3!=this.amount&&(this.elem.find(".testimonios").removeClass("three"),this.elem.find(".testimonios").addClass(this.word_amount[this.amount])),this.draw()},amount:3,word_amount:{1:"one",3:"three"},draw:function(){var e=this.page*this.amount,t=this.elem.find(".testimonios");t.html("");for(var i=0;i=this.testimonios.length);i++)t.append($("").attr("class","ui centered fluid card").append($("").attr("class","center aligned content").append($("").attr("class","header").html(this.testimonios[e].autor.toUpperCase())).append($("").attr("class","description").html(this.testimonios[e].contenido))).append($("").attr("class","center aligned content").append($("").attr("class","ui mini black rating disabled").attr("data-rating","5").attr("data-max-rating","5")))),e++;this.elem.find(".ui.rating").rating(),this.draw_nav()},draw_nav:function(){var e=Math.ceil(this.testimonios.length/this.amount),t=this.page,i=this.elem.find(".nav"),n=this;i.html("");for(var a=0;a").attr("class","small circle outline icon").css("cursor","pointer").attr("data-page",a);a==t&&o.removeClass("outline"),o.click(function(e){n.page=parseInt($(this).attr("data-page")),n.draw()}),i.append(o)}}},sticky={elem:$("#columna_sticky"),setup:function(){var i=0;$("section.columna").each(function(e,t){i+=$(t).outerHeight(!0)}),this.elem.height(i),this.elem.find("#column").height(i),$("#columna_sticky .sticky").sticky({context:"#column"})}},image={elem:$(".agrandable"),modal:$("#images.modal"),setup:function(){var t=this;this.modal.modal(),this.modal.find(".close.icon").click(function(e){t.modal.modal("hide"),t.modal.find(".image").html("")});var i=this;this.elem.click(function(e){var t=$(this).find("img").attr("src");i.modal.find(".image").html(""),i.modal.find(".image").append($("![]()
").attr("src",t)),i.modal.modal("show")})}};$(document).ready(function(){$("#subir").sticky(),$(".shopping.cart").innerText=0,sticky.setup(),ventajas.setup(),dimensiones.setup();new Amount($('.sticky .input input[name="cantidad"]')),new Colors($(".sticky .colores"),!0);sticky_form.setup();new Amount($('#corporativos .input input[name="cantidad"]')),new Colors($("#corporativos .colores"));cotiza_form.setup(),conversemos_form.setup(),image.setup(),window.mobileCheck=function(){var e,t=!1;return e=navigator.userAgent||navigator.vendor||window.opera,(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(e)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(e.substr(0,4)))&&(t=!0),t},window.mobileCheck()&&(testimonios.amount=1),testimonios.setup()});
//# sourceMappingURL=maps/main.min.js.map
diff --git a/public/assets/scripts/maps/main.min.js.map b/public/assets/scripts/maps/main.min.js.map
index 6bde2b6..f2dc891 100644
--- a/public/assets/scripts/maps/main.min.js.map
+++ b/public/assets/scripts/maps/main.min.js.map
@@ -1 +1 @@
-{"version":3,"sources":["main.js"],"names":["available_colors","white","name","rgb","black","blue","petrol","cyan","green","yellow","Amount","elem","_classCallCheck","this","red","minus","parent","find","plus","n","setup","max","_this","val","click","e","change","parseInt","print","removeClass","increment","html","addClass","enable_button","disable_button","check_limits","Colors","changing","arguments","length","undefined","colors","picked","input","_this2","each","i","el","color","$","attr","split","css","change_color","_this3","default_color_format","ventajas","fotos","_this4","h","w","next","swipe","swipeLeft","dir","d","t","data","swipeRight","prev","current","dimensiones","_this5","change_images","pos","smtp","SecureToken","From","sticky_form","_this6","submit","debug","cotiza_form","_this7","preventDefault","file","trigger","email","body","content","To","Subject","Date","toLocaleString","timezone","Body","join","get","Email","conversemos_form","_this8","send","console","testimonios","contenido","autor","Attachments","page","word_amount","amount","draw","1","3","p","append","toUpperCase","rating","draw_nav","N","Math","ceil","k","nav","tests","circle","document","ready","sticky","context","innerText","window","mobileCheck","a","check","navigator","userAgent","vendor","opera","test","substr"],"mappings":"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","file":"../main.min.js","sourcesContent":["let available_colors = {\r\n white: {\r\n name: 'blanco',\r\n rgb: 'rgb(255, 255, 255)'\r\n },\r\n black: {\r\n name: 'negro',\r\n rgb: 'rgb(0, 0, 0)'\r\n },\r\n blue: {\r\n name: 'azul',\r\n rgb: 'rgb(0, 0, 255)'\r\n },\r\n petrol: {\r\n name: 'petroleo',\r\n rgb: 'rgb(0, 0, 150)'\r\n },\r\n cyan: {\r\n name: 'celeste',\r\n rgb: 'rgb(150, 150, 255)'\r\n },\r\n green: {\r\n name: 'verde',\r\n rgb: 'rgb(0, 255, 0)'\r\n },\r\n yellow: {\r\n name: 'amarillo',\r\n rgb: 'rgb(255, 255, 0)'\r\n },\r\n orange: {\r\n name: 'naranjo',\r\n rgb: 'rgb(255, 130, 0)'\r\n },\r\n red: {\r\n name: 'rojo',\r\n rgb: 'rgb(255, 0, 0)'\r\n }\r\n}\r\n\r\nclass Amount {\r\n constructor(elem) {\r\n this.elem = elem\r\n this.minus = elem.parent().find('.minus')\r\n this.plus = elem.parent().find('.plus')\r\n this.n = 0\r\n this.setup()\r\n this.max = 999\r\n }\r\n setup() {\r\n this.elem.val(0)\r\n this.plus.click((e) => {\r\n this.increment()\r\n this.print()\r\n })\r\n this.minus.click((e) => {\r\n this.decrement()\r\n this.print()\r\n })\r\n this.elem.change((e) => {\r\n this.n = parseInt(this.elem.val())\r\n this.print()\r\n })\r\n this.print()\r\n }\r\n enable_button(name) {\r\n this[name].removeClass('disabled')\r\n if (name == 'plus') {\r\n this[name].html('')\r\n }\r\n if (name == 'minus') {\r\n this[name].html('')\r\n }\r\n }\r\n disable_button(name) {\r\n this[name].addClass('disabled')\r\n this[name].html('')\r\n }\r\n check_limits() {\r\n this.enable_button('plus')\r\n this.enable_button('minus')\r\n if (this.n > this.max) {\r\n this.n = this.max\r\n }\r\n if (this.n == this.max) {\r\n this.disable_button('plus')\r\n }\r\n\r\n if (this.n < 0) {\r\n this.n = 0\r\n }\r\n if (this.n == 0) {\r\n this.disable_button('minus')\r\n }\r\n }\r\n increment() {\r\n this.n += 1\r\n }\r\n decrement() {\r\n this.n -= 1\r\n }\r\n get value() {\r\n return this.n\r\n }\r\n print() {\r\n this.check_limits()\r\n this.elem.val(this.n)\r\n }\r\n}\r\n\r\nclass Colors {\r\n constructor(elem, changing = false) {\r\n this.colors = available_colors\r\n this.picked = 'blue'\r\n this.elem = elem\r\n this.input = elem.find('input[name=\"color\"]')\r\n this.changing = null\r\n if (changing) {\r\n this.changing = elem.parent().parent().find('.column2 img')\r\n }\r\n this.setup()\r\n }\r\n setup() {\r\n this.elem.find('.circle').each((i, el) => {\r\n let color = $(el).attr('class').split(' ')[0]\r\n let cssColor = $(el).css('background-color')\r\n if (cssColor != this.colors[color]['rgb']) {\r\n $(el).css('background-color', this.colors[color]['rgb'])\r\n }\r\n $(el).click((e) => {\r\n this.change_color(color)\r\n })\r\n })\r\n this.change_color('blue')\r\n }\r\n default_color_format(el) {\r\n $(el).removeClass('selected')\r\n }\r\n change_color(color) {\r\n this.picked = this.colors[color]['name']\r\n this.input.val(this.picked)\r\n this.elem.find('.circle').each((i, el) => {\r\n this.default_color_format(el)\r\n })\r\n this.elem.find('.' + color + '.circle').addClass('selected')\r\n if (this.changing != null) {\r\n this.changing.attr('src', './assets/images/' + this.picked + '.png')\r\n }\r\n }\r\n}\r\n\r\nlet ventajas = {\r\n elem: $('#ventajas'),\r\n fotos: 6,\r\n setup: function() {\r\n let h = this.elem.css('height')\r\n let w = this.elem.css('width')\r\n\r\n this.elem.find('.diagonal').css('borderBottomWidth', h)\r\n this.elem.find('.diagonal').css('borderRightWidth', w)\r\n\r\n this.elem.find('.nav.left').click((e) => {\r\n this.prev()\r\n })\r\n this.elem.find('.nav.right').click((e) => {\r\n this.next()\r\n })\r\n\r\n this.elem.find('.gallery').swipe({\r\n swipeLeft: (e, dir, d, t, n, data) => {\r\n this.next()\r\n },\r\n swipeRight: (e, dir, d, t, n, data) => {\r\n this.prev()\r\n }\r\n })\r\n },\r\n current: 1,\r\n next: function() {\r\n var n = this.current + 1\r\n if (n > this.fotos) {\r\n n = 1\r\n }\r\n this.elem.find('.gallery .image img').attr('src', './assets/images/galeria/foto' + n + '.jpg')\r\n this.current = n\r\n },\r\n prev: function() {\r\n var n = this.current - 1\r\n if (n < 1) {\r\n n = this.fotos\r\n }\r\n this.elem.find('.gallery .image img').attr('src', './assets/images/galeria/foto' + n + '.jpg')\r\n this.current = n\r\n }\r\n}\r\nlet dimensiones = {\r\n colors: available_colors,\r\n elem: $('#dimensiones'),\r\n setup: function() {\r\n this.elem.find('.colores .circle').each((i, el) => {\r\n let color = $(el).attr('class').split(' ')[0]\r\n if (color == 'petrol' || color == 'cyan') {\r\n $(el).css('background-color', this.colors[color]['rgb'])\r\n }\r\n $(el).click((e) => {\r\n this.change_color(color)\r\n })\r\n })\r\n },\r\n change_color: function(color) {\r\n this.picked = this.colors[color]['name']\r\n this.elem.find('.colores .circle').each((i, el) => {\r\n $(el).removeClass('selected')\r\n })\r\n this.elem.find('.colores .' + color + '.circle').addClass('selected')\r\n this.change_images(this.colors[color]['name'])\r\n },\r\n change_images: function(color) {\r\n this.elem.find('.fotos img').each((i, el) => {\r\n let pos = $(el).attr('class')\r\n $(el).attr('src', './assets/images/fotos/' + color + '/' + pos + '.jpg')\r\n })\r\n }\r\n}\r\n\r\nlet smtp = {\r\n SecureToken: '4adcdc1f-6b6e-4e60-ab72-20da4c329b09',\r\n From: 'contacto@3dstand.cl'\r\n}\r\n\r\nlet sticky_form = {\r\n elem: $('.sticky form'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n },\r\n submit: function() {\r\n console.debug('submit sticky')\r\n }\r\n}\r\nlet cotiza_form = {\r\n elem: $('#corporativos form'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n this.file = this.elem.find('input[type=\"file\"]')\r\n this.elem.find('.file').click((e) => {\r\n this.file.trigger('click')\r\n })\r\n },\r\n submit: function() {\r\n let email = this.elem.find('[name=\"email\"]').val()\r\n let data = new FormData(this.elem[0])\r\n let body = [\r\n 'Nombre: ' + this.elem.find('[name=\"nombre\"]').val(),\r\n 'E-mail: ' + email,\r\n 'Teléfono: ' + this.elem.find('[name=\"telefono\"]').val(),\r\n '',\r\n 'Color: ' + this.elem.find('[name=\"color\"]').val(),\r\n 'Cantidad: ' + this.elem.find('[name=\"cantidad\"]').val(),\r\n this.elem.find('[name=\"mensaje\"]').val()\r\n ]\r\n let content = {\r\n SecureToken: smtp.SecureToken,\r\n To: email,\r\n From: smtp.From,\r\n Subject: 'Cotizacion - ' + (new Date()).toLocaleString('es-CL', {timezone: \"UTC-3\"}),\r\n Body: body.join('
'),\r\n Attachments: [\r\n {\r\n name: \"Logo\",\r\n data: data.get('archivo')\r\n }\r\n ]\r\n }\r\n Email.send(content)\r\n }\r\n}\r\nlet conversemos_form = {\r\n elem: $('#contacto_form'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n },\r\n submit: function() {\r\n let email = this.elem.find('[name=\"email\"]').val()\r\n let body = [\r\n 'Nombre: ' + this.elem.find('[name=\"nombre\"]').val(),\r\n 'E-mail: ' + email,\r\n '',\r\n this.elem.find('[name=\"mensaje\"]').val()\r\n ]\r\n let content = {\r\n SecureToken: smtp.SecureToken,\r\n From: smtp.From,\r\n To: email,\r\n Subject: 'Contacto ' + (new Date()).toLocaleString('es-CL', {timezone: \"UTC-3\"}),\r\n Body: body.join('
')\r\n }\r\n Email.send(content)\r\n }\r\n}\r\n\r\nlet testimonios = {\r\n testimonios: [\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Este soporte que compré en @Stand-cl me cambió la vida, me sirve para el teléfono y el ipad, y ya no tengo que andar acomodando los aparatos en cualquier parte para las videollamadas\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Siiii todo mi gusto.. me encantó lo completo que es. Gracias\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Está super cool se ve de buena calidad\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Llego el mío, y es excelente, estoy feliz con mi compra\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Hola!!Me llegó el pedido, Muchas gracias muy bello. Me salvaste la vida\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Perfecto el producto, funciona impecable, muchas gracias\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Están bacanes! muchísimas gracias. Le regalé a mis viejos y lo aman\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Hola! Quería decirte que me encantaron los soportes, Muy útiles!\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Compré 3 y olvidé decirte que los encontré geniales! Me encantaron\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Diseño simple y funcional, minimalista y excelente precio, despacho súper Rápido.. gracias!\"\r\n }\r\n ],\r\n elem: $('#testimonios'),\r\n page: 0,\r\n setup: function() {\r\n if (this.amount != 3) {\r\n this.elem.find('.testimonios').removeClass('three')\r\n this.elem.find('.testimonios').addClass(this.word_amount[this.amount])\r\n }\r\n this.draw()\r\n },\r\n amount: 3,\r\n word_amount: {\r\n 1: 'one',\r\n 3: 'three'\r\n },\r\n draw: function() {\r\n var n = this.page * this.amount\r\n let p = this.elem.find('.testimonios')\r\n p.html('')\r\n for (var i = 0; i < this.amount; i ++) {\r\n if (n >= this.testimonios.length) {\r\n break\r\n }\r\n p.append(\r\n $('').attr('class', 'ui centered fluid card').append(\r\n $('').attr('class', 'center aligned content').append(\r\n $('').attr('class', 'header').html(this.testimonios[n]['autor'].toUpperCase())\r\n ).append(\r\n $('').attr('class', 'description').html(this.testimonios[n]['contenido'])\r\n )\r\n ).append(\r\n $('').attr('class', 'center aligned content').append(\r\n $('').attr('class', 'ui mini black rating disabled').attr('data-rating', '5').attr('data-max-rating', '5')\r\n )\r\n )\r\n )\r\n n ++\r\n }\r\n this.elem.find('.ui.rating').rating()\r\n this.draw_nav()\r\n },\r\n draw_nav: function() {\r\n let N = Math.ceil(this.testimonios.length / this.amount)\r\n let k = this.page\r\n let nav = this.elem.find('.nav')\r\n let tests = this\r\n nav.html('')\r\n for (var i = 0; i < N; i ++) {\r\n var circle = $('').attr('class', 'small circle outline icon').css('cursor', 'pointer').attr('data-page', i)\r\n if (i == k) {\r\n circle.removeClass('outline')\r\n }\r\n circle.click(function(e) {\r\n tests.page = parseInt($(this).attr('data-page'))\r\n tests.draw()\r\n })\r\n nav.append(circle)\r\n }\r\n }\r\n}\r\n\r\n$(document).ready(function() {\r\n $('#menu.sticky').sticky()\r\n $('.column2 .sticky').sticky({\r\n context: '#column'\r\n })\r\n $('#subir').sticky()\r\n\r\n $('.shopping.cart').innerText = 0\r\n\r\n ventajas.setup()\r\n dimensiones.setup()\r\n let sticky_amount = new Amount($('.sticky .input input[name=\"cantidad\"]'))\r\n let sticky_color = new Colors($('.sticky .colores'), true)\r\n sticky_form.setup()\r\n let cotiza_amount = new Amount($('#corporativos .input input[name=\"cantidad\"]'))\r\n let cotiza_color = new Colors($('#corporativos .colores'))\r\n cotiza_form.setup()\r\n conversemos_form.setup()\r\n\r\n window.mobileCheck = function() {\r\n let check = false;\r\n (function(a){if(/(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);\r\n return check;\r\n };\r\n\r\n if (window.mobileCheck()) {\r\n testimonios.amount = 1\r\n }\r\n testimonios.setup()\r\n})\r\n"]} \ No newline at end of file +{"version":3,"sources":["main.js"],"names":["available_colors","white","name","rgb","black","blue","petrol","cyan","green","yellow","Amount","elem","_classCallCheck","this","red","minus","parent","find","plus","n","setup","max","_this","val","click","e","change","parseInt","print","removeClass","increment","html","addClass","enable_button","disable_button","check_limits","Colors","changing","arguments","length","undefined","colors","picked","input","_this2","each","i","el","color","$","attr","split","css","change_color","_this3","default_color_format","ventajas","fotos","_this4","h","w","next","swipe","swipeLeft","dir","d","t","data","swipeRight","prev","current","dimensiones","_this5","change_images","pos","smtp","SecureToken","From","_this6","preventDefault","submit","console","debug","_this7","file","email","FormData","body","content","To","cssColor","Subject","Date","toLocaleString","timezone","Body","join","get","Email","conversemos_form","_this8","sticky_form","send","testimonios","cotiza_form","contenido","autor","Attachments","page","word_amount","amount","draw","1","3","p","append","toUpperCase","rating","draw_nav","N","Math","ceil","k","nav","tests","circle","sticky","outerHeight","height","context","image","modal","_this9","document","window","mobileCheck","check","navigator","userAgent","vendor","opera","test","a","substr"],"mappings":"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","file":"../main.min.js","sourcesContent":["let available_colors = {\r\n white: {\r\n name: 'blanco',\r\n rgb: 'rgb(255, 255, 255)'\r\n },\r\n black: {\r\n name: 'negro',\r\n rgb: 'rgb(0, 0, 0)'\r\n },\r\n blue: {\r\n name: 'azul',\r\n rgb: 'rgb(0, 110, 230)'\r\n },\r\n petrol: {\r\n name: 'azul_petroleo',\r\n rgb: 'rgb(0, 80, 120)'\r\n },\r\n cyan: {\r\n name: 'celeste',\r\n rgb: 'rgb(80, 200, 255)'\r\n },\r\n green: {\r\n name: 'verde',\r\n rgb: 'rgb(10, 200, 100)'\r\n },\r\n yellow: {\r\n name: 'amarillo',\r\n rgb: 'rgb(255, 240, 70)'\r\n },\r\n orange: {\r\n name: 'naranjo',\r\n rgb: 'rgb(255, 130, 70)'\r\n },\r\n red: {\r\n name: 'rojo',\r\n rgb: 'rgb(255, 20, 50)'\r\n }\r\n}\r\n\r\nclass Amount {\r\n constructor(elem) {\r\n this.elem = elem\r\n this.minus = elem.parent().find('.minus')\r\n this.plus = elem.parent().find('.plus')\r\n this.n = 0\r\n this.setup()\r\n this.max = 999\r\n }\r\n setup() {\r\n this.elem.val(0)\r\n this.plus.click((e) => {\r\n this.increment()\r\n this.print()\r\n })\r\n this.minus.click((e) => {\r\n this.decrement()\r\n this.print()\r\n })\r\n this.elem.change((e) => {\r\n this.n = parseInt(this.elem.val())\r\n this.print()\r\n })\r\n this.print()\r\n }\r\n enable_button(name) {\r\n this[name].removeClass('disabled')\r\n if (name == 'plus') {\r\n this[name].html('')\r\n }\r\n if (name == 'minus') {\r\n this[name].html('')\r\n }\r\n }\r\n disable_button(name) {\r\n this[name].addClass('disabled')\r\n this[name].html('')\r\n }\r\n check_limits() {\r\n this.enable_button('plus')\r\n this.enable_button('minus')\r\n if (this.n > this.max) {\r\n this.n = this.max\r\n }\r\n if (this.n == this.max) {\r\n this.disable_button('plus')\r\n }\r\n\r\n if (this.n < 0) {\r\n this.n = 0\r\n }\r\n if (this.n == 0) {\r\n this.disable_button('minus')\r\n }\r\n }\r\n increment() {\r\n this.n += 1\r\n }\r\n decrement() {\r\n this.n -= 1\r\n }\r\n get value() {\r\n return this.n\r\n }\r\n print() {\r\n this.check_limits()\r\n this.elem.val(this.n)\r\n }\r\n}\r\n\r\nclass Colors {\r\n constructor(elem, changing = false) {\r\n this.colors = available_colors\r\n this.picked = 'blue'\r\n this.elem = elem\r\n this.input = elem.find('input[name=\"color\"]')\r\n this.changing = null\r\n if (changing) {\r\n this.changing = elem.parent().parent().find('.column img')\r\n }\r\n this.setup()\r\n }\r\n setup() {\r\n this.elem.find('.circle').each((i, el) => {\r\n let color = $(el).attr('class').split(' ')[0]\r\n let cssColor = $(el).css('background-color')\r\n if (cssColor != this.colors[color]['rgb']) {\r\n $(el).css('background-color', this.colors[color]['rgb'])\r\n }\r\n $(el).click((e) => {\r\n this.change_color(color)\r\n })\r\n })\r\n this.change_color('blue')\r\n }\r\n default_color_format(el) {\r\n $(el).removeClass('selected')\r\n }\r\n change_color(color) {\r\n this.picked = this.colors[color]['name']\r\n this.input.val(this.picked)\r\n this.elem.find('.circle').each((i, el) => {\r\n this.default_color_format(el)\r\n })\r\n this.elem.find('.' + color + '.circle').addClass('selected')\r\n if (this.changing != null) {\r\n this.changing.attr('src', './assets/images/fotos/' + this.picked + '/left.jpg')\r\n }\r\n }\r\n}\r\n\r\nlet ventajas = {\r\n elem: $('#ventajas'),\r\n fotos: 6,\r\n setup: function() {\r\n let h = this.elem.css('height')\r\n let w = this.elem.css('width')\r\n\r\n this.elem.find('.diagonal').css('borderBottomWidth', h)\r\n this.elem.find('.diagonal').css('borderRightWidth', w)\r\n\r\n this.elem.find('.nav.left').click((e) => {\r\n this.prev()\r\n })\r\n this.elem.find('.nav.right').click((e) => {\r\n this.next()\r\n })\r\n\r\n this.elem.find('.gallery').swipe({\r\n swipeLeft: (e, dir, d, t, n, data) => {\r\n this.next()\r\n },\r\n swipeRight: (e, dir, d, t, n, data) => {\r\n this.prev()\r\n }\r\n })\r\n },\r\n current: 1,\r\n next: function() {\r\n var n = this.current + 1\r\n if (n > this.fotos) {\r\n n = 1\r\n }\r\n this.elem.find('.gallery .image img').attr('src', './assets/images/galeria/foto' + n + '.jpg')\r\n this.current = n\r\n },\r\n prev: function() {\r\n var n = this.current - 1\r\n if (n < 1) {\r\n n = this.fotos\r\n }\r\n this.elem.find('.gallery .image img').attr('src', './assets/images/galeria/foto' + n + '.jpg')\r\n this.current = n\r\n }\r\n}\r\nlet dimensiones = {\r\n colors: available_colors,\r\n elem: $('#dimensiones'),\r\n setup: function() {\r\n this.elem.find('.colores .circle').each((i, el) => {\r\n let color = $(el).attr('class').split(' ')[0]\r\n let cssColor = $(el).css('background-color')\r\n if (cssColor != this.colors[color]['rgb']) {\r\n $(el).css('background-color', this.colors[color]['rgb'])\r\n }\r\n $(el).click((e) => {\r\n this.change_color(color)\r\n })\r\n })\r\n },\r\n change_color: function(color) {\r\n this.picked = this.colors[color]['name']\r\n this.elem.find('.colores .circle').each((i, el) => {\r\n $(el).removeClass('selected')\r\n })\r\n this.elem.find('.colores .' + color + '.circle').addClass('selected')\r\n this.change_images(this.colors[color]['name'])\r\n },\r\n change_images: function(color) {\r\n this.elem.find('.fotos img').each((i, el) => {\r\n let pos = $(el).attr('class')\r\n $(el).attr('src', './assets/images/fotos/' + color + '/' + pos + '.jpg')\r\n })\r\n }\r\n}\r\n\r\nlet smtp = {\r\n SecureToken: '4adcdc1f-6b6e-4e60-ab72-20da4c329b09',\r\n From: 'contacto@3dstand.cl'\r\n}\r\n\r\nlet sticky_form = {\r\n elem: $('.sticky form'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n },\r\n submit: function() {\r\n console.debug('submit sticky')\r\n }\r\n}\r\nlet cotiza_form = {\r\n elem: $('#corporativos form'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n this.file = this.elem.find('input[type=\"file\"]')\r\n this.elem.find('.file').click((e) => {\r\n this.file.trigger('click')\r\n })\r\n },\r\n submit: function() {\r\n let email = this.elem.find('[name=\"email\"]').val()\r\n let data = new FormData(this.elem[0])\r\n let body = [\r\n 'Nombre: ' + this.elem.find('[name=\"nombre\"]').val(),\r\n 'E-mail: ' + email,\r\n 'Teléfono: ' + this.elem.find('[name=\"telefono\"]').val(),\r\n '',\r\n 'Color: ' + this.elem.find('[name=\"color\"]').val(),\r\n 'Cantidad: ' + this.elem.find('[name=\"cantidad\"]').val(),\r\n this.elem.find('[name=\"mensaje\"]').val()\r\n ]\r\n let content = {\r\n SecureToken: smtp.SecureToken,\r\n To: email,\r\n From: smtp.From,\r\n Subject: 'Cotizacion - ' + (new Date()).toLocaleString('es-CL', {timezone: \"UTC-3\"}),\r\n Body: body.join('
'),\r\n Attachments: [\r\n {\r\n name: \"Logo\",\r\n data: data.get('archivo')\r\n }\r\n ]\r\n }\r\n Email.send(content)\r\n }\r\n}\r\nlet conversemos_form = {\r\n elem: $('#contacto_form'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n },\r\n submit: function() {\r\n let email = this.elem.find('[name=\"email\"]').val()\r\n let body = [\r\n 'Nombre: ' + this.elem.find('[name=\"nombre\"]').val(),\r\n 'E-mail: ' + email,\r\n '',\r\n this.elem.find('[name=\"mensaje\"]').val()\r\n ]\r\n let content = {\r\n SecureToken: smtp.SecureToken,\r\n From: smtp.From,\r\n To: email,\r\n Subject: 'Contacto ' + (new Date()).toLocaleString('es-CL', {timezone: \"UTC-3\"}),\r\n Body: body.join('
')\r\n }\r\n Email.send(content)\r\n }\r\n}\r\n\r\nlet testimonios = {\r\n testimonios: [\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Este soporte que compré en @Stand-cl me cambió la vida, me sirve para el teléfono y el ipad, y ya no tengo que andar acomodando los aparatos en cualquier parte para las videollamadas\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Siiii todo mi gusto.. me encantó lo completo que es. Gracias\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Está super cool se ve de buena calidad\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Llego el mío, y es excelente, estoy feliz con mi compra\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Hola!!Me llegó el pedido, Muchas gracias muy bello. Me salvaste la vida\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Perfecto el producto, funciona impecable, muchas gracias\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Están bacanes! muchísimas gracias. Le regalé a mis viejos y lo aman\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Hola! Quería decirte que me encantaron los soportes, Muy útiles!\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Compré 3 y olvidé decirte que los encontré geniales! Me encantaron\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Diseño simple y funcional, minimalista y excelente precio, despacho súper Rápido.. gracias!\"\r\n }\r\n ],\r\n elem: $('#testimonios'),\r\n page: 0,\r\n setup: function() {\r\n if (this.amount != 3) {\r\n this.elem.find('.testimonios').removeClass('three')\r\n this.elem.find('.testimonios').addClass(this.word_amount[this.amount])\r\n }\r\n this.draw()\r\n },\r\n amount: 3,\r\n word_amount: {\r\n 1: 'one',\r\n 3: 'three'\r\n },\r\n draw: function() {\r\n var n = this.page * this.amount\r\n let p = this.elem.find('.testimonios')\r\n p.html('')\r\n for (var i = 0; i < this.amount; i ++) {\r\n if (n >= this.testimonios.length) {\r\n break\r\n }\r\n p.append(\r\n $('').attr('class', 'ui centered fluid card').append(\r\n $('').attr('class', 'center aligned content').append(\r\n $('').attr('class', 'header').html(this.testimonios[n]['autor'].toUpperCase())\r\n ).append(\r\n $('').attr('class', 'description').html(this.testimonios[n]['contenido'])\r\n )\r\n ).append(\r\n $('').attr('class', 'center aligned content').append(\r\n $('').attr('class', 'ui mini black rating disabled').attr('data-rating', '5').attr('data-max-rating', '5')\r\n )\r\n )\r\n )\r\n n ++\r\n }\r\n this.elem.find('.ui.rating').rating()\r\n this.draw_nav()\r\n },\r\n draw_nav: function() {\r\n let N = Math.ceil(this.testimonios.length / this.amount)\r\n let k = this.page\r\n let nav = this.elem.find('.nav')\r\n let tests = this\r\n nav.html('')\r\n for (var i = 0; i < N; i ++) {\r\n var circle = $('').attr('class', 'small circle outline icon').css('cursor', 'pointer').attr('data-page', i)\r\n if (i == k) {\r\n circle.removeClass('outline')\r\n }\r\n circle.click(function(e) {\r\n tests.page = parseInt($(this).attr('data-page'))\r\n tests.draw()\r\n })\r\n nav.append(circle)\r\n }\r\n }\r\n}\r\n\r\nlet sticky = {\r\n elem: $('#columna_sticky'),\r\n setup: function() {\r\n var h = 0\r\n $('section.columna').each((i, el) => {\r\n h += $(el).outerHeight(true)\r\n })\r\n this.elem.height(h)\r\n this.elem.find('#column').height(h)\r\n\r\n $('#columna_sticky .sticky').sticky({\r\n context: '#column'\r\n })\r\n }\r\n}\r\n\r\nlet image = {\r\n elem: $('.agrandable'),\r\n modal: $('#images.modal'),\r\n setup: function() {\r\n this.modal.modal()\r\n this.modal.find('.close.icon').click((e) => {\r\n this.modal.modal('hide')\r\n this.modal.find('.image').html('')\r\n })\r\n let p = this\r\n this.elem.click(function(e) {\r\n let img = $(this).find('img').attr('src')\r\n p.modal.find('.image').html('')\r\n p.modal.find('.image').append(\r\n $('![]()
').attr('src', img)\r\n )\r\n p.modal.modal('show')\r\n })\r\n }\r\n}\r\n\r\n$(document).ready(function() {\r\n $('#subir').sticky()\r\n\r\n $('.shopping.cart').innerText = 0\r\n\r\n sticky.setup()\r\n ventajas.setup()\r\n dimensiones.setup()\r\n let sticky_amount = new Amount($('.sticky .input input[name=\"cantidad\"]'))\r\n let sticky_color = new Colors($('.sticky .colores'), true)\r\n sticky_form.setup()\r\n let cotiza_amount = new Amount($('#corporativos .input input[name=\"cantidad\"]'))\r\n let cotiza_color = new Colors($('#corporativos .colores'))\r\n cotiza_form.setup()\r\n conversemos_form.setup()\r\n image.setup()\r\n\r\n window.mobileCheck = function() {\r\n let check = false;\r\n (function(a){if(/(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);\r\n return check;\r\n };\r\n\r\n if (window.mobileCheck()) {\r\n testimonios.amount = 1\r\n }\r\n testimonios.setup()\r\n})\r\n"]}
\ No newline at end of file
diff --git a/public/assets/styles/main.css b/public/assets/styles/main.css
index 4848f3d..e2dede0 100644
--- a/public/assets/styles/main.css
+++ b/public/assets/styles/main.css
@@ -57,15 +57,6 @@ html {
background-blend-mode: multiply;
color: white;
}
-#header .container #menu {
- background: none !important;
- border: none !important;
- box-shadow: none !important;
-}
-#header .container #menu .right.menu .item .shopping.cart .cantidad {
- position: relative;
- color: white;
-}
#header .container .segment {
margin: 0 !important;
}
@@ -209,6 +200,71 @@ html {
height: 5rem;
}
+#menu {
+ z-index: 100;
+ background: none !important;
+ border: none !important;
+ box-shadow: none !important;
+}
+#menu .right.menu .item .shopping.cart .cantidad {
+ position: relative;
+ color: white;
+}
+
+#images.modal {
+ text-align: center;
+}
+#images.modal .header {
+ text-align: right;
+}
+#images.modal .content {
+ text-align: center;
+}
+#images.modal .content img {
+ margin: auto;
+}
+
+.white.circle {
+ border: thin solid black;
+ background-color: white;
+}
+
+.black.circle {
+ background-color: black;
+}
+
+.blue.circle {
+ background-color: #006ee6;
+}
+
+.petrol.circle {
+ background-color: #005078;
+}
+
+.cyan.circle {
+ background-color: #50c8ff;
+}
+
+.green.circle {
+ background-color: #0ac864;
+}
+
+.yellow.circle {
+ background-color: #fff046;
+}
+
+.orange.circle {
+ background-color: #ff8246;
+}
+
+.red.circle {
+ background-color: #ff1432;
+}
+
+.column:not(.row) {
+ padding-top: 0 !important;
+}
+
@font-face {
font-family: "icomoon";
src: url("../fonts/icomoon.eotiedbpz");
@@ -287,28 +343,6 @@ i.font-icon.chile:before {
#dimensiones .colores .text {
margin-right: 0.28125rem;
}
- #dimensiones .colores .white {
- border: thin solid black;
- background-color: white;
- }
- #dimensiones .colores .black {
- background-color: black;
- }
- #dimensiones .colores .blue {
- background-color: blue;
- }
- #dimensiones .colores .green {
- background-color: lime;
- }
- #dimensiones .colores .yellow {
- background-color: yellow;
- }
- #dimensiones .colores .orange {
- background-color: #ff8200;
- }
- #dimensiones .colores .red {
- background-color: red;
- }
#dimensiones .colores .circle {
display: inline-block;
width: 1.40625rem;
@@ -615,28 +649,6 @@ i.font-icon.chile:before {
#content > .column2 .sticky .row:first-child .column1 .colores .text {
margin-right: 0.28125rem;
}
- #content > .column2 .sticky .row:first-child .column1 .colores .white {
- border: thin solid black;
- background-color: white;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .black {
- background-color: black;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .blue {
- background-color: blue;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .green {
- background-color: lime;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .yellow {
- background-color: yellow;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .orange {
- background-color: #ff8200;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .red {
- background-color: red;
- }
#content > .column2 .sticky .row:first-child .column1 .colores .circle {
display: inline-block;
width: 1.40625rem;
@@ -762,28 +774,6 @@ i.font-icon.chile:before {
#content #corporativos .column2 form .colores .text {
margin-right: 0.28125rem;
}
- #content #corporativos .column2 form .colores .white {
- border: thin solid black;
- background-color: white;
- }
- #content #corporativos .column2 form .colores .black {
- background-color: black;
- }
- #content #corporativos .column2 form .colores .blue {
- background-color: blue;
- }
- #content #corporativos .column2 form .colores .green {
- background-color: lime;
- }
- #content #corporativos .column2 form .colores .yellow {
- background-color: yellow;
- }
- #content #corporativos .column2 form .colores .orange {
- background-color: #ff8200;
- }
- #content #corporativos .column2 form .colores .red {
- background-color: red;
- }
#content #corporativos .column2 form .colores .circle {
display: inline-block;
width: 1.40625rem;
@@ -1025,22 +1015,13 @@ i.font-icon.chile:before {
background-size: 160%;
background-position: bottom -2.5rem center;
}
- #header .container #menu i {
- font-size: 2rem;
- }
- #header .container #menu .right.menu .item .shopping.cart .cantidad {
- font-size: 1rem;
- font-family: Roboto, sans;
- top: -1.75rem;
- left: 0.2rem;
- }
#descripcion {
- height: 25rem;
background-position: left 7rem;
background-size: 100% 6.875rem;
background-repeat: no-repeat;
padding-top: 6.25rem;
+ margin-bottom: 1.5625rem;
}
#descripcion .images .image {
max-width: 33%;
@@ -1072,28 +1053,6 @@ i.font-icon.chile:before {
#dimensiones .colores .text {
margin-right: 0.1875rem;
}
- #dimensiones .colores .white {
- border: thin solid black;
- background-color: white;
- }
- #dimensiones .colores .black {
- background-color: black;
- }
- #dimensiones .colores .blue {
- background-color: blue;
- }
- #dimensiones .colores .green {
- background-color: lime;
- }
- #dimensiones .colores .yellow {
- background-color: yellow;
- }
- #dimensiones .colores .orange {
- background-color: #ff8200;
- }
- #dimensiones .colores .red {
- background-color: red;
- }
#dimensiones .colores .circle {
display: inline-block;
width: 1.25rem;
@@ -1121,28 +1080,6 @@ i.font-icon.chile:before {
#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;
@@ -1223,6 +1160,96 @@ i.font-icon.chile:before {
color: white;
}
+ #columna_sticky {
+ position: absolute;
+ top: 31.25rem;
+ height: 100%;
+ width: 100%;
+ }
+ #columna_sticky .left.column {
+ pointer-events: none;
+ }
+ #columna_sticky .sticky {
+ background-color: rgba(255, 255, 255, 0.5);
+ z-index: 10;
+ margin-top: 2.5rem;
+ padding-top: 3.375rem;
+ }
+ #columna_sticky .sticky .row {
+ padding-top: 0 !important;
+ }
+ #columna_sticky .sticky .column:first-child {
+ vertical-align: bottom;
+ padding-top: 1.25rem;
+ font-size: 1.1666666667rem;
+ }
+ #columna_sticky .sticky .column:first-child .titulo {
+ font-size: 2.0833333333rem;
+ }
+ #columna_sticky .sticky .column:first-child .precio {
+ font-size: 1.3333333333rem;
+ }
+ #columna_sticky .sticky .column:first-child .colores {
+ vertical-align: center;
+ }
+ #columna_sticky .sticky .column:first-child .colores .text {
+ margin-right: 0.1875rem;
+ }
+ #columna_sticky .sticky .column:first-child .colores .circle {
+ display: inline-block;
+ width: 1.25rem;
+ height: 1.25rem;
+ border-radius: 8000px;
+ margin: auto 0.0625rem;
+ cursor: pointer;
+ }
+ #columna_sticky .sticky .column:first-child .colores .circle.selected {
+ width: 1.375rem;
+ height: 1.375rem;
+ cursor: default;
+ }
+ #columna_sticky .sticky .column:first-child .input.cantidad {
+ width: 4.5rem;
+ border: thin solid black;
+ text-align: center;
+ padding: 0.5rem 0.05rem;
+ font-size: 0.8333333333rem;
+ }
+ #columna_sticky .sticky .column:first-child .input.cantidad button {
+ background: none;
+ border: none;
+ width: 1rem;
+ margin: 0;
+ padding: 0;
+ cursor: pointer;
+ font-weight: bold;
+ }
+ #columna_sticky .sticky .column:first-child .input.cantidad input {
+ width: 2rem;
+ background: none;
+ margin: 0;
+ border: 0;
+ padding: 0;
+ text-align: center;
+ }
+ #columna_sticky .sticky .column:first-child .input.cantidad .button {
+ border-radius: 0 !important;
+ width: 100%;
+ }
+ #columna_sticky .sticky .column:first-child .button {
+ width: 100%;
+ }
+
+ #menu i {
+ font-size: 2rem;
+ }
+ #menu .right.menu .item .shopping.cart .cantidad {
+ font-size: 1rem;
+ font-family: Roboto, sans;
+ top: -1.75rem;
+ left: 0.2rem;
+ }
+
.left.column {
width: 67% !important;
padding-left: 0.3125rem !important;
@@ -1241,292 +1268,4 @@ i.font-icon.chile:before {
body {
color: #333333;
}
-
- #content {
- max-width: 67.5rem !important;
- height: 217.5rem;
- position: relative;
- top: -217.5rem;
- }
- #content > .column {
- display: inline-block;
- float: left;
- padding-left: 1rem !important;
- padding-right: 1rem !important;
- }
- #content > .column::after {
- clear: both;
- }
- #content > .column1 {
- width: 67%;
- }
- #content > .column2 {
- width: 33%;
- height: 101.875rem;
- }
- #content > .column2 .sticky {
- height: 16.5625rem;
- width: 19.375rem;
- margin: auto;
- }
- #content > .column2 .sticky .row:first-child {
- height: 10.625rem;
- margin-top: 5rem;
- }
- #content > .column2 .sticky .row:first-child .column {
- display: inline-block;
- float: left;
- }
- #content > .column2 .sticky .row:first-child .column::after {
- clear: both;
- }
- #content > .column2 .sticky .row:first-child .column1 {
- vertical-align: bottom;
- padding-top: 1.25rem;
- width: 12.9166666667rem;
- font-size: 1.1666666667rem;
- }
- #content > .column2 .sticky .row:first-child .column1 .linea {
- margin-bottom: 0.625rem;
- }
- #content > .column2 .sticky .row:first-child .column1 .titulo {
- font-size: 2.0833333333rem;
- }
- #content > .column2 .sticky .row:first-child .column1 .precio {
- font-size: 1.3333333333rem;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores {
- vertical-align: center;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .text {
- margin-right: 0.1875rem;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .white {
- border: thin solid black;
- background-color: white;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .black {
- background-color: black;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .blue {
- background-color: blue;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .green {
- background-color: lime;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .yellow {
- background-color: yellow;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .orange {
- background-color: #ff8200;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .red {
- background-color: red;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .circle {
- display: inline-block;
- width: 1.25rem;
- height: 1.25rem;
- border-radius: 8000px;
- margin: auto 0.0625rem;
- cursor: pointer;
- }
- #content > .column2 .sticky .row:first-child .column1 .colores .circle.selected {
- width: 1.375rem;
- height: 1.375rem;
- cursor: default;
- }
- #content > .column2 .sticky .row:first-child .column1 .input {
- width: 4.5rem;
- border: thin solid black;
- text-align: center;
- padding: 0.5rem 0.05rem;
- font-size: 0.8333333333rem;
- }
- #content > .column2 .sticky .row:first-child .column1 .input button {
- background: none;
- border: none;
- width: 1rem;
- margin: 0;
- padding: 0;
- cursor: pointer;
- font-weight: bold;
- }
- #content > .column2 .sticky .row:first-child .column1 .input input {
- width: 2rem;
- background: none;
- margin: 0;
- border: 0;
- padding: 0;
- text-align: center;
- }
- #content > .column2 .sticky .row:first-child .column2 {
- width: 6.4583333333rem;
- }
- #content > .column2 .sticky .row:first-child .column2 img {
- width: 6.875rem;
- height: 10rem;
- }
- #content > .column2 .sticky .row:last-child .button {
- border-radius: 0 !important;
- width: 100%;
- }
- #content #felices {
- height: 21.875rem;
- padding: 0 1rem !important;
- padding-top: 3.75rem !important;
- }
- #content #felices .header {
- font-size: 1.8333333333rem;
- }
- #content #felices .testimonios {
- margin-top: 1.5625rem;
- display: flex;
- justify-content: space-between;
- text-align: center;
- }
- #content #felices .testimonios .testimonio {
- height: 5rem;
- color: #666667;
- margin-top: 1.25rem;
- width: 30%;
- text-align: center;
- }
- #content #felices .nav {
- display: block;
- text-align: center;
- color: #666667;
- }
- #content #formulario {
- height: 30rem;
- padding: 0 1rem !important;
- }
- #content #formulario .whatsapp-link {
- color: inherit;
- }
- #content #formulario > .column {
- float: left;
- padding-left: 1rem !important;
- padding-right: 1rem !important;
- }
- #content #formulario > .column::after {
- clear: both;
- }
- #content #formulario > .flotante {
- position: absolute;
- top: 11.4375rem;
- margin: auto;
- left: 40%;
- width: 13.5rem;
- text-align: center;
- }
- #content #formulario > .flotante > .content {
- width: 8.125rem;
- margin: auto;
- left: -50%;
- }
- #content #formulario > .flotante > .content .item {
- display: block;
- padding: 0.3125rem 0;
- }
- #content #formulario > .flotante > .content div.whatsapp {
- height: 1.875rem;
- background-color: #1a9947;
- color: #fff;
- font-size: 0.625rem;
- }
- #content #formulario > .flotante > .content div.whatsapp > i {
- position: relative;
- font-size: 1.3333333333rem;
- top: 0.1875rem;
- }
- #content #formulario > .flotante > .content .rrss {
- display: flex;
- justify-content: space-around;
- font-size: 1.25rem;
- }
- #content #formulario > .flotante > .content .rrss i.inverted.grey {
- color: white !important;
- }
- #content #formulario > .column1 {
- width: 67%;
- margin-top: 1.6875rem;
- }
- #content #formulario > .column1 > img {
- width: 33.75rem;
- height: 21.875rem;
- float: left;
- }
- #content #formulario > .column2 {
- width: 33%;
- }
- #content #formulario > .column2 .header {
- margin-top: 1.25rem;
- text-align: center;
- font-size: 1.8333333333rem;
- }
- #content #formulario > .column2 .header .whatsapp-link {
- display: inline-block;
- width: 1.5625rem;
- height: 1.5625rem;
- font-size: 2.0833333333rem;
- }
- #content #formulario > .column2 .paragraph {
- padding-top: 1rem;
- padding-bottom: 1.5625rem;
- justify-content: center;
- }
- #content #formulario > .column2 form input {
- border-radius: 0 !important;
- height: 1.125rem;
- margin-bottom: 0.5625rem;
- background-color: rgba(255, 255, 255, 0.5);
- font-size: 0.8333333333rem;
- }
- #content #formulario > .column2 form input::placeholder {
- color: #333333;
- }
- #content #formulario > .column2 form textarea {
- border-radius: 0 !important;
- height: 4.5rem;
- margin-bottom: 1.5625rem;
- background-color: rgba(255, 255, 255, 0.5);
- font-size: 0.8333333333rem;
- }
- #content #formulario > .column2 form textarea::placeholder {
- color: #333333;
- }
- #content #formulario > .column2 form .button {
- width: 100%;
- border-radius: 0 !important;
- background-color: white;
- color: #333333;
- }
- #content section {
- background: none;
- }
- #content section.segment > .container {
- height: 100%;
- }
- #content section.segment > .container > .column1 {
- display: inline-block;
- width: 67rem;
- }
- #content section.segment > .container > .column2 {
- display: inline-block;
- width: 33rem;
- }
- #content .simple.segment {
- border: none !important;
- border-radius: 0 !important;
- box-shadow: none !important;
- margin: 0 !important;
- padding: 0 !important;
- }
- #content .simple.segment > .ui.grid {
- height: 100%;
- }
- #content .fondo-blanco {
- background-color: rgba(255, 255, 255, 0.5);
- }
}
\ No newline at end of file
diff --git a/public/assets/styles/main.min.css b/public/assets/styles/main.min.css
index f83867a..cd4f141 100644
--- a/public/assets/styles/main.min.css
+++ b/public/assets/styles/main.min.css
@@ -1,2 +1,2 @@
-*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}html{font-family:Roboto,sans}#header{background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-color:rgba(0,0,0,.4);background-blend-mode:multiply;color:#fff}#header .container #menu{background:none !important;border:none !important;box-shadow:none !important}#header .container #menu .right.menu .item .shopping.cart .cantidad{position:relative;color:#fff}#header .container .segment{margin:0 !important}#header .container .segment #logo img{width:50%}#descripcion{background-image:linear-gradient(#cccccc, #cccccc)}#descripcion .images{text-align:center}#ventajas{position:relative;background-image:url("../images/tripode.png")}#ventajas .diagonal{position:absolute;background-blend-mode:color}#ventajas .gallery{position:relative;text-align:center}#ventajas .gallery .image{max-height:inherit}#ventajas .gallery .image img{max-height:inherit;margin:auto}#ventajas .gallery .nav{position:absolute;cursor:pointer;background-color:rgba(255,255,255,.5)}#ventajas .gallery .nav.left{top:50%;left:0}#ventajas .gallery .nav.right{top:50%;right:0}#ventajas .gallery::after{clear:both}#dimensiones{position:relative;background-image:url("../images/tripode.png")}#dimensiones .fondo-gris{position:absolute;width:100%;height:100%;background-color:rgba(204,204,204,.5)}#dimensiones .left.column>.grid>.column:first-child{min-width:33% !important}#dimensiones .left.column>.grid>.column:last-child{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:#fff;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}#testimonios .testimonios .ui.card{background-color:#ccc}#testimonios .testimonios .ui.card .rating .icon{color:#fff}#contacto{position:relative;margin-top:1rem}#contacto .background{position:absolute;width:100%;height:100%;background-color:#ccc;clip-path:polygon(50% 0, 100% 0%, 100% 100%, 0% 100%)}#contacto .column{height:100%}#contacto .column:first-child{width:67%}#contacto .column:last-child{width:33%}#contacto a{color:inherit}#contacto div.whatsapp{background-color:green;padding:.5rem 0;color:#fff}#contacto .icons .icon:first-child{color:#fff}#contacto .icons .icon:last-child{color:#ccc}#contacto .paragraph{margin-bottom:.5rem;text-align:justify}#contacto form .row{margin-bottom:.5rem}#contacto form .row input{height:1.5rem}#contacto form .row textarea{height:5rem}@font-face{font-family:"icomoon";src:url("../fonts/icomoon.eotiedbpz");src:url("../fonts/icomoon.eot?iedbpz#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?iedbpz") format("truetype"),url("../fonts/icomoon.woff?iedbpz") format("woff"),url("../fonts/icomoon.svg?iedbpz#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=font-icon],[class*=" font-icon"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}i.font-icon.angle:before{content:""}i.font-icon.chile:before{content:""}@media screen and (orientation: portrait){#header{height:25rem;background-size:160%;background-position:bottom -0.9375rem center}#header .container #menu{font-size:1.3333333333rem}#header .container #menu .right.menu .item .shopping.cart .cantidad{top:-1.875rem;left:.15rem;font-size:.6666666667rem}#header .container .segment #logo img{max-width:56.25rem}#descripcion{padding-bottom:.46875rem}#descripcion .paragraph{padding-top:1.6875rem;line-height:1.3125rem;text-align:justify}#descripcion .paragraph .header{margin-bottom:.5625rem;font-size:1.5rem}#ventajas .diagonal{border-bottom:100% solid rgba(204,204,204,.5);border-right:100% solid transparent}#ventajas .gallery{max-height:25.5rem}#dimensiones .header{font-size:1.8333333333rem;padding-top:5.0625rem;padding-bottom:2.34375rem}#dimensiones .colores{vertical-align:center}#dimensiones .colores .text{margin-right:.28125rem}#dimensiones .colores .white{border:thin solid #000;background-color:#fff}#dimensiones .colores .black{background-color:#000}#dimensiones .colores .blue{background-color:blue}#dimensiones .colores .green{background-color:lime}#dimensiones .colores .yellow{background-color:#ff0}#dimensiones .colores .orange{background-color:#ff8200}#dimensiones .colores .red{background-color:red}#dimensiones .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#dimensiones .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}#construidos{margin-top:1rem}#corporativos{margin-top:1rem !important}.left.column{width:75%;padding-left:.46875rem !important}#backgrounds .cabezal{height:25rem;background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-size:160%;background-position:bottom -0.9375rem center;background-color:rgba(0,0,0,.4);background-blend-mode:multiply}#backgrounds .seccion1{height:rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 10.5rem;background-size:100% 12rem;background-repeat:no-repeat}#backgrounds .seccion2{height:rem;background-image:url("../images/tripode.png")}#backgrounds .seccion2 .diagonal{border-bottom:rem solid rgba(204,204,204,.5);border-right:178.125rem solid transparent}#backgrounds .dimensiones{height:27.5rem;background-image:url("../images/tripode.png")}#backgrounds .dimensiones .fondo-gris{width:100%;height:100%;background-color:rgba(204,204,204,.5)}#backgrounds .construido{height:21.875rem;background-image:url("../images/construido.jpg")}#backgrounds .corporativos{height:32.5rem;background-image:url("../images/corporativo.png")}#backgrounds .testimonios{height:21.875rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 10.78125rem;background-size:100% 11.0625rem;background-repeat:no-repeat}#backgrounds .formulario{height:30rem;background-color:#ccc;clip-path:polygon(50% 0, 100% 0%, 100% 100%, 0% 100%)}html{font-size:10.6666666667px;width:100%;overflow-x:hidden}body{height:211.25rem;font-family:Roboto,sans;color:#333}#content{width:100% !important;height:211.25rem;margin:0 !important;position:relative;top:-211.25rem}#content #header{color:#fff;width:100%;height:25rem}#content #header .ui.menu{border:none !important;background:none !important;box-shadow:none !important;margin:0 !important;color:#000}#content #header .ui.menu .dropdown .menu{color:#000;font-size:1rem}#content #header .ui.menu .dropdown .menu .item{padding:1rem !important}#content #header .ui.menu .item{color:inherit !important;font-size:1rem}#content #header .ui.menu .item .shopping.cart div{position:relative;color:#000;display:inline-block;top:-1.3rem;left:.1rem;font-size:.5rem;font-family:Roboto,sans}#content #header .logo{padding:0 !important;margin:0 !important}#content #header .logo img{width:50%;max-width:56.25rem}#content #header .logo .frase1{width:75%;margin:auto;font-size:1rem}#content #header .logo .frase2{font-size:.7rem}#content>.column{display:inline-block;float:left;padding-left:1rem !important;padding-right:1rem !important}#content>.column::after{clear:both}#content>.column1{width:90%}#content>.column1 #seccion1{height:rem;width:100%}#content>.column1 #seccion1 .image-container{display:flex;justify-content:space-between;height:22.5rem}#content>.column1 #seccion1 .image-container img{width:50%;margin-top:7.96875rem}#content>.column1 #seccion1 .paragraph{padding-top:2.625rem;line-height:1.3125rem;text-align:justify}#content>.column1 #seccion1 .paragraph .header{margin-bottom:1rem;font-size:2.0625rem}#content>.column1 #seccion2{height:rem}#content>.column1 #seccion2>.column{display:inline-block;float:left;width:50%}#content>.column1 #seccion2>.column::after{clear:both}#content>.column1 #seccion2 .column1{margin-top:7.5rem}#content>.column1 #seccion2 .column1 img{width:29.71875rem;height:29.71875rem}#content>.column1 #seccion2 .column2{margin-top:10.6875rem}#content>.column1 #seccion2 .column2 .row:first-child{background-color:#00427b;color:#fff;height:16.875rem;width:35.625rem;padding:2rem;margin-left:-3rem;overflow:hidden}#content>.column1 #seccion2 .column2 .row:first-child .header{font-weight:bold;font-size:1.5rem;margin-bottom:1rem}#content>.column1 #seccion2 .column2 .row:first-child ul{list-style:disc inside;font-size:.8333333333rem}#content>.column1 #seccion2 .column2 .row:last-child{margin-top:1.6875rem;display:flex;justify-content:space-between}#content>.column1 #seccion2 .column2 .row:last-child img{width:6.5625rem;height:7.96875rem}#content>.column1 #dimensiones{height:27.5rem}#content>.column1 #dimensiones .header{padding:3.46875rem 0 !important}#content>.column1 #dimensiones .header .bigger{font-size:1.5rem}#content>.column1 #dimensiones .images{display:flex}#content>.column1 #dimensiones .images .column{float:left}#content>.column1 #dimensiones .images .column>img{width:29.34375rem;height:22.03125rem}#content>.column1 #dimensiones .images .column div{width:29.34375rem;margin-top:2.34375rem}#content>.column1 #construido{height:21.875rem;padding-top:2.15625rem !important}#content>.column1 #construido .header{font-size:1.8333333333rem;padding:.9375rem 4.03125rem;background-color:rgba(255,255,255,.6)}#content>.column2{width:10%;height:101.875rem}#content>.column2 .sticky{height:24.84375rem;width:29.0625rem;margin:auto}#content>.column2 .sticky .row:first-child{height:15.9375rem;margin-top:7.5rem}#content>.column2 .sticky .row:first-child .column{display:inline-block;float:left}#content>.column2 .sticky .row:first-child .column::after{clear:both}#content>.column2 .sticky .row:first-child .column1{vertical-align:bottom;padding-top:1.875rem;width:19.375rem;font-size:1.1666666667rem}#content>.column2 .sticky .row:first-child .column1 .linea{margin-bottom:.9375rem}#content>.column2 .sticky .row:first-child .column1 .titulo{font-size:2.0833333333rem}#content>.column2 .sticky .row:first-child .column1 .precio{font-size:1.3333333333rem}#content>.column2 .sticky .row:first-child .column1 .colores{vertical-align:center}#content>.column2 .sticky .row:first-child .column1 .colores .text{margin-right:.28125rem}#content>.column2 .sticky .row:first-child .column1 .colores .white{border:thin solid #000;background-color:#fff}#content>.column2 .sticky .row:first-child .column1 .colores .black{background-color:#000}#content>.column2 .sticky .row:first-child .column1 .colores .blue{background-color:blue}#content>.column2 .sticky .row:first-child .column1 .colores .green{background-color:lime}#content>.column2 .sticky .row:first-child .column1 .colores .yellow{background-color:#ff0}#content>.column2 .sticky .row:first-child .column1 .colores .orange{background-color:#ff8200}#content>.column2 .sticky .row:first-child .column1 .colores .red{background-color:red}#content>.column2 .sticky .row:first-child .column1 .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#content>.column2 .sticky .row:first-child .column1 .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}#content>.column2 .sticky .row:first-child .column1 .input{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#content>.column2 .sticky .row:first-child .column1 .input button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;font-weight:bold}#content>.column2 .sticky .row:first-child .column1 .input input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#content>.column2 .sticky .row:first-child .column2{width:9.6875rem}#content>.column2 .sticky .row:first-child .column2 img{width:10.3125rem;height:15rem}#content>.column2 .sticky .row:last-child .button{border-radius:0 !important;width:100%}#content #corporativos{width:100%;height:32.5rem;margin-top:101.875rem !important}#content #corporativos>.column{display:inline-block;float:left;padding-left:1rem !important;padding-right:1rem !important}#content #corporativos>.column::after{clear:both}#content #corporativos .column1{width:67%}#content #corporativos .column1>.header{margin-top:6.28125rem;margin-bottom:3.46875rem}#content #corporativos .column1>.header .bigger{font-size:2.4375rem}#content #corporativos .column1 .opciones{display:flex;justify-content:space-around}#content #corporativos .column1 .opciones .opcion{display:inline-block}#content #corporativos .column1 .opciones .opcion .img-grande{display:inline-block;padding-right:1.125rem}#content #corporativos .column1 .opciones .opcion .img-grande img{width:12.65625rem;height:18.75rem}#content #corporativos .column1 .opciones .opcion .descripcion{display:inline-block;vertical-align:top;height:18.75rem;padding-top:1.875rem}#content #corporativos .column1 .opciones .opcion .descripcion .content{display:block}#content #corporativos .column1 .opciones .opcion .descripcion .content .header{font-size:1.1666666667rem;margin-bottom:.9375rem}#content #corporativos .column1 .opciones .opcion .descripcion .content ul{list-style:disc inside}#content #corporativos .column1 .opciones .opcion .descripcion .images{margin-top:3.1875rem}#content #corporativos .column1 .opciones .opcion .descripcion .images img{width:6.5625rem;height:7.96875rem}#content #corporativos .column2{width:33%;height:100%}#content #corporativos .column2 .header{margin-top:4.3125rem;margin-bottom:2.25rem;font-size:2.4375rem}#content #corporativos .column2 form .colores{vertical-align:center}#content #corporativos .column2 form .colores .text{margin-right:.28125rem}#content #corporativos .column2 form .colores .white{border:thin solid #000;background-color:#fff}#content #corporativos .column2 form .colores .black{background-color:#000}#content #corporativos .column2 form .colores .blue{background-color:blue}#content #corporativos .column2 form .colores .green{background-color:lime}#content #corporativos .column2 form .colores .yellow{background-color:#ff0}#content #corporativos .column2 form .colores .orange{background-color:#ff8200}#content #corporativos .column2 form .colores .red{background-color:red}#content #corporativos .column2 form .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#content #corporativos .column2 form .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}#content #corporativos .column2 form .row{margin-bottom:.84375rem}#content #corporativos .column2 form .colores.linea{margin-bottom:1.5rem}#content #corporativos .column2 form .input.cantidad{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#content #corporativos .column2 form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer}#content #corporativos .column2 form .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#content #corporativos .column2 form .input [type=file]{display:none}#content #corporativos .column2 form .input .file{display:inline-block;height:2.25rem;width:14.0625rem;padding-top:.28125rem;background-color:#cccccb;border:thin solid #333;font-size:.8333333333rem;text-align:center;cursor:pointer}#content #corporativos .column2 form .input [type=text]{height:1.6875rem;background-color:#fff;border:none !important;border-radius:0 !important}#content #corporativos .column2 form textarea{height:6.75rem;background-color:#fff;border:none !important;border-radius:0 !important;margin-bottom:1.5rem}#content #corporativos .column2 form .button{width:100%;background-color:#666667;color:#fff;border:none !important;border-radius:0 !important}#content #felices{height:21.875rem;padding:0 1rem !important;padding-top:5.625rem !important}#content #felices .header{font-size:1.8333333333rem}#content #felices .testimonios{margin-top:2.34375rem;display:flex;justify-content:space-between;text-align:center}#content #felices .testimonios .testimonio{height:7.5rem;color:#666667;margin-top:1.875rem;width:30%;text-align:center}#content #felices .nav{display:block;text-align:center;color:#666667}#content #formulario{height:30rem;padding:0 1rem !important}#content #formulario .whatsapp-link{color:inherit}#content #formulario>.column{float:left;padding-left:1rem !important;padding-right:1rem !important}#content #formulario>.column::after{clear:both}#content #formulario>.flotante{position:absolute;top:17.15625rem;margin:auto;left:40%;width:11.25rem;text-align:center}#content #formulario>.flotante>.content{width:12.1875rem;margin:auto;left:-50%}#content #formulario>.flotante>.content .item{display:block;padding:.46875rem 0}#content #formulario>.flotante>.content div.whatsapp{height:2.8125rem;background-color:#1a9947;color:#fff;font-size:.9375rem}#content #formulario>.flotante>.content div.whatsapp>i{position:relative;font-size:1.3333333333rem;top:.28125rem}#content #formulario>.flotante>.content .rrss{display:flex;justify-content:space-around;font-size:1.875rem}#content #formulario>.flotante>.content .rrss i.inverted.grey{color:#fff !important}#content #formulario>.column1{width:90%;margin-top:2.53125rem}#content #formulario>.column1>img{width:50.625rem;height:32.8125rem;float:left}#content #formulario>.column2{width:10%}#content #formulario>.column2 .header{margin-top:1.875rem;text-align:center;font-size:1.8333333333rem}#content #formulario>.column2 .header .whatsapp-link{display:inline-block;width:2.34375rem;height:2.34375rem;font-size:2.0833333333rem}#content #formulario>.column2 .paragraph{padding-top:1rem;padding-bottom:2.34375rem;justify-content:center}#content #formulario>.column2 form input{border-radius:0 !important;height:1.6875rem;margin-bottom:.84375rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form input::placeholder{color:#333}#content #formulario>.column2 form textarea{border-radius:0 !important;height:6.75rem;margin-bottom:2.34375rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form textarea::placeholder{color:#333}#content #formulario>.column2 form .button{width:100%;border-radius:0 !important;background-color:#fff;color:#333}#content section{background:none}#content section.segment>.container{height:100%}#content section.segment>.container>.column1{display:inline-block;width:90rem}#content section.segment>.container>.column2{display:inline-block;width:10rem}#content .simple.segment{border:none !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;padding:0 !important}#content .simple.segment>.ui.grid{height:100%}#content .fondo-blanco{background-color:rgba(255,255,255,.5)}}@media screen and (orientation: landscape){#header{height:31.25rem;background-size:160%;background-position:bottom -2.5rem center}#header .container #menu i{font-size:2rem}#header .container #menu .right.menu .item .shopping.cart .cantidad{font-size:1rem;font-family:Roboto,sans;top:-1.75rem;left:.2rem}#descripcion{height:25rem;background-position:left 7rem;background-size:100% 6.875rem;background-repeat:no-repeat;padding-top:6.25rem}#descripcion .images .image{max-width:33%}#descripcion .paragraph{padding-top:1.75rem;line-height:.875rem;text-align:justify}#descripcion .paragraph .header{margin-bottom:1rem;font-size:1.375rem}#ventajas .diagonal{border-bottom:27.5rem solid rgba(204,204,204,.5);border-right:118.75rem solid transparent}#ventajas .gallery{max-height:25.5rem}#dimensiones{margin-top:.9375rem}#dimensiones .colores{vertical-align:center}#dimensiones .colores .text{margin-right:.1875rem}#dimensiones .colores .white{border:thin solid #000;background-color:#fff}#dimensiones .colores .black{background-color:#000}#dimensiones .colores .blue{background-color:blue}#dimensiones .colores .green{background-color:lime}#dimensiones .colores .yellow{background-color:#ff0}#dimensiones .colores .orange{background-color:#ff8200}#dimensiones .colores .red{background-color:red}#dimensiones .colores .circle{display:inline-block;width:1.25rem;height:1.25rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#dimensiones .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}#construidos{margin-top:.9375rem}#corporativos{margin-top:.9375rem}#corporativos form .colores{vertical-align:center}#corporativos form .colores .text{margin-right:.1875rem}#corporativos form .colores .white{border:thin solid #000;background-color:#fff}#corporativos form .colores .black{background-color:#000}#corporativos form .colores .blue{background-color:blue}#corporativos form .colores .green{background-color:lime}#corporativos form .colores .yellow{background-color:#ff0}#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 .0625rem;cursor:pointer}#corporativos form .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}#corporativos form .row{margin-bottom:.5625rem}#corporativos form .input.cantidad{width:4.5rem;background:#fff;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem;color:rgba(191,191,191,.87) !important}#corporativos form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;color:rgba(191,191,191,.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,.87) !important}#corporativos form .input [type=file]{display:none}#corporativos form .input .file{display:inline-block;height:1.5rem;padding-top:.1875rem;margin-left:.3125rem;font-size:1.3333333333rem;text-align:center;cursor:pointer}#corporativos form .row input{height:1.5rem}#corporativos form .row textarea{height:5rem}#corporativos form .button{width:100%;background-color:#666667;color:#fff}#testimonios{margin-top:.9375rem}#contacto .image{margin:auto;vertical-align:middle}#contacto .button{width:100%;background-color:#666667;color:#fff}.left.column{width:67% !important;padding-left:.3125rem !important}.right.column{width:33% !important}section .titulo{font-size:1.8333333333rem;padding-top:3.375rem;padding-bottom:1.5625rem}body{color:#333}#content{max-width:67.5rem !important;height:217.5rem;position:relative;top:-217.5rem}#content>.column{display:inline-block;float:left;padding-left:1rem !important;padding-right:1rem !important}#content>.column::after{clear:both}#content>.column1{width:67%}#content>.column2{width:33%;height:101.875rem}#content>.column2 .sticky{height:16.5625rem;width:19.375rem;margin:auto}#content>.column2 .sticky .row:first-child{height:10.625rem;margin-top:5rem}#content>.column2 .sticky .row:first-child .column{display:inline-block;float:left}#content>.column2 .sticky .row:first-child .column::after{clear:both}#content>.column2 .sticky .row:first-child .column1{vertical-align:bottom;padding-top:1.25rem;width:12.9166666667rem;font-size:1.1666666667rem}#content>.column2 .sticky .row:first-child .column1 .linea{margin-bottom:.625rem}#content>.column2 .sticky .row:first-child .column1 .titulo{font-size:2.0833333333rem}#content>.column2 .sticky .row:first-child .column1 .precio{font-size:1.3333333333rem}#content>.column2 .sticky .row:first-child .column1 .colores{vertical-align:center}#content>.column2 .sticky .row:first-child .column1 .colores .text{margin-right:.1875rem}#content>.column2 .sticky .row:first-child .column1 .colores .white{border:thin solid #000;background-color:#fff}#content>.column2 .sticky .row:first-child .column1 .colores .black{background-color:#000}#content>.column2 .sticky .row:first-child .column1 .colores .blue{background-color:blue}#content>.column2 .sticky .row:first-child .column1 .colores .green{background-color:lime}#content>.column2 .sticky .row:first-child .column1 .colores .yellow{background-color:#ff0}#content>.column2 .sticky .row:first-child .column1 .colores .orange{background-color:#ff8200}#content>.column2 .sticky .row:first-child .column1 .colores .red{background-color:red}#content>.column2 .sticky .row:first-child .column1 .colores .circle{display:inline-block;width:1.25rem;height:1.25rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#content>.column2 .sticky .row:first-child .column1 .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}#content>.column2 .sticky .row:first-child .column1 .input{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#content>.column2 .sticky .row:first-child .column1 .input button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;font-weight:bold}#content>.column2 .sticky .row:first-child .column1 .input input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#content>.column2 .sticky .row:first-child .column2{width:6.4583333333rem}#content>.column2 .sticky .row:first-child .column2 img{width:6.875rem;height:10rem}#content>.column2 .sticky .row:last-child .button{border-radius:0 !important;width:100%}#content #felices{height:21.875rem;padding:0 1rem !important;padding-top:3.75rem !important}#content #felices .header{font-size:1.8333333333rem}#content #felices .testimonios{margin-top:1.5625rem;display:flex;justify-content:space-between;text-align:center}#content #felices .testimonios .testimonio{height:5rem;color:#666667;margin-top:1.25rem;width:30%;text-align:center}#content #felices .nav{display:block;text-align:center;color:#666667}#content #formulario{height:30rem;padding:0 1rem !important}#content #formulario .whatsapp-link{color:inherit}#content #formulario>.column{float:left;padding-left:1rem !important;padding-right:1rem !important}#content #formulario>.column::after{clear:both}#content #formulario>.flotante{position:absolute;top:11.4375rem;margin:auto;left:40%;width:13.5rem;text-align:center}#content #formulario>.flotante>.content{width:8.125rem;margin:auto;left:-50%}#content #formulario>.flotante>.content .item{display:block;padding:.3125rem 0}#content #formulario>.flotante>.content div.whatsapp{height:1.875rem;background-color:#1a9947;color:#fff;font-size:.625rem}#content #formulario>.flotante>.content div.whatsapp>i{position:relative;font-size:1.3333333333rem;top:.1875rem}#content #formulario>.flotante>.content .rrss{display:flex;justify-content:space-around;font-size:1.25rem}#content #formulario>.flotante>.content .rrss i.inverted.grey{color:#fff !important}#content #formulario>.column1{width:67%;margin-top:1.6875rem}#content #formulario>.column1>img{width:33.75rem;height:21.875rem;float:left}#content #formulario>.column2{width:33%}#content #formulario>.column2 .header{margin-top:1.25rem;text-align:center;font-size:1.8333333333rem}#content #formulario>.column2 .header .whatsapp-link{display:inline-block;width:1.5625rem;height:1.5625rem;font-size:2.0833333333rem}#content #formulario>.column2 .paragraph{padding-top:1rem;padding-bottom:1.5625rem;justify-content:center}#content #formulario>.column2 form input{border-radius:0 !important;height:1.125rem;margin-bottom:.5625rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form input::placeholder{color:#333}#content #formulario>.column2 form textarea{border-radius:0 !important;height:4.5rem;margin-bottom:1.5625rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form textarea::placeholder{color:#333}#content #formulario>.column2 form .button{width:100%;border-radius:0 !important;background-color:#fff;color:#333}#content section{background:none}#content section.segment>.container{height:100%}#content section.segment>.container>.column1{display:inline-block;width:67rem}#content section.segment>.container>.column2{display:inline-block;width:33rem}#content .simple.segment{border:none !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;padding:0 !important}#content .simple.segment>.ui.grid{height:100%}#content .fondo-blanco{background-color:rgba(255,255,255,.5)}}
+*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}html{font-family:Roboto,sans}#header{background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-color:rgba(0,0,0,.4);background-blend-mode:multiply;color:#fff}#header .container .segment{margin:0 !important}#header .container .segment #logo img{width:50%}#descripcion{background-image:linear-gradient(#cccccc, #cccccc)}#descripcion .images{text-align:center}#ventajas{position:relative;background-image:url("../images/tripode.png")}#ventajas .diagonal{position:absolute;background-blend-mode:color}#ventajas .gallery{position:relative;text-align:center}#ventajas .gallery .image{max-height:inherit}#ventajas .gallery .image img{max-height:inherit;margin:auto}#ventajas .gallery .nav{position:absolute;cursor:pointer;background-color:rgba(255,255,255,.5)}#ventajas .gallery .nav.left{top:50%;left:0}#ventajas .gallery .nav.right{top:50%;right:0}#ventajas .gallery::after{clear:both}#dimensiones{position:relative;background-image:url("../images/tripode.png")}#dimensiones .fondo-gris{position:absolute;width:100%;height:100%;background-color:rgba(204,204,204,.5)}#dimensiones .left.column>.grid>.column:first-child{min-width:33% !important}#dimensiones .left.column>.grid>.column:last-child{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:#fff;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}#testimonios .testimonios .ui.card{background-color:#ccc}#testimonios .testimonios .ui.card .rating .icon{color:#fff}#contacto{position:relative;margin-top:1rem}#contacto .background{position:absolute;width:100%;height:100%;background-color:#ccc;clip-path:polygon(50% 0, 100% 0%, 100% 100%, 0% 100%)}#contacto .column{height:100%}#contacto .column:first-child{width:67%}#contacto .column:last-child{width:33%}#contacto a{color:inherit}#contacto div.whatsapp{background-color:green;padding:.5rem 0;color:#fff}#contacto .icons .icon:first-child{color:#fff}#contacto .icons .icon:last-child{color:#ccc}#contacto .paragraph{margin-bottom:.5rem;text-align:justify}#contacto form .row{margin-bottom:.5rem}#contacto form .row input{height:1.5rem}#contacto form .row textarea{height:5rem}#menu{z-index:100;background:none !important;border:none !important;box-shadow:none !important}#menu .right.menu .item .shopping.cart .cantidad{position:relative;color:#fff}#images.modal{text-align:center}#images.modal .header{text-align:right}#images.modal .content{text-align:center}#images.modal .content img{margin:auto}.white.circle{border:thin solid #000;background-color:#fff}.black.circle{background-color:#000}.blue.circle{background-color:#006ee6}.petrol.circle{background-color:#005078}.cyan.circle{background-color:#50c8ff}.green.circle{background-color:#0ac864}.yellow.circle{background-color:#fff046}.orange.circle{background-color:#ff8246}.red.circle{background-color:#ff1432}.column:not(.row){padding-top:0 !important}@font-face{font-family:"icomoon";src:url("../fonts/icomoon.eotiedbpz");src:url("../fonts/icomoon.eot?iedbpz#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?iedbpz") format("truetype"),url("../fonts/icomoon.woff?iedbpz") format("woff"),url("../fonts/icomoon.svg?iedbpz#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=font-icon],[class*=" font-icon"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}i.font-icon.angle:before{content:""}i.font-icon.chile:before{content:""}@media screen and (orientation: portrait){#header{height:25rem;background-size:160%;background-position:bottom -0.9375rem center}#header .container #menu{font-size:1.3333333333rem}#header .container #menu .right.menu .item .shopping.cart .cantidad{top:-1.875rem;left:.15rem;font-size:.6666666667rem}#header .container .segment #logo img{max-width:56.25rem}#descripcion{padding-bottom:.46875rem}#descripcion .paragraph{padding-top:1.6875rem;line-height:1.3125rem;text-align:justify}#descripcion .paragraph .header{margin-bottom:.5625rem;font-size:1.5rem}#ventajas .diagonal{border-bottom:100% solid rgba(204,204,204,.5);border-right:100% solid transparent}#ventajas .gallery{max-height:25.5rem}#dimensiones .header{font-size:1.8333333333rem;padding-top:5.0625rem;padding-bottom:2.34375rem}#dimensiones .colores{vertical-align:center}#dimensiones .colores .text{margin-right:.28125rem}#dimensiones .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#dimensiones .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}#construidos{margin-top:1rem}#corporativos{margin-top:1rem !important}.left.column{width:75%;padding-left:.46875rem !important}#backgrounds .cabezal{height:25rem;background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-size:160%;background-position:bottom -0.9375rem center;background-color:rgba(0,0,0,.4);background-blend-mode:multiply}#backgrounds .seccion1{height:rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 10.5rem;background-size:100% 12rem;background-repeat:no-repeat}#backgrounds .seccion2{height:rem;background-image:url("../images/tripode.png")}#backgrounds .seccion2 .diagonal{border-bottom:rem solid rgba(204,204,204,.5);border-right:178.125rem solid transparent}#backgrounds .dimensiones{height:27.5rem;background-image:url("../images/tripode.png")}#backgrounds .dimensiones .fondo-gris{width:100%;height:100%;background-color:rgba(204,204,204,.5)}#backgrounds .construido{height:21.875rem;background-image:url("../images/construido.jpg")}#backgrounds .corporativos{height:32.5rem;background-image:url("../images/corporativo.png")}#backgrounds .testimonios{height:21.875rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 10.78125rem;background-size:100% 11.0625rem;background-repeat:no-repeat}#backgrounds .formulario{height:30rem;background-color:#ccc;clip-path:polygon(50% 0, 100% 0%, 100% 100%, 0% 100%)}html{font-size:10.6666666667px;width:100%;overflow-x:hidden}body{height:211.25rem;font-family:Roboto,sans;color:#333}#content{width:100% !important;height:211.25rem;margin:0 !important;position:relative;top:-211.25rem}#content #header{color:#fff;width:100%;height:25rem}#content #header .ui.menu{border:none !important;background:none !important;box-shadow:none !important;margin:0 !important;color:#000}#content #header .ui.menu .dropdown .menu{color:#000;font-size:1rem}#content #header .ui.menu .dropdown .menu .item{padding:1rem !important}#content #header .ui.menu .item{color:inherit !important;font-size:1rem}#content #header .ui.menu .item .shopping.cart div{position:relative;color:#000;display:inline-block;top:-1.3rem;left:.1rem;font-size:.5rem;font-family:Roboto,sans}#content #header .logo{padding:0 !important;margin:0 !important}#content #header .logo img{width:50%;max-width:56.25rem}#content #header .logo .frase1{width:75%;margin:auto;font-size:1rem}#content #header .logo .frase2{font-size:.7rem}#content>.column{display:inline-block;float:left;padding-left:1rem !important;padding-right:1rem !important}#content>.column::after{clear:both}#content>.column1{width:90%}#content>.column1 #seccion1{height:rem;width:100%}#content>.column1 #seccion1 .image-container{display:flex;justify-content:space-between;height:22.5rem}#content>.column1 #seccion1 .image-container img{width:50%;margin-top:7.96875rem}#content>.column1 #seccion1 .paragraph{padding-top:2.625rem;line-height:1.3125rem;text-align:justify}#content>.column1 #seccion1 .paragraph .header{margin-bottom:1rem;font-size:2.0625rem}#content>.column1 #seccion2{height:rem}#content>.column1 #seccion2>.column{display:inline-block;float:left;width:50%}#content>.column1 #seccion2>.column::after{clear:both}#content>.column1 #seccion2 .column1{margin-top:7.5rem}#content>.column1 #seccion2 .column1 img{width:29.71875rem;height:29.71875rem}#content>.column1 #seccion2 .column2{margin-top:10.6875rem}#content>.column1 #seccion2 .column2 .row:first-child{background-color:#00427b;color:#fff;height:16.875rem;width:35.625rem;padding:2rem;margin-left:-3rem;overflow:hidden}#content>.column1 #seccion2 .column2 .row:first-child .header{font-weight:bold;font-size:1.5rem;margin-bottom:1rem}#content>.column1 #seccion2 .column2 .row:first-child ul{list-style:disc inside;font-size:.8333333333rem}#content>.column1 #seccion2 .column2 .row:last-child{margin-top:1.6875rem;display:flex;justify-content:space-between}#content>.column1 #seccion2 .column2 .row:last-child img{width:6.5625rem;height:7.96875rem}#content>.column1 #dimensiones{height:27.5rem}#content>.column1 #dimensiones .header{padding:3.46875rem 0 !important}#content>.column1 #dimensiones .header .bigger{font-size:1.5rem}#content>.column1 #dimensiones .images{display:flex}#content>.column1 #dimensiones .images .column{float:left}#content>.column1 #dimensiones .images .column>img{width:29.34375rem;height:22.03125rem}#content>.column1 #dimensiones .images .column div{width:29.34375rem;margin-top:2.34375rem}#content>.column1 #construido{height:21.875rem;padding-top:2.15625rem !important}#content>.column1 #construido .header{font-size:1.8333333333rem;padding:.9375rem 4.03125rem;background-color:rgba(255,255,255,.6)}#content>.column2{width:10%;height:101.875rem}#content>.column2 .sticky{height:24.84375rem;width:29.0625rem;margin:auto}#content>.column2 .sticky .row:first-child{height:15.9375rem;margin-top:7.5rem}#content>.column2 .sticky .row:first-child .column{display:inline-block;float:left}#content>.column2 .sticky .row:first-child .column::after{clear:both}#content>.column2 .sticky .row:first-child .column1{vertical-align:bottom;padding-top:1.875rem;width:19.375rem;font-size:1.1666666667rem}#content>.column2 .sticky .row:first-child .column1 .linea{margin-bottom:.9375rem}#content>.column2 .sticky .row:first-child .column1 .titulo{font-size:2.0833333333rem}#content>.column2 .sticky .row:first-child .column1 .precio{font-size:1.3333333333rem}#content>.column2 .sticky .row:first-child .column1 .colores{vertical-align:center}#content>.column2 .sticky .row:first-child .column1 .colores .text{margin-right:.28125rem}#content>.column2 .sticky .row:first-child .column1 .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#content>.column2 .sticky .row:first-child .column1 .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}#content>.column2 .sticky .row:first-child .column1 .input{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#content>.column2 .sticky .row:first-child .column1 .input button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;font-weight:bold}#content>.column2 .sticky .row:first-child .column1 .input input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#content>.column2 .sticky .row:first-child .column2{width:9.6875rem}#content>.column2 .sticky .row:first-child .column2 img{width:10.3125rem;height:15rem}#content>.column2 .sticky .row:last-child .button{border-radius:0 !important;width:100%}#content #corporativos{width:100%;height:32.5rem;margin-top:101.875rem !important}#content #corporativos>.column{display:inline-block;float:left;padding-left:1rem !important;padding-right:1rem !important}#content #corporativos>.column::after{clear:both}#content #corporativos .column1{width:67%}#content #corporativos .column1>.header{margin-top:6.28125rem;margin-bottom:3.46875rem}#content #corporativos .column1>.header .bigger{font-size:2.4375rem}#content #corporativos .column1 .opciones{display:flex;justify-content:space-around}#content #corporativos .column1 .opciones .opcion{display:inline-block}#content #corporativos .column1 .opciones .opcion .img-grande{display:inline-block;padding-right:1.125rem}#content #corporativos .column1 .opciones .opcion .img-grande img{width:12.65625rem;height:18.75rem}#content #corporativos .column1 .opciones .opcion .descripcion{display:inline-block;vertical-align:top;height:18.75rem;padding-top:1.875rem}#content #corporativos .column1 .opciones .opcion .descripcion .content{display:block}#content #corporativos .column1 .opciones .opcion .descripcion .content .header{font-size:1.1666666667rem;margin-bottom:.9375rem}#content #corporativos .column1 .opciones .opcion .descripcion .content ul{list-style:disc inside}#content #corporativos .column1 .opciones .opcion .descripcion .images{margin-top:3.1875rem}#content #corporativos .column1 .opciones .opcion .descripcion .images img{width:6.5625rem;height:7.96875rem}#content #corporativos .column2{width:33%;height:100%}#content #corporativos .column2 .header{margin-top:4.3125rem;margin-bottom:2.25rem;font-size:2.4375rem}#content #corporativos .column2 form .colores{vertical-align:center}#content #corporativos .column2 form .colores .text{margin-right:.28125rem}#content #corporativos .column2 form .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#content #corporativos .column2 form .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}#content #corporativos .column2 form .row{margin-bottom:.84375rem}#content #corporativos .column2 form .colores.linea{margin-bottom:1.5rem}#content #corporativos .column2 form .input.cantidad{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#content #corporativos .column2 form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer}#content #corporativos .column2 form .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#content #corporativos .column2 form .input [type=file]{display:none}#content #corporativos .column2 form .input .file{display:inline-block;height:2.25rem;width:14.0625rem;padding-top:.28125rem;background-color:#cccccb;border:thin solid #333;font-size:.8333333333rem;text-align:center;cursor:pointer}#content #corporativos .column2 form .input [type=text]{height:1.6875rem;background-color:#fff;border:none !important;border-radius:0 !important}#content #corporativos .column2 form textarea{height:6.75rem;background-color:#fff;border:none !important;border-radius:0 !important;margin-bottom:1.5rem}#content #corporativos .column2 form .button{width:100%;background-color:#666667;color:#fff;border:none !important;border-radius:0 !important}#content #felices{height:21.875rem;padding:0 1rem !important;padding-top:5.625rem !important}#content #felices .header{font-size:1.8333333333rem}#content #felices .testimonios{margin-top:2.34375rem;display:flex;justify-content:space-between;text-align:center}#content #felices .testimonios .testimonio{height:7.5rem;color:#666667;margin-top:1.875rem;width:30%;text-align:center}#content #felices .nav{display:block;text-align:center;color:#666667}#content #formulario{height:30rem;padding:0 1rem !important}#content #formulario .whatsapp-link{color:inherit}#content #formulario>.column{float:left;padding-left:1rem !important;padding-right:1rem !important}#content #formulario>.column::after{clear:both}#content #formulario>.flotante{position:absolute;top:17.15625rem;margin:auto;left:40%;width:11.25rem;text-align:center}#content #formulario>.flotante>.content{width:12.1875rem;margin:auto;left:-50%}#content #formulario>.flotante>.content .item{display:block;padding:.46875rem 0}#content #formulario>.flotante>.content div.whatsapp{height:2.8125rem;background-color:#1a9947;color:#fff;font-size:.9375rem}#content #formulario>.flotante>.content div.whatsapp>i{position:relative;font-size:1.3333333333rem;top:.28125rem}#content #formulario>.flotante>.content .rrss{display:flex;justify-content:space-around;font-size:1.875rem}#content #formulario>.flotante>.content .rrss i.inverted.grey{color:#fff !important}#content #formulario>.column1{width:90%;margin-top:2.53125rem}#content #formulario>.column1>img{width:50.625rem;height:32.8125rem;float:left}#content #formulario>.column2{width:10%}#content #formulario>.column2 .header{margin-top:1.875rem;text-align:center;font-size:1.8333333333rem}#content #formulario>.column2 .header .whatsapp-link{display:inline-block;width:2.34375rem;height:2.34375rem;font-size:2.0833333333rem}#content #formulario>.column2 .paragraph{padding-top:1rem;padding-bottom:2.34375rem;justify-content:center}#content #formulario>.column2 form input{border-radius:0 !important;height:1.6875rem;margin-bottom:.84375rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form input::placeholder{color:#333}#content #formulario>.column2 form textarea{border-radius:0 !important;height:6.75rem;margin-bottom:2.34375rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form textarea::placeholder{color:#333}#content #formulario>.column2 form .button{width:100%;border-radius:0 !important;background-color:#fff;color:#333}#content section{background:none}#content section.segment>.container{height:100%}#content section.segment>.container>.column1{display:inline-block;width:90rem}#content section.segment>.container>.column2{display:inline-block;width:10rem}#content .simple.segment{border:none !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;padding:0 !important}#content .simple.segment>.ui.grid{height:100%}#content .fondo-blanco{background-color:rgba(255,255,255,.5)}}@media screen and (orientation: landscape){#header{height:31.25rem;background-size:160%;background-position:bottom -2.5rem center}#descripcion{background-position:left 7rem;background-size:100% 6.875rem;background-repeat:no-repeat;padding-top:6.25rem;margin-bottom:1.5625rem}#descripcion .images .image{max-width:33%}#descripcion .paragraph{padding-top:1.75rem;line-height:.875rem;text-align:justify}#descripcion .paragraph .header{margin-bottom:1rem;font-size:1.375rem}#ventajas .diagonal{border-bottom:27.5rem solid rgba(204,204,204,.5);border-right:118.75rem solid transparent}#ventajas .gallery{max-height:25.5rem}#dimensiones{margin-top:.9375rem}#dimensiones .colores{vertical-align:center}#dimensiones .colores .text{margin-right:.1875rem}#dimensiones .colores .circle{display:inline-block;width:1.25rem;height:1.25rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#dimensiones .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}#construidos{margin-top:.9375rem}#corporativos{margin-top:.9375rem}#corporativos form .colores{vertical-align:center}#corporativos form .colores .text{margin-right:.1875rem}#corporativos form .colores .circle{display:inline-block;width:1.25rem;height:1.25rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#corporativos form .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}#corporativos form .row{margin-bottom:.5625rem}#corporativos form .input.cantidad{width:4.5rem;background:#fff;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem;color:rgba(191,191,191,.87) !important}#corporativos form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;color:rgba(191,191,191,.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,.87) !important}#corporativos form .input [type=file]{display:none}#corporativos form .input .file{display:inline-block;height:1.5rem;padding-top:.1875rem;margin-left:.3125rem;font-size:1.3333333333rem;text-align:center;cursor:pointer}#corporativos form .row input{height:1.5rem}#corporativos form .row textarea{height:5rem}#corporativos form .button{width:100%;background-color:#666667;color:#fff}#testimonios{margin-top:.9375rem}#contacto .image{margin:auto;vertical-align:middle}#contacto .button{width:100%;background-color:#666667;color:#fff}#columna_sticky{position:absolute;top:31.25rem;height:100%;width:100%}#columna_sticky .left.column{pointer-events:none}#columna_sticky .sticky{background-color:rgba(255,255,255,.5);z-index:10;margin-top:2.5rem;padding-top:3.375rem}#columna_sticky .sticky .row{padding-top:0 !important}#columna_sticky .sticky .column:first-child{vertical-align:bottom;padding-top:1.25rem;font-size:1.1666666667rem}#columna_sticky .sticky .column:first-child .titulo{font-size:2.0833333333rem}#columna_sticky .sticky .column:first-child .precio{font-size:1.3333333333rem}#columna_sticky .sticky .column:first-child .colores{vertical-align:center}#columna_sticky .sticky .column:first-child .colores .text{margin-right:.1875rem}#columna_sticky .sticky .column:first-child .colores .circle{display:inline-block;width:1.25rem;height:1.25rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#columna_sticky .sticky .column:first-child .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}#columna_sticky .sticky .column:first-child .input.cantidad{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#columna_sticky .sticky .column:first-child .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;font-weight:bold}#columna_sticky .sticky .column:first-child .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#columna_sticky .sticky .column:first-child .input.cantidad .button{border-radius:0 !important;width:100%}#columna_sticky .sticky .column:first-child .button{width:100%}#menu i{font-size:2rem}#menu .right.menu .item .shopping.cart .cantidad{font-size:1rem;font-family:Roboto,sans;top:-1.75rem;left:.2rem}.left.column{width:67% !important;padding-left:.3125rem !important}.right.column{width:33% !important}section .titulo{font-size:1.8333333333rem;padding-top:3.375rem;padding-bottom:1.5625rem}body{color:#333}}
/*# sourceMappingURL=maps/main.min.css.map */
diff --git a/public/assets/styles/maps/main.min.css.map b/public/assets/styles/maps/main.min.css.map
index 206027d..54168fa 100644
--- a/public/assets/styles/maps/main.min.css.map
+++ b/public/assets/styles/maps/main.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["main.css"],"names":[],"mappings":"CACA,mBACE,sBAGF,sPACE,SACA,UACA,SACA,eACA,aACA,wBACA,kCACA,mCACA,sBAGF,+BACE,cAGF,KACE,cAGF,MACE,gBAGF,aACE,YAGF,oDACE,WACA,aAGF,MACE,yBACA,iBAGF,MACE,wBACA,gBAGF,KACE,wBAGF,QACE,6CACA,4BACA,gCACA,+BACA,WAEF,yBACE,2BACA,uBACA,2BAEF,oEACE,kBACA,WAEF,4BACE,oBAEF,sCACE,UAGF,aACE,mDAEF,qBACE,kBAGF,UACE,kBACA,8CAEF,oBACE,kBACA,4BAEF,mBACE,kBACA,kBAEF,0BACE,mBAEF,8BACE,mBACA,YAEF,wBACE,kBACA,eACA,sCAEF,6BACE,QACA,OAEF,8BACE,QACA,QAEF,0BACE,WAGF,aACE,kBACA,8CAEF,yBACE,kBACA,WACA,YACA,sCAEF,oDACE,yBAEF,mDACE,yBAGF,aACE,iDACA,iFACA,WACA,uBAGF,cACE,kDAEF,wCACE,iBACA,oBAEF,mCACE,gBACA,cACA,kBACA,kBAGF,mCACE,sBAEF,iDACE,WAGF,UACE,kBACA,gBAEF,sBACE,kBACA,WACA,YACA,sBACA,sDAEF,kBACE,YAEF,8BACE,UAEF,6BACE,UAEF,YACE,cAEF,uBACE,uBACA,gBACA,WAEF,mCACE,WAEF,kCACE,WAEF,qBACE,oBACA,mBAEF,oBACE,oBAEF,0BACE,cAEF,6BACE,YAGF,WACE,sBACA,sCACA,2OACA,mBACA,kBACA,mBAEF,yCACE,iCACA,YACA,kBACA,mBACA,oBACA,oBACA,cACA,mCACA,kCAGF,yBACE,YAGF,yBACE,YAGF,0CACE,QACE,aACA,qBACA,6CAEF,yBACE,0BAEF,oEACE,cACA,YACA,yBAEF,sCACE,mBAGF,aACE,yBAEF,wBACE,sBACA,sBACA,mBAEF,gCACE,uBACA,iBAGF,oBACE,8CACA,oCAEF,mBACE,mBAGF,qBACE,0BACA,sBACA,0BAEF,sBACE,sBAEF,4BACE,uBAEF,6BACE,uBACA,sBAEF,6BACE,sBAEF,4BACE,sBAEF,6BACE,sBAEF,8BACE,sBAEF,8BACE,yBAEF,2BACE,qBAEF,8BACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,uCACE,iBACA,kBACA,eAGF,aACE,gBAGF,cACE,2BAGF,aACE,UACA,kCAGF,sBACE,aACA,6CACA,4BACA,qBACA,6CACA,gCACA,+BAEF,uBACE,WACA,mDACA,iCACA,2BACA,4BAEF,uBACE,WACA,8CAEF,iCACE,6CACA,0CAEF,0BACE,eACA,8CAEF,sCACE,WACA,YACA,sCAEF,yBACE,iBACA,iDAEF,2BACE,eACA,kDAEF,0BACE,iBACA,mDACA,qCACA,gCACA,4BAEF,yBACE,aACA,sBACA,sDAGF,KACE,0BACA,WACA,kBAGF,KACE,iBACA,wBACA,WAGF,SACE,sBACA,iBACA,oBACA,kBACA,eAEF,iBACE,WACA,WACA,aAEF,0BACE,uBACA,2BACA,2BACA,oBACA,WAEF,0CAIE,WACA,eAEF,gDACE,wBAEF,gCACE,yBACA,eAEF,mDACE,kBACA,WACA,qBACA,YACA,WACA,gBACA,wBAEF,uBACE,qBACA,oBAEF,2BACE,UACA,mBAEF,+BACE,UACA,YACA,eAEF,+BACE,gBAEF,iBACE,qBACA,WACA,6BACA,8BAEF,wBACE,WAEF,kBACE,UAEF,4BACE,WACA,WAEF,6CACE,aACA,8BACA,eAEF,iDACE,UACA,sBAEF,uCACE,qBACA,sBACA,mBAEF,+CACE,mBACA,oBAEF,4BACE,WAEF,oCACE,qBACA,WACA,UAEF,2CACE,WAEF,qCACE,kBAEF,yCACE,kBACA,mBAEF,qCACE,sBAEF,sDACE,yBACA,WACA,iBACA,gBACA,aACA,kBACA,gBAEF,8DACE,iBACA,iBACA,mBAEF,yDACE,uBACA,yBAEF,qDACE,qBACA,aACA,8BAEF,yDACE,gBACA,kBAEF,+BACE,eAEF,uCACE,gCAEF,+CACE,iBAEF,uCACE,aAEF,+CACE,WAEF,mDACE,kBACA,mBAEF,mDACE,kBACA,sBAEF,8BACE,iBACA,kCAEF,sCACE,0BACA,4BACA,sCAEF,kBACE,UACA,kBAEF,0BACE,mBACA,iBACA,YAEF,2CACE,kBACA,kBAEF,mDACE,qBACA,WAEF,0DACE,WAEF,oDACE,sBACA,qBACA,gBACA,0BAEF,2DACE,uBAEF,4DACE,0BAEF,4DACE,0BAEF,6DACE,sBAEF,mEACE,uBAEF,oEACE,uBACA,sBAEF,oEACE,sBAEF,mEACE,sBAEF,oEACE,sBAEF,qEACE,sBAEF,qEACE,yBAEF,kEACE,qBAEF,qEACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,8EACE,iBACA,kBACA,eAEF,2DACE,aACA,uBACA,kBACA,qBACA,yBAEF,kEACE,gBACA,YACA,WACA,SACA,UACA,eACA,iBAEF,iEACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,oDACE,gBAEF,wDACE,iBACA,aAEF,kDACE,2BACA,WAEF,uBACE,WACA,eACA,iCAEF,+BACE,qBACA,WACA,6BACA,8BAEF,sCACE,WAEF,gCACE,UAEF,wCACE,sBACA,yBAEF,gDACE,oBAEF,0CACE,aACA,6BAEF,kDACE,qBAEF,8DACE,qBACA,uBAEF,kEACE,kBACA,gBAEF,+DACE,qBACA,mBACA,gBACA,qBAEF,wEACE,cAEF,gFACE,0BACA,uBAEF,2EACE,uBAEF,uEACE,qBAEF,2EACE,gBACA,kBAEF,gCACE,UACA,YAEF,wCACE,qBACA,sBACA,oBAEF,8CACE,sBAEF,oDACE,uBAEF,qDACE,uBACA,sBAEF,qDACE,sBAEF,oDACE,sBAEF,qDACE,sBAEF,sDACE,sBAEF,sDACE,yBAEF,mDACE,qBAEF,sDACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,+DACE,iBACA,kBACA,eAEF,0CACE,wBAEF,oDACE,qBAEF,qDACE,aACA,uBACA,kBACA,qBACA,yBAEF,4DACE,gBACA,YACA,WACA,SACA,UACA,eAEF,2DACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,wDACE,aAEF,kDACE,qBACA,eACA,iBACA,sBACA,yBACA,uBACA,yBACA,kBACA,eAEF,wDACE,iBACA,sBACA,uBACA,2BAEF,8CACE,eACA,sBACA,uBACA,2BACA,qBAEF,6CACE,WACA,yBACA,WACA,uBACA,2BAEF,kBACE,iBACA,0BACA,gCAEF,0BACE,0BAEF,+BACE,sBACA,aACA,8BACA,kBAEF,2CACE,cACA,cACA,oBACA,UACA,kBAEF,uBACE,cACA,kBACA,cAEF,qBACE,aACA,0BAEF,oCACE,cAEF,6BACE,WACA,6BACA,8BAEF,oCACE,WAEF,+BACE,kBACA,gBACA,YACA,SACA,eACA,kBAEF,wCACE,iBACA,YACA,UAEF,8CACE,cACA,oBAEF,qDACE,iBACA,yBACA,WACA,mBAEF,uDACE,kBACA,0BACA,cAEF,8CACE,aACA,6BACA,mBAEF,8DACE,sBAEF,8BACE,UACA,sBAEF,kCACE,gBACA,kBACA,WAEF,8BACE,UAEF,sCACE,oBACA,kBACA,0BAEF,qDACE,qBACA,iBACA,kBACA,0BAEF,yCACE,iBACA,0BACA,uBAEF,yCACE,2BACA,iBACA,wBACA,sCACA,yBAEF,sDACE,WAEF,4CACE,2BACA,eACA,yBACA,sCACA,yBAEF,yDACE,WAEF,2CACE,WACA,2BACA,sBACA,WAEF,iBACE,gBAEF,oCACE,YAEF,6CACE,qBACA,YAEF,6CACE,qBACA,YAEF,yBACE,uBACA,2BACA,2BACA,oBACA,qBAEF,kCACE,YAEF,uBACE,uCAGJ,2CACE,QACE,gBACA,qBACA,0CAEF,2BACE,eAEF,oEACE,eACA,wBACA,aACA,WAGF,aACE,aACA,8BACA,8BACA,4BACA,oBAEF,4BACE,cAEF,wBACE,oBACA,oBACA,mBAEF,gCACE,mBACA,mBAGF,oBACE,iDACA,yCAEF,mBACE,mBAGF,aACE,oBAEF,sBACE,sBAEF,4BACE,sBAEF,6BACE,uBACA,sBAEF,6BACE,sBAEF,4BACE,sBAEF,6BACE,sBAEF,8BACE,sBAEF,8BACE,yBAEF,2BACE,qBAEF,8BACE,qBACA,cACA,eACA,qBACA,qBACA,eAEF,uCACE,eACA,gBACA,eAGF,aACE,oBAGF,cACE,oBAEF,4BACE,sBAEF,kCACE,sBAEF,mCACE,uBACA,sBAEF,mCACE,sBAEF,kCACE,sBAEF,mCACE,sBAEF,oCACE,sBAEF,oCACE,yBAEF,iCACE,qBAEF,oCACE,qBACA,cACA,eACA,qBACA,qBACA,eAEF,6CACE,eACA,gBACA,eAEF,wBACE,uBAEF,mCACE,aACA,gBACA,kBACA,qBACA,yBACA,uCAEF,0CACE,gBACA,YACA,WACA,SACA,UACA,eACA,uCAEF,yCACE,WACA,gBACA,SACA,SACA,UACA,kBACA,uCAEF,sCACE,aAEF,gCACE,qBACA,cACA,qBACA,qBACA,0BACA,kBACA,eAEF,8BACE,cAEF,iCACE,YAEF,2BACE,WACA,yBACA,WAGF,aACE,oBAGF,iBACE,YACA,sBAEF,kBACE,WACA,yBACA,WAGF,aACE,qBACA,iCAGF,cACE,qBAGF,gBACE,0BACA,qBACA,yBAGF,KACE,WAGF,SACE,6BACA,gBACA,kBACA,cAEF,iBACE,qBACA,WACA,6BACA,8BAEF,wBACE,WAEF,kBACE,UAEF,kBACE,UACA,kBAEF,0BACE,kBACA,gBACA,YAEF,2CACE,iBACA,gBAEF,mDACE,qBACA,WAEF,0DACE,WAEF,oDACE,sBACA,oBACA,uBACA,0BAEF,2DACE,sBAEF,4DACE,0BAEF,4DACE,0BAEF,6DACE,sBAEF,mEACE,sBAEF,oEACE,uBACA,sBAEF,oEACE,sBAEF,mEACE,sBAEF,oEACE,sBAEF,qEACE,sBAEF,qEACE,yBAEF,kEACE,qBAEF,qEACE,qBACA,cACA,eACA,qBACA,qBACA,eAEF,8EACE,eACA,gBACA,eAEF,2DACE,aACA,uBACA,kBACA,qBACA,yBAEF,kEACE,gBACA,YACA,WACA,SACA,UACA,eACA,iBAEF,iEACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,oDACE,sBAEF,wDACE,eACA,aAEF,kDACE,2BACA,WAEF,kBACE,iBACA,0BACA,+BAEF,0BACE,0BAEF,+BACE,qBACA,aACA,8BACA,kBAEF,2CACE,YACA,cACA,mBACA,UACA,kBAEF,uBACE,cACA,kBACA,cAEF,qBACE,aACA,0BAEF,oCACE,cAEF,6BACE,WACA,6BACA,8BAEF,oCACE,WAEF,+BACE,kBACA,eACA,YACA,SACA,cACA,kBAEF,wCACE,eACA,YACA,UAEF,8CACE,cACA,mBAEF,qDACE,gBACA,yBACA,WACA,kBAEF,uDACE,kBACA,0BACA,aAEF,8CACE,aACA,6BACA,kBAEF,8DACE,sBAEF,8BACE,UACA,qBAEF,kCACE,eACA,iBACA,WAEF,8BACE,UAEF,sCACE,mBACA,kBACA,0BAEF,qDACE,qBACA,gBACA,iBACA,0BAEF,yCACE,iBACA,yBACA,uBAEF,yCACE,2BACA,gBACA,uBACA,sCACA,yBAEF,sDACE,WAEF,4CACE,2BACA,cACA,wBACA,sCACA,yBAEF,yDACE,WAEF,2CACE,WACA,2BACA,sBACA,WAEF,iBACE,gBAEF,oCACE,YAEF,6CACE,qBACA,YAEF,6CACE,qBACA,YAEF,yBACE,uBACA,2BACA,2BACA,oBACA,qBAEF,kCACE,YAEF,uBACE","file":"../main.min.css","sourcesContent":["@charset \"UTF-8\";\n*, *:before, *:after {\n box-sizing: border-box;\n}\n\nhtml, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n text-size-adjust: none;\n}\n\nfooter, header, nav, section, main {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote:before, blockquote:after, q:before, q:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ninput {\n -webkit-appearance: none;\n border-radius: 0;\n}\n\nhtml {\n font-family: Roboto, sans;\n}\n\n#header {\n background-image: url(\"../images/banner.jpg\");\n background-repeat: no-repeat;\n background-color: rgba(0, 0, 0, 0.4);\n background-blend-mode: multiply;\n color: white;\n}\n#header .container #menu {\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n}\n#header .container #menu .right.menu .item .shopping.cart .cantidad {\n position: relative;\n color: white;\n}\n#header .container .segment {\n margin: 0 !important;\n}\n#header .container .segment #logo img {\n width: 50%;\n}\n\n#descripcion {\n background-image: linear-gradient(#cccccc, #cccccc);\n}\n#descripcion .images {\n text-align: center;\n}\n\n#ventajas {\n position: relative;\n background-image: url(\"../images/tripode.png\");\n}\n#ventajas .diagonal {\n position: absolute;\n background-blend-mode: color;\n}\n#ventajas .gallery {\n position: relative;\n text-align: center;\n}\n#ventajas .gallery .image {\n max-height: inherit;\n}\n#ventajas .gallery .image img {\n max-height: inherit;\n margin: auto;\n}\n#ventajas .gallery .nav {\n position: absolute;\n cursor: pointer;\n background-color: rgba(255, 255, 255, 0.5);\n}\n#ventajas .gallery .nav.left {\n top: 50%;\n left: 0;\n}\n#ventajas .gallery .nav.right {\n top: 50%;\n right: 0;\n}\n#ventajas .gallery::after {\n clear: both;\n}\n\n#dimensiones {\n position: relative;\n background-image: url(\"../images/tripode.png\");\n}\n#dimensiones .fondo-gris {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgba(204, 204, 204, 0.5);\n}\n#dimensiones .left.column > .grid > .column:first-child {\n min-width: 33% !important;\n}\n#dimensiones .left.column > .grid > .column:last-child {\n min-width: 67% !important;\n}\n\n#construidos {\n background-image: url(\"../images/construido.jpg\");\n background-color: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));\n color: white;\n padding-bottom: 1.25rem;\n}\n\n#corporativos {\n background-image: url(\"../images/corporativo.png\");\n}\n#corporativos .segment .content .header {\n padding-top: 2rem;\n padding-bottom: 1rem;\n}\n#corporativos .segment .content ul {\n list-style: none;\n margin-left: 0;\n padding-left: 1rem;\n text-indent: -1rem;\n}\n\n#testimonios .testimonios .ui.card {\n background-color: #cccccc;\n}\n#testimonios .testimonios .ui.card .rating .icon {\n color: white;\n}\n\n#contacto {\n position: relative;\n margin-top: 1rem;\n}\n#contacto .background {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: #cccccc;\n clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);\n}\n#contacto .column {\n height: 100%;\n}\n#contacto .column:first-child {\n width: 67%;\n}\n#contacto .column:last-child {\n width: 33%;\n}\n#contacto a {\n color: inherit;\n}\n#contacto div.whatsapp {\n background-color: green;\n padding: 0.5rem 0;\n color: white;\n}\n#contacto .icons .icon:first-child {\n color: white;\n}\n#contacto .icons .icon:last-child {\n color: #cccccc;\n}\n#contacto .paragraph {\n margin-bottom: 0.5rem;\n text-align: justify;\n}\n#contacto form .row {\n margin-bottom: 0.5rem;\n}\n#contacto form .row input {\n height: 1.5rem;\n}\n#contacto form .row textarea {\n height: 5rem;\n}\n\n@font-face {\n font-family: \"icomoon\";\n src: url(\"../fonts/icomoon.eotiedbpz\");\n src: url(\"../fonts/icomoon.eot?iedbpz#iefix\") format(\"embedded-opentype\"), url(\"../fonts/icomoon.ttf?iedbpz\") format(\"truetype\"), url(\"../fonts/icomoon.woff?iedbpz\") format(\"woff\"), url(\"../fonts/icomoon.svg?iedbpz#icomoon\") format(\"svg\");\n font-weight: normal;\n font-style: normal;\n font-display: block;\n}\n[class^=font-icon], [class*=\" font-icon\"] {\n font-family: \"icomoon\" !important;\n speak: never;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ni.font-icon.angle:before {\n content: \"\";\n}\n\ni.font-icon.chile:before {\n content: \"\";\n}\n\n@media screen and (orientation: portrait) {\n #header {\n height: 25rem;\n background-size: 160%;\n background-position: bottom -0.9375rem center;\n }\n #header .container #menu {\n font-size: 1.3333333333rem;\n }\n #header .container #menu .right.menu .item .shopping.cart .cantidad {\n top: -1.875rem;\n left: 0.15rem;\n font-size: 0.6666666667rem;\n }\n #header .container .segment #logo img {\n max-width: 56.25rem;\n }\n\n #descripcion {\n padding-bottom: 0.46875rem;\n }\n #descripcion .paragraph {\n padding-top: 1.6875rem;\n line-height: 1.3125rem;\n text-align: justify;\n }\n #descripcion .paragraph .header {\n margin-bottom: 0.5625rem;\n font-size: 1.5rem;\n }\n\n #ventajas .diagonal {\n border-bottom: 100% solid rgba(204, 204, 204, 0.5);\n border-right: 100% solid transparent;\n }\n #ventajas .gallery {\n max-height: 25.5rem;\n }\n\n #dimensiones .header {\n font-size: 1.8333333333rem;\n padding-top: 5.0625rem;\n padding-bottom: 2.34375rem;\n }\n #dimensiones .colores {\n vertical-align: center;\n }\n #dimensiones .colores .text {\n margin-right: 0.28125rem;\n }\n #dimensiones .colores .white {\n border: thin solid black;\n background-color: white;\n }\n #dimensiones .colores .black {\n background-color: black;\n }\n #dimensiones .colores .blue {\n background-color: blue;\n }\n #dimensiones .colores .green {\n background-color: lime;\n }\n #dimensiones .colores .yellow {\n background-color: yellow;\n }\n #dimensiones .colores .orange {\n background-color: #ff8200;\n }\n #dimensiones .colores .red {\n background-color: red;\n }\n #dimensiones .colores .circle {\n display: inline-block;\n width: 1.40625rem;\n height: 1.40625rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #dimensiones .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n\n #construidos {\n margin-top: 1rem;\n }\n\n #corporativos {\n margin-top: 1rem !important;\n }\n\n .left.column {\n width: 75%;\n padding-left: 0.46875rem !important;\n }\n\n #backgrounds .cabezal {\n height: 25rem;\n background-image: url(\"../images/banner.jpg\");\n background-repeat: no-repeat;\n background-size: 160%;\n background-position: bottom -0.9375rem center;\n background-color: rgba(0, 0, 0, 0.4);\n background-blend-mode: multiply;\n }\n #backgrounds .seccion1 {\n height: rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 10.5rem;\n background-size: 100% 12rem;\n background-repeat: no-repeat;\n }\n #backgrounds .seccion2 {\n height: rem;\n background-image: url(\"../images/tripode.png\");\n }\n #backgrounds .seccion2 .diagonal {\n border-bottom: rem solid rgba(204, 204, 204, 0.5);\n border-right: 178.125rem solid transparent;\n }\n #backgrounds .dimensiones {\n height: 27.5rem;\n background-image: url(\"../images/tripode.png\");\n }\n #backgrounds .dimensiones .fondo-gris {\n width: 100%;\n height: 100%;\n background-color: rgba(204, 204, 204, 0.5);\n }\n #backgrounds .construido {\n height: 21.875rem;\n background-image: url(\"../images/construido.jpg\");\n }\n #backgrounds .corporativos {\n height: 32.5rem;\n background-image: url(\"../images/corporativo.png\");\n }\n #backgrounds .testimonios {\n height: 21.875rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 10.78125rem;\n background-size: 100% 11.0625rem;\n background-repeat: no-repeat;\n }\n #backgrounds .formulario {\n height: 30rem;\n background-color: #cccccc;\n clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);\n }\n\n html {\n font-size: 10.6666666667px;\n width: 100%;\n overflow-x: hidden;\n }\n\n body {\n height: 211.25rem;\n font-family: Roboto, sans;\n color: #333333;\n }\n\n #content {\n width: 100% !important;\n height: 211.25rem;\n margin: 0 !important;\n position: relative;\n top: -211.25rem;\n }\n #content #header {\n color: white;\n width: 100%;\n height: 25rem;\n }\n #content #header .ui.menu {\n border: none !important;\n background: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n color: black;\n }\n #content #header .ui.menu .dropdown .menu {\n /*background: none !important;\n border: none !important;\n box-shadow: none !important;*/\n color: black;\n font-size: 1rem;\n }\n #content #header .ui.menu .dropdown .menu .item {\n padding: 1rem !important;\n }\n #content #header .ui.menu .item {\n color: inherit !important;\n font-size: 1rem;\n }\n #content #header .ui.menu .item .shopping.cart div {\n position: relative;\n color: black;\n display: inline-block;\n top: -1.3rem;\n left: 0.1rem;\n font-size: 0.5rem;\n font-family: Roboto, sans;\n }\n #content #header .logo {\n padding: 0 !important;\n margin: 0 !important;\n }\n #content #header .logo img {\n width: 50%;\n max-width: 56.25rem;\n }\n #content #header .logo .frase1 {\n width: 75%;\n margin: auto;\n font-size: 1rem;\n }\n #content #header .logo .frase2 {\n font-size: 0.7rem;\n }\n #content > .column {\n display: inline-block;\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content > .column::after {\n clear: both;\n }\n #content > .column1 {\n width: 90%;\n }\n #content > .column1 #seccion1 {\n height: rem;\n width: 100%;\n }\n #content > .column1 #seccion1 .image-container {\n display: flex;\n justify-content: space-between;\n height: 22.5rem;\n }\n #content > .column1 #seccion1 .image-container img {\n width: 50%;\n margin-top: 7.96875rem;\n }\n #content > .column1 #seccion1 .paragraph {\n padding-top: 2.625rem;\n line-height: 1.3125rem;\n text-align: justify;\n }\n #content > .column1 #seccion1 .paragraph .header {\n margin-bottom: 1rem;\n font-size: 2.0625rem;\n }\n #content > .column1 #seccion2 {\n height: rem;\n }\n #content > .column1 #seccion2 > .column {\n display: inline-block;\n float: left;\n width: 50%;\n }\n #content > .column1 #seccion2 > .column::after {\n clear: both;\n }\n #content > .column1 #seccion2 .column1 {\n margin-top: 7.5rem;\n }\n #content > .column1 #seccion2 .column1 img {\n width: 29.71875rem;\n height: 29.71875rem;\n }\n #content > .column1 #seccion2 .column2 {\n margin-top: 10.6875rem;\n }\n #content > .column1 #seccion2 .column2 .row:first-child {\n background-color: #00427b;\n color: white;\n height: 16.875rem;\n width: 35.625rem;\n padding: 2rem;\n margin-left: -3rem;\n overflow: hidden;\n }\n #content > .column1 #seccion2 .column2 .row:first-child .header {\n font-weight: bold;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n #content > .column1 #seccion2 .column2 .row:first-child ul {\n list-style: disc inside;\n font-size: 0.8333333333rem;\n }\n #content > .column1 #seccion2 .column2 .row:last-child {\n margin-top: 1.6875rem;\n display: flex;\n justify-content: space-between;\n }\n #content > .column1 #seccion2 .column2 .row:last-child img {\n width: 6.5625rem;\n height: 7.96875rem;\n }\n #content > .column1 #dimensiones {\n height: 27.5rem;\n }\n #content > .column1 #dimensiones .header {\n padding: 3.46875rem 0 !important;\n }\n #content > .column1 #dimensiones .header .bigger {\n font-size: 1.5rem;\n }\n #content > .column1 #dimensiones .images {\n display: flex;\n }\n #content > .column1 #dimensiones .images .column {\n float: left;\n }\n #content > .column1 #dimensiones .images .column > img {\n width: 29.34375rem;\n height: 22.03125rem;\n }\n #content > .column1 #dimensiones .images .column div {\n width: 29.34375rem;\n margin-top: 2.34375rem;\n }\n #content > .column1 #construido {\n height: 21.875rem;\n padding-top: 2.15625rem !important;\n }\n #content > .column1 #construido .header {\n font-size: 1.8333333333rem;\n padding: 0.9375rem 4.03125rem;\n background-color: rgba(255, 255, 255, 0.6);\n }\n #content > .column2 {\n width: 10%;\n height: 101.875rem;\n }\n #content > .column2 .sticky {\n height: 24.84375rem;\n width: 29.0625rem;\n margin: auto;\n }\n #content > .column2 .sticky .row:first-child {\n height: 15.9375rem;\n margin-top: 7.5rem;\n }\n #content > .column2 .sticky .row:first-child .column {\n display: inline-block;\n float: left;\n }\n #content > .column2 .sticky .row:first-child .column::after {\n clear: both;\n }\n #content > .column2 .sticky .row:first-child .column1 {\n vertical-align: bottom;\n padding-top: 1.875rem;\n width: 19.375rem;\n font-size: 1.1666666667rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .linea {\n margin-bottom: 0.9375rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .titulo {\n font-size: 2.0833333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .precio {\n font-size: 1.3333333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores {\n vertical-align: center;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .text {\n margin-right: 0.28125rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .white {\n border: thin solid black;\n background-color: white;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .black {\n background-color: black;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .blue {\n background-color: blue;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .green {\n background-color: lime;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .yellow {\n background-color: yellow;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .orange {\n background-color: #ff8200;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .red {\n background-color: red;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .circle {\n display: inline-block;\n width: 1.40625rem;\n height: 1.40625rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n #content > .column2 .sticky .row:first-child .column1 .input {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .input button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n font-weight: bold;\n }\n #content > .column2 .sticky .row:first-child .column1 .input input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #content > .column2 .sticky .row:first-child .column2 {\n width: 9.6875rem;\n }\n #content > .column2 .sticky .row:first-child .column2 img {\n width: 10.3125rem;\n height: 15rem;\n }\n #content > .column2 .sticky .row:last-child .button {\n border-radius: 0 !important;\n width: 100%;\n }\n #content #corporativos {\n width: 100%;\n height: 32.5rem;\n margin-top: 101.875rem !important;\n }\n #content #corporativos > .column {\n display: inline-block;\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content #corporativos > .column::after {\n clear: both;\n }\n #content #corporativos .column1 {\n width: 67%;\n }\n #content #corporativos .column1 > .header {\n margin-top: 6.28125rem;\n margin-bottom: 3.46875rem;\n }\n #content #corporativos .column1 > .header .bigger {\n font-size: 2.4375rem;\n }\n #content #corporativos .column1 .opciones {\n display: flex;\n justify-content: space-around;\n }\n #content #corporativos .column1 .opciones .opcion {\n display: inline-block;\n }\n #content #corporativos .column1 .opciones .opcion .img-grande {\n display: inline-block;\n padding-right: 1.125rem;\n }\n #content #corporativos .column1 .opciones .opcion .img-grande img {\n width: 12.65625rem;\n height: 18.75rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion {\n display: inline-block;\n vertical-align: top;\n height: 18.75rem;\n padding-top: 1.875rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content {\n display: block;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content .header {\n font-size: 1.1666666667rem;\n margin-bottom: 0.9375rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content ul {\n list-style: disc inside;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .images {\n margin-top: 3.1875rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .images img {\n width: 6.5625rem;\n height: 7.96875rem;\n }\n #content #corporativos .column2 {\n width: 33%;\n height: 100%;\n }\n #content #corporativos .column2 .header {\n margin-top: 4.3125rem;\n margin-bottom: 2.25rem;\n font-size: 2.4375rem;\n }\n #content #corporativos .column2 form .colores {\n vertical-align: center;\n }\n #content #corporativos .column2 form .colores .text {\n margin-right: 0.28125rem;\n }\n #content #corporativos .column2 form .colores .white {\n border: thin solid black;\n background-color: white;\n }\n #content #corporativos .column2 form .colores .black {\n background-color: black;\n }\n #content #corporativos .column2 form .colores .blue {\n background-color: blue;\n }\n #content #corporativos .column2 form .colores .green {\n background-color: lime;\n }\n #content #corporativos .column2 form .colores .yellow {\n background-color: yellow;\n }\n #content #corporativos .column2 form .colores .orange {\n background-color: #ff8200;\n }\n #content #corporativos .column2 form .colores .red {\n background-color: red;\n }\n #content #corporativos .column2 form .colores .circle {\n display: inline-block;\n width: 1.40625rem;\n height: 1.40625rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #content #corporativos .column2 form .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n #content #corporativos .column2 form .row {\n margin-bottom: 0.84375rem;\n }\n #content #corporativos .column2 form .colores.linea {\n margin-bottom: 1.5rem;\n }\n #content #corporativos .column2 form .input.cantidad {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #content #corporativos .column2 form .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n }\n #content #corporativos .column2 form .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #content #corporativos .column2 form .input [type=file] {\n display: none;\n }\n #content #corporativos .column2 form .input .file {\n display: inline-block;\n height: 2.25rem;\n width: 14.0625rem;\n padding-top: 0.28125rem;\n background-color: #cccccb;\n border: thin solid #333;\n font-size: 0.8333333333rem;\n text-align: center;\n cursor: pointer;\n }\n #content #corporativos .column2 form .input [type=text] {\n height: 1.6875rem;\n background-color: white;\n border: none !important;\n border-radius: 0 !important;\n }\n #content #corporativos .column2 form textarea {\n height: 6.75rem;\n background-color: white;\n border: none !important;\n border-radius: 0 !important;\n margin-bottom: 1.5rem;\n }\n #content #corporativos .column2 form .button {\n width: 100%;\n background-color: #666667;\n color: white;\n border: none !important;\n border-radius: 0 !important;\n }\n #content #felices {\n height: 21.875rem;\n padding: 0 1rem !important;\n padding-top: 5.625rem !important;\n }\n #content #felices .header {\n font-size: 1.8333333333rem;\n }\n #content #felices .testimonios {\n margin-top: 2.34375rem;\n display: flex;\n justify-content: space-between;\n text-align: center;\n }\n #content #felices .testimonios .testimonio {\n height: 7.5rem;\n color: #666667;\n margin-top: 1.875rem;\n width: 30%;\n text-align: center;\n }\n #content #felices .nav {\n display: block;\n text-align: center;\n color: #666667;\n }\n #content #formulario {\n height: 30rem;\n padding: 0 1rem !important;\n }\n #content #formulario .whatsapp-link {\n color: inherit;\n }\n #content #formulario > .column {\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content #formulario > .column::after {\n clear: both;\n }\n #content #formulario > .flotante {\n position: absolute;\n top: 17.15625rem;\n margin: auto;\n left: 40%;\n width: 11.25rem;\n text-align: center;\n }\n #content #formulario > .flotante > .content {\n width: 12.1875rem;\n margin: auto;\n left: -50%;\n }\n #content #formulario > .flotante > .content .item {\n display: block;\n padding: 0.46875rem 0;\n }\n #content #formulario > .flotante > .content div.whatsapp {\n height: 2.8125rem;\n background-color: #1a9947;\n color: #fff;\n font-size: 0.9375rem;\n }\n #content #formulario > .flotante > .content div.whatsapp > i {\n position: relative;\n font-size: 1.3333333333rem;\n top: 0.28125rem;\n }\n #content #formulario > .flotante > .content .rrss {\n display: flex;\n justify-content: space-around;\n font-size: 1.875rem;\n }\n #content #formulario > .flotante > .content .rrss i.inverted.grey {\n color: white !important;\n }\n #content #formulario > .column1 {\n width: 90%;\n margin-top: 2.53125rem;\n }\n #content #formulario > .column1 > img {\n width: 50.625rem;\n height: 32.8125rem;\n float: left;\n }\n #content #formulario > .column2 {\n width: 10%;\n }\n #content #formulario > .column2 .header {\n margin-top: 1.875rem;\n text-align: center;\n font-size: 1.8333333333rem;\n }\n #content #formulario > .column2 .header .whatsapp-link {\n display: inline-block;\n width: 2.34375rem;\n height: 2.34375rem;\n font-size: 2.0833333333rem;\n }\n #content #formulario > .column2 .paragraph {\n padding-top: 1rem;\n padding-bottom: 2.34375rem;\n justify-content: center;\n }\n #content #formulario > .column2 form input {\n border-radius: 0 !important;\n height: 1.6875rem;\n margin-bottom: 0.84375rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form input::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form textarea {\n border-radius: 0 !important;\n height: 6.75rem;\n margin-bottom: 2.34375rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form textarea::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form .button {\n width: 100%;\n border-radius: 0 !important;\n background-color: white;\n color: #333333;\n }\n #content section {\n background: none;\n }\n #content section.segment > .container {\n height: 100%;\n }\n #content section.segment > .container > .column1 {\n display: inline-block;\n width: 90rem;\n }\n #content section.segment > .container > .column2 {\n display: inline-block;\n width: 10rem;\n }\n #content .simple.segment {\n border: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n #content .simple.segment > .ui.grid {\n height: 100%;\n }\n #content .fondo-blanco {\n background-color: rgba(255, 255, 255, 0.5);\n }\n}\n@media screen and (orientation: landscape) {\n #header {\n height: 31.25rem;\n background-size: 160%;\n background-position: bottom -2.5rem center;\n }\n #header .container #menu i {\n font-size: 2rem;\n }\n #header .container #menu .right.menu .item .shopping.cart .cantidad {\n font-size: 1rem;\n font-family: Roboto, sans;\n top: -1.75rem;\n left: 0.2rem;\n }\n\n #descripcion {\n height: 25rem;\n background-position: left 7rem;\n background-size: 100% 6.875rem;\n background-repeat: no-repeat;\n padding-top: 6.25rem;\n }\n #descripcion .images .image {\n max-width: 33%;\n }\n #descripcion .paragraph {\n padding-top: 1.75rem;\n line-height: 0.875rem;\n text-align: justify;\n }\n #descripcion .paragraph .header {\n margin-bottom: 1rem;\n font-size: 1.375rem;\n }\n\n #ventajas .diagonal {\n border-bottom: 27.5rem solid rgba(204, 204, 204, 0.5);\n border-right: 118.75rem solid transparent;\n }\n #ventajas .gallery {\n max-height: 25.5rem;\n }\n\n #dimensiones {\n margin-top: 0.9375rem;\n }\n #dimensiones .colores {\n vertical-align: center;\n }\n #dimensiones .colores .text {\n margin-right: 0.1875rem;\n }\n #dimensiones .colores .white {\n border: thin solid black;\n background-color: white;\n }\n #dimensiones .colores .black {\n background-color: black;\n }\n #dimensiones .colores .blue {\n background-color: blue;\n }\n #dimensiones .colores .green {\n background-color: lime;\n }\n #dimensiones .colores .yellow {\n background-color: yellow;\n }\n #dimensiones .colores .orange {\n background-color: #ff8200;\n }\n #dimensiones .colores .red {\n background-color: red;\n }\n #dimensiones .colores .circle {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #dimensiones .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n\n #construidos {\n margin-top: 0.9375rem;\n }\n\n #corporativos {\n margin-top: 0.9375rem;\n }\n #corporativos form .colores {\n vertical-align: center;\n }\n #corporativos form .colores .text {\n margin-right: 0.1875rem;\n }\n #corporativos form .colores .white {\n border: thin solid black;\n background-color: white;\n }\n #corporativos form .colores .black {\n background-color: black;\n }\n #corporativos form .colores .blue {\n background-color: blue;\n }\n #corporativos form .colores .green {\n background-color: lime;\n }\n #corporativos form .colores .yellow {\n background-color: yellow;\n }\n #corporativos form .colores .orange {\n background-color: #ff8200;\n }\n #corporativos form .colores .red {\n background-color: red;\n }\n #corporativos form .colores .circle {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #corporativos form .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n #corporativos form .row {\n margin-bottom: 0.5625rem;\n }\n #corporativos form .input.cantidad {\n width: 4.5rem;\n background: white;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input [type=file] {\n display: none;\n }\n #corporativos form .input .file {\n display: inline-block;\n height: 1.5rem;\n padding-top: 0.1875rem;\n margin-left: 0.3125rem;\n font-size: 1.3333333333rem;\n text-align: center;\n cursor: pointer;\n }\n #corporativos form .row input {\n height: 1.5rem;\n }\n #corporativos form .row textarea {\n height: 5rem;\n }\n #corporativos form .button {\n width: 100%;\n background-color: #666667;\n color: white;\n }\n\n #testimonios {\n margin-top: 0.9375rem;\n }\n\n #contacto .image {\n margin: auto;\n vertical-align: middle;\n }\n #contacto .button {\n width: 100%;\n background-color: #666667;\n color: white;\n }\n\n .left.column {\n width: 67% !important;\n padding-left: 0.3125rem !important;\n }\n\n .right.column {\n width: 33% !important;\n }\n\n section .titulo {\n font-size: 1.8333333333rem;\n padding-top: 3.375rem;\n padding-bottom: 1.5625rem;\n }\n\n body {\n color: #333333;\n }\n\n #content {\n max-width: 67.5rem !important;\n height: 217.5rem;\n position: relative;\n top: -217.5rem;\n }\n #content > .column {\n display: inline-block;\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content > .column::after {\n clear: both;\n }\n #content > .column1 {\n width: 67%;\n }\n #content > .column2 {\n width: 33%;\n height: 101.875rem;\n }\n #content > .column2 .sticky {\n height: 16.5625rem;\n width: 19.375rem;\n margin: auto;\n }\n #content > .column2 .sticky .row:first-child {\n height: 10.625rem;\n margin-top: 5rem;\n }\n #content > .column2 .sticky .row:first-child .column {\n display: inline-block;\n float: left;\n }\n #content > .column2 .sticky .row:first-child .column::after {\n clear: both;\n }\n #content > .column2 .sticky .row:first-child .column1 {\n vertical-align: bottom;\n padding-top: 1.25rem;\n width: 12.9166666667rem;\n font-size: 1.1666666667rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .linea {\n margin-bottom: 0.625rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .titulo {\n font-size: 2.0833333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .precio {\n font-size: 1.3333333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores {\n vertical-align: center;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .text {\n margin-right: 0.1875rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .white {\n border: thin solid black;\n background-color: white;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .black {\n background-color: black;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .blue {\n background-color: blue;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .green {\n background-color: lime;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .yellow {\n background-color: yellow;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .orange {\n background-color: #ff8200;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .red {\n background-color: red;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .circle {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n #content > .column2 .sticky .row:first-child .column1 .input {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .input button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n font-weight: bold;\n }\n #content > .column2 .sticky .row:first-child .column1 .input input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #content > .column2 .sticky .row:first-child .column2 {\n width: 6.4583333333rem;\n }\n #content > .column2 .sticky .row:first-child .column2 img {\n width: 6.875rem;\n height: 10rem;\n }\n #content > .column2 .sticky .row:last-child .button {\n border-radius: 0 !important;\n width: 100%;\n }\n #content #felices {\n height: 21.875rem;\n padding: 0 1rem !important;\n padding-top: 3.75rem !important;\n }\n #content #felices .header {\n font-size: 1.8333333333rem;\n }\n #content #felices .testimonios {\n margin-top: 1.5625rem;\n display: flex;\n justify-content: space-between;\n text-align: center;\n }\n #content #felices .testimonios .testimonio {\n height: 5rem;\n color: #666667;\n margin-top: 1.25rem;\n width: 30%;\n text-align: center;\n }\n #content #felices .nav {\n display: block;\n text-align: center;\n color: #666667;\n }\n #content #formulario {\n height: 30rem;\n padding: 0 1rem !important;\n }\n #content #formulario .whatsapp-link {\n color: inherit;\n }\n #content #formulario > .column {\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content #formulario > .column::after {\n clear: both;\n }\n #content #formulario > .flotante {\n position: absolute;\n top: 11.4375rem;\n margin: auto;\n left: 40%;\n width: 13.5rem;\n text-align: center;\n }\n #content #formulario > .flotante > .content {\n width: 8.125rem;\n margin: auto;\n left: -50%;\n }\n #content #formulario > .flotante > .content .item {\n display: block;\n padding: 0.3125rem 0;\n }\n #content #formulario > .flotante > .content div.whatsapp {\n height: 1.875rem;\n background-color: #1a9947;\n color: #fff;\n font-size: 0.625rem;\n }\n #content #formulario > .flotante > .content div.whatsapp > i {\n position: relative;\n font-size: 1.3333333333rem;\n top: 0.1875rem;\n }\n #content #formulario > .flotante > .content .rrss {\n display: flex;\n justify-content: space-around;\n font-size: 1.25rem;\n }\n #content #formulario > .flotante > .content .rrss i.inverted.grey {\n color: white !important;\n }\n #content #formulario > .column1 {\n width: 67%;\n margin-top: 1.6875rem;\n }\n #content #formulario > .column1 > img {\n width: 33.75rem;\n height: 21.875rem;\n float: left;\n }\n #content #formulario > .column2 {\n width: 33%;\n }\n #content #formulario > .column2 .header {\n margin-top: 1.25rem;\n text-align: center;\n font-size: 1.8333333333rem;\n }\n #content #formulario > .column2 .header .whatsapp-link {\n display: inline-block;\n width: 1.5625rem;\n height: 1.5625rem;\n font-size: 2.0833333333rem;\n }\n #content #formulario > .column2 .paragraph {\n padding-top: 1rem;\n padding-bottom: 1.5625rem;\n justify-content: center;\n }\n #content #formulario > .column2 form input {\n border-radius: 0 !important;\n height: 1.125rem;\n margin-bottom: 0.5625rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form input::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form textarea {\n border-radius: 0 !important;\n height: 4.5rem;\n margin-bottom: 1.5625rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form textarea::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form .button {\n width: 100%;\n border-radius: 0 !important;\n background-color: white;\n color: #333333;\n }\n #content section {\n background: none;\n }\n #content section.segment > .container {\n height: 100%;\n }\n #content section.segment > .container > .column1 {\n display: inline-block;\n width: 67rem;\n }\n #content section.segment > .container > .column2 {\n display: inline-block;\n width: 33rem;\n }\n #content .simple.segment {\n border: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n #content .simple.segment > .ui.grid {\n height: 100%;\n }\n #content .fondo-blanco {\n background-color: rgba(255, 255, 255, 0.5);\n }\n}"]}
\ No newline at end of file
+{"version":3,"sources":["main.css"],"names":[],"mappings":"CACA,mBACE,sBAGF,sPACE,SACA,UACA,SACA,eACA,aACA,wBACA,kCACA,mCACA,sBAGF,+BACE,cAGF,KACE,cAGF,MACE,gBAGF,aACE,YAGF,oDACE,WACA,aAGF,MACE,yBACA,iBAGF,MACE,wBACA,gBAGF,KACE,wBAGF,QACE,6CACA,4BACA,gCACA,+BACA,WAEF,4BACE,oBAEF,sCACE,UAGF,aACE,mDAEF,qBACE,kBAGF,UACE,kBACA,8CAEF,oBACE,kBACA,4BAEF,mBACE,kBACA,kBAEF,0BACE,mBAEF,8BACE,mBACA,YAEF,wBACE,kBACA,eACA,sCAEF,6BACE,QACA,OAEF,8BACE,QACA,QAEF,0BACE,WAGF,aACE,kBACA,8CAEF,yBACE,kBACA,WACA,YACA,sCAEF,oDACE,yBAEF,mDACE,yBAGF,aACE,iDACA,iFACA,WACA,uBAGF,cACE,kDAEF,wCACE,iBACA,oBAEF,mCACE,gBACA,cACA,kBACA,kBAGF,mCACE,sBAEF,iDACE,WAGF,UACE,kBACA,gBAEF,sBACE,kBACA,WACA,YACA,sBACA,sDAEF,kBACE,YAEF,8BACE,UAEF,6BACE,UAEF,YACE,cAEF,uBACE,uBACA,gBACA,WAEF,mCACE,WAEF,kCACE,WAEF,qBACE,oBACA,mBAEF,oBACE,oBAEF,0BACE,cAEF,6BACE,YAGF,MACE,YACA,2BACA,uBACA,2BAEF,iDACE,kBACA,WAGF,cACE,kBAEF,sBACE,iBAEF,uBACE,kBAEF,2BACE,YAGF,cACE,uBACA,sBAGF,cACE,sBAGF,aACE,yBAGF,eACE,yBAGF,aACE,yBAGF,cACE,yBAGF,eACE,yBAGF,eACE,yBAGF,YACE,yBAGF,kBACE,yBAGF,WACE,sBACA,sCACA,2OACA,mBACA,kBACA,mBAEF,yCACE,iCACA,YACA,kBACA,mBACA,oBACA,oBACA,cACA,mCACA,kCAGF,yBACE,YAGF,yBACE,YAGF,0CACE,QACE,aACA,qBACA,6CAEF,yBACE,0BAEF,oEACE,cACA,YACA,yBAEF,sCACE,mBAGF,aACE,yBAEF,wBACE,sBACA,sBACA,mBAEF,gCACE,uBACA,iBAGF,oBACE,8CACA,oCAEF,mBACE,mBAGF,qBACE,0BACA,sBACA,0BAEF,sBACE,sBAEF,4BACE,uBAEF,8BACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,uCACE,iBACA,kBACA,eAGF,aACE,gBAGF,cACE,2BAGF,aACE,UACA,kCAGF,sBACE,aACA,6CACA,4BACA,qBACA,6CACA,gCACA,+BAEF,uBACE,WACA,mDACA,iCACA,2BACA,4BAEF,uBACE,WACA,8CAEF,iCACE,6CACA,0CAEF,0BACE,eACA,8CAEF,sCACE,WACA,YACA,sCAEF,yBACE,iBACA,iDAEF,2BACE,eACA,kDAEF,0BACE,iBACA,mDACA,qCACA,gCACA,4BAEF,yBACE,aACA,sBACA,sDAGF,KACE,0BACA,WACA,kBAGF,KACE,iBACA,wBACA,WAGF,SACE,sBACA,iBACA,oBACA,kBACA,eAEF,iBACE,WACA,WACA,aAEF,0BACE,uBACA,2BACA,2BACA,oBACA,WAEF,0CAIE,WACA,eAEF,gDACE,wBAEF,gCACE,yBACA,eAEF,mDACE,kBACA,WACA,qBACA,YACA,WACA,gBACA,wBAEF,uBACE,qBACA,oBAEF,2BACE,UACA,mBAEF,+BACE,UACA,YACA,eAEF,+BACE,gBAEF,iBACE,qBACA,WACA,6BACA,8BAEF,wBACE,WAEF,kBACE,UAEF,4BACE,WACA,WAEF,6CACE,aACA,8BACA,eAEF,iDACE,UACA,sBAEF,uCACE,qBACA,sBACA,mBAEF,+CACE,mBACA,oBAEF,4BACE,WAEF,oCACE,qBACA,WACA,UAEF,2CACE,WAEF,qCACE,kBAEF,yCACE,kBACA,mBAEF,qCACE,sBAEF,sDACE,yBACA,WACA,iBACA,gBACA,aACA,kBACA,gBAEF,8DACE,iBACA,iBACA,mBAEF,yDACE,uBACA,yBAEF,qDACE,qBACA,aACA,8BAEF,yDACE,gBACA,kBAEF,+BACE,eAEF,uCACE,gCAEF,+CACE,iBAEF,uCACE,aAEF,+CACE,WAEF,mDACE,kBACA,mBAEF,mDACE,kBACA,sBAEF,8BACE,iBACA,kCAEF,sCACE,0BACA,4BACA,sCAEF,kBACE,UACA,kBAEF,0BACE,mBACA,iBACA,YAEF,2CACE,kBACA,kBAEF,mDACE,qBACA,WAEF,0DACE,WAEF,oDACE,sBACA,qBACA,gBACA,0BAEF,2DACE,uBAEF,4DACE,0BAEF,4DACE,0BAEF,6DACE,sBAEF,mEACE,uBAEF,qEACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,8EACE,iBACA,kBACA,eAEF,2DACE,aACA,uBACA,kBACA,qBACA,yBAEF,kEACE,gBACA,YACA,WACA,SACA,UACA,eACA,iBAEF,iEACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,oDACE,gBAEF,wDACE,iBACA,aAEF,kDACE,2BACA,WAEF,uBACE,WACA,eACA,iCAEF,+BACE,qBACA,WACA,6BACA,8BAEF,sCACE,WAEF,gCACE,UAEF,wCACE,sBACA,yBAEF,gDACE,oBAEF,0CACE,aACA,6BAEF,kDACE,qBAEF,8DACE,qBACA,uBAEF,kEACE,kBACA,gBAEF,+DACE,qBACA,mBACA,gBACA,qBAEF,wEACE,cAEF,gFACE,0BACA,uBAEF,2EACE,uBAEF,uEACE,qBAEF,2EACE,gBACA,kBAEF,gCACE,UACA,YAEF,wCACE,qBACA,sBACA,oBAEF,8CACE,sBAEF,oDACE,uBAEF,sDACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,+DACE,iBACA,kBACA,eAEF,0CACE,wBAEF,oDACE,qBAEF,qDACE,aACA,uBACA,kBACA,qBACA,yBAEF,4DACE,gBACA,YACA,WACA,SACA,UACA,eAEF,2DACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,wDACE,aAEF,kDACE,qBACA,eACA,iBACA,sBACA,yBACA,uBACA,yBACA,kBACA,eAEF,wDACE,iBACA,sBACA,uBACA,2BAEF,8CACE,eACA,sBACA,uBACA,2BACA,qBAEF,6CACE,WACA,yBACA,WACA,uBACA,2BAEF,kBACE,iBACA,0BACA,gCAEF,0BACE,0BAEF,+BACE,sBACA,aACA,8BACA,kBAEF,2CACE,cACA,cACA,oBACA,UACA,kBAEF,uBACE,cACA,kBACA,cAEF,qBACE,aACA,0BAEF,oCACE,cAEF,6BACE,WACA,6BACA,8BAEF,oCACE,WAEF,+BACE,kBACA,gBACA,YACA,SACA,eACA,kBAEF,wCACE,iBACA,YACA,UAEF,8CACE,cACA,oBAEF,qDACE,iBACA,yBACA,WACA,mBAEF,uDACE,kBACA,0BACA,cAEF,8CACE,aACA,6BACA,mBAEF,8DACE,sBAEF,8BACE,UACA,sBAEF,kCACE,gBACA,kBACA,WAEF,8BACE,UAEF,sCACE,oBACA,kBACA,0BAEF,qDACE,qBACA,iBACA,kBACA,0BAEF,yCACE,iBACA,0BACA,uBAEF,yCACE,2BACA,iBACA,wBACA,sCACA,yBAEF,sDACE,WAEF,4CACE,2BACA,eACA,yBACA,sCACA,yBAEF,yDACE,WAEF,2CACE,WACA,2BACA,sBACA,WAEF,iBACE,gBAEF,oCACE,YAEF,6CACE,qBACA,YAEF,6CACE,qBACA,YAEF,yBACE,uBACA,2BACA,2BACA,oBACA,qBAEF,kCACE,YAEF,uBACE,uCAGJ,2CACE,QACE,gBACA,qBACA,0CAGF,aACE,8BACA,8BACA,4BACA,oBACA,wBAEF,4BACE,cAEF,wBACE,oBACA,oBACA,mBAEF,gCACE,mBACA,mBAGF,oBACE,iDACA,yCAEF,mBACE,mBAGF,aACE,oBAEF,sBACE,sBAEF,4BACE,sBAEF,8BACE,qBACA,cACA,eACA,qBACA,qBACA,eAEF,uCACE,eACA,gBACA,eAGF,aACE,oBAGF,cACE,oBAEF,4BACE,sBAEF,kCACE,sBAEF,oCACE,qBACA,cACA,eACA,qBACA,qBACA,eAEF,6CACE,eACA,gBACA,eAEF,wBACE,uBAEF,mCACE,aACA,gBACA,kBACA,qBACA,yBACA,uCAEF,0CACE,gBACA,YACA,WACA,SACA,UACA,eACA,uCAEF,yCACE,WACA,gBACA,SACA,SACA,UACA,kBACA,uCAEF,sCACE,aAEF,gCACE,qBACA,cACA,qBACA,qBACA,0BACA,kBACA,eAEF,8BACE,cAEF,iCACE,YAEF,2BACE,WACA,yBACA,WAGF,aACE,oBAGF,iBACE,YACA,sBAEF,kBACE,WACA,yBACA,WAGF,gBACE,kBACA,aACA,YACA,WAEF,6BACE,oBAEF,wBACE,sCACA,WACA,kBACA,qBAEF,6BACE,yBAEF,4CACE,sBACA,oBACA,0BAEF,oDACE,0BAEF,oDACE,0BAEF,qDACE,sBAEF,2DACE,sBAEF,6DACE,qBACA,cACA,eACA,qBACA,qBACA,eAEF,sEACE,eACA,gBACA,eAEF,4DACE,aACA,uBACA,kBACA,qBACA,yBAEF,mEACE,gBACA,YACA,WACA,SACA,UACA,eACA,iBAEF,kEACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,oEACE,2BACA,WAEF,oDACE,WAGF,QACE,eAEF,iDACE,eACA,wBACA,aACA,WAGF,aACE,qBACA,iCAGF,cACE,qBAGF,gBACE,0BACA,qBACA,yBAGF,KACE","file":"../main.min.css","sourcesContent":["@charset \"UTF-8\";\n*, *:before, *:after {\n box-sizing: border-box;\n}\n\nhtml, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n text-size-adjust: none;\n}\n\nfooter, header, nav, section, main {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote:before, blockquote:after, q:before, q:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ninput {\n -webkit-appearance: none;\n border-radius: 0;\n}\n\nhtml {\n font-family: Roboto, sans;\n}\n\n#header {\n background-image: url(\"../images/banner.jpg\");\n background-repeat: no-repeat;\n background-color: rgba(0, 0, 0, 0.4);\n background-blend-mode: multiply;\n color: white;\n}\n#header .container .segment {\n margin: 0 !important;\n}\n#header .container .segment #logo img {\n width: 50%;\n}\n\n#descripcion {\n background-image: linear-gradient(#cccccc, #cccccc);\n}\n#descripcion .images {\n text-align: center;\n}\n\n#ventajas {\n position: relative;\n background-image: url(\"../images/tripode.png\");\n}\n#ventajas .diagonal {\n position: absolute;\n background-blend-mode: color;\n}\n#ventajas .gallery {\n position: relative;\n text-align: center;\n}\n#ventajas .gallery .image {\n max-height: inherit;\n}\n#ventajas .gallery .image img {\n max-height: inherit;\n margin: auto;\n}\n#ventajas .gallery .nav {\n position: absolute;\n cursor: pointer;\n background-color: rgba(255, 255, 255, 0.5);\n}\n#ventajas .gallery .nav.left {\n top: 50%;\n left: 0;\n}\n#ventajas .gallery .nav.right {\n top: 50%;\n right: 0;\n}\n#ventajas .gallery::after {\n clear: both;\n}\n\n#dimensiones {\n position: relative;\n background-image: url(\"../images/tripode.png\");\n}\n#dimensiones .fondo-gris {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgba(204, 204, 204, 0.5);\n}\n#dimensiones .left.column > .grid > .column:first-child {\n min-width: 33% !important;\n}\n#dimensiones .left.column > .grid > .column:last-child {\n min-width: 67% !important;\n}\n\n#construidos {\n background-image: url(\"../images/construido.jpg\");\n background-color: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));\n color: white;\n padding-bottom: 1.25rem;\n}\n\n#corporativos {\n background-image: url(\"../images/corporativo.png\");\n}\n#corporativos .segment .content .header {\n padding-top: 2rem;\n padding-bottom: 1rem;\n}\n#corporativos .segment .content ul {\n list-style: none;\n margin-left: 0;\n padding-left: 1rem;\n text-indent: -1rem;\n}\n\n#testimonios .testimonios .ui.card {\n background-color: #cccccc;\n}\n#testimonios .testimonios .ui.card .rating .icon {\n color: white;\n}\n\n#contacto {\n position: relative;\n margin-top: 1rem;\n}\n#contacto .background {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: #cccccc;\n clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);\n}\n#contacto .column {\n height: 100%;\n}\n#contacto .column:first-child {\n width: 67%;\n}\n#contacto .column:last-child {\n width: 33%;\n}\n#contacto a {\n color: inherit;\n}\n#contacto div.whatsapp {\n background-color: green;\n padding: 0.5rem 0;\n color: white;\n}\n#contacto .icons .icon:first-child {\n color: white;\n}\n#contacto .icons .icon:last-child {\n color: #cccccc;\n}\n#contacto .paragraph {\n margin-bottom: 0.5rem;\n text-align: justify;\n}\n#contacto form .row {\n margin-bottom: 0.5rem;\n}\n#contacto form .row input {\n height: 1.5rem;\n}\n#contacto form .row textarea {\n height: 5rem;\n}\n\n#menu {\n z-index: 100;\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n}\n#menu .right.menu .item .shopping.cart .cantidad {\n position: relative;\n color: white;\n}\n\n#images.modal {\n text-align: center;\n}\n#images.modal .header {\n text-align: right;\n}\n#images.modal .content {\n text-align: center;\n}\n#images.modal .content img {\n margin: auto;\n}\n\n.white.circle {\n border: thin solid black;\n background-color: white;\n}\n\n.black.circle {\n background-color: black;\n}\n\n.blue.circle {\n background-color: #006ee6;\n}\n\n.petrol.circle {\n background-color: #005078;\n}\n\n.cyan.circle {\n background-color: #50c8ff;\n}\n\n.green.circle {\n background-color: #0ac864;\n}\n\n.yellow.circle {\n background-color: #fff046;\n}\n\n.orange.circle {\n background-color: #ff8246;\n}\n\n.red.circle {\n background-color: #ff1432;\n}\n\n.column:not(.row) {\n padding-top: 0 !important;\n}\n\n@font-face {\n font-family: \"icomoon\";\n src: url(\"../fonts/icomoon.eotiedbpz\");\n src: url(\"../fonts/icomoon.eot?iedbpz#iefix\") format(\"embedded-opentype\"), url(\"../fonts/icomoon.ttf?iedbpz\") format(\"truetype\"), url(\"../fonts/icomoon.woff?iedbpz\") format(\"woff\"), url(\"../fonts/icomoon.svg?iedbpz#icomoon\") format(\"svg\");\n font-weight: normal;\n font-style: normal;\n font-display: block;\n}\n[class^=font-icon], [class*=\" font-icon\"] {\n font-family: \"icomoon\" !important;\n speak: never;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ni.font-icon.angle:before {\n content: \"\";\n}\n\ni.font-icon.chile:before {\n content: \"\";\n}\n\n@media screen and (orientation: portrait) {\n #header {\n height: 25rem;\n background-size: 160%;\n background-position: bottom -0.9375rem center;\n }\n #header .container #menu {\n font-size: 1.3333333333rem;\n }\n #header .container #menu .right.menu .item .shopping.cart .cantidad {\n top: -1.875rem;\n left: 0.15rem;\n font-size: 0.6666666667rem;\n }\n #header .container .segment #logo img {\n max-width: 56.25rem;\n }\n\n #descripcion {\n padding-bottom: 0.46875rem;\n }\n #descripcion .paragraph {\n padding-top: 1.6875rem;\n line-height: 1.3125rem;\n text-align: justify;\n }\n #descripcion .paragraph .header {\n margin-bottom: 0.5625rem;\n font-size: 1.5rem;\n }\n\n #ventajas .diagonal {\n border-bottom: 100% solid rgba(204, 204, 204, 0.5);\n border-right: 100% solid transparent;\n }\n #ventajas .gallery {\n max-height: 25.5rem;\n }\n\n #dimensiones .header {\n font-size: 1.8333333333rem;\n padding-top: 5.0625rem;\n padding-bottom: 2.34375rem;\n }\n #dimensiones .colores {\n vertical-align: center;\n }\n #dimensiones .colores .text {\n margin-right: 0.28125rem;\n }\n #dimensiones .colores .circle {\n display: inline-block;\n width: 1.40625rem;\n height: 1.40625rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #dimensiones .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n\n #construidos {\n margin-top: 1rem;\n }\n\n #corporativos {\n margin-top: 1rem !important;\n }\n\n .left.column {\n width: 75%;\n padding-left: 0.46875rem !important;\n }\n\n #backgrounds .cabezal {\n height: 25rem;\n background-image: url(\"../images/banner.jpg\");\n background-repeat: no-repeat;\n background-size: 160%;\n background-position: bottom -0.9375rem center;\n background-color: rgba(0, 0, 0, 0.4);\n background-blend-mode: multiply;\n }\n #backgrounds .seccion1 {\n height: rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 10.5rem;\n background-size: 100% 12rem;\n background-repeat: no-repeat;\n }\n #backgrounds .seccion2 {\n height: rem;\n background-image: url(\"../images/tripode.png\");\n }\n #backgrounds .seccion2 .diagonal {\n border-bottom: rem solid rgba(204, 204, 204, 0.5);\n border-right: 178.125rem solid transparent;\n }\n #backgrounds .dimensiones {\n height: 27.5rem;\n background-image: url(\"../images/tripode.png\");\n }\n #backgrounds .dimensiones .fondo-gris {\n width: 100%;\n height: 100%;\n background-color: rgba(204, 204, 204, 0.5);\n }\n #backgrounds .construido {\n height: 21.875rem;\n background-image: url(\"../images/construido.jpg\");\n }\n #backgrounds .corporativos {\n height: 32.5rem;\n background-image: url(\"../images/corporativo.png\");\n }\n #backgrounds .testimonios {\n height: 21.875rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 10.78125rem;\n background-size: 100% 11.0625rem;\n background-repeat: no-repeat;\n }\n #backgrounds .formulario {\n height: 30rem;\n background-color: #cccccc;\n clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);\n }\n\n html {\n font-size: 10.6666666667px;\n width: 100%;\n overflow-x: hidden;\n }\n\n body {\n height: 211.25rem;\n font-family: Roboto, sans;\n color: #333333;\n }\n\n #content {\n width: 100% !important;\n height: 211.25rem;\n margin: 0 !important;\n position: relative;\n top: -211.25rem;\n }\n #content #header {\n color: white;\n width: 100%;\n height: 25rem;\n }\n #content #header .ui.menu {\n border: none !important;\n background: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n color: black;\n }\n #content #header .ui.menu .dropdown .menu {\n /*background: none !important;\n border: none !important;\n box-shadow: none !important;*/\n color: black;\n font-size: 1rem;\n }\n #content #header .ui.menu .dropdown .menu .item {\n padding: 1rem !important;\n }\n #content #header .ui.menu .item {\n color: inherit !important;\n font-size: 1rem;\n }\n #content #header .ui.menu .item .shopping.cart div {\n position: relative;\n color: black;\n display: inline-block;\n top: -1.3rem;\n left: 0.1rem;\n font-size: 0.5rem;\n font-family: Roboto, sans;\n }\n #content #header .logo {\n padding: 0 !important;\n margin: 0 !important;\n }\n #content #header .logo img {\n width: 50%;\n max-width: 56.25rem;\n }\n #content #header .logo .frase1 {\n width: 75%;\n margin: auto;\n font-size: 1rem;\n }\n #content #header .logo .frase2 {\n font-size: 0.7rem;\n }\n #content > .column {\n display: inline-block;\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content > .column::after {\n clear: both;\n }\n #content > .column1 {\n width: 90%;\n }\n #content > .column1 #seccion1 {\n height: rem;\n width: 100%;\n }\n #content > .column1 #seccion1 .image-container {\n display: flex;\n justify-content: space-between;\n height: 22.5rem;\n }\n #content > .column1 #seccion1 .image-container img {\n width: 50%;\n margin-top: 7.96875rem;\n }\n #content > .column1 #seccion1 .paragraph {\n padding-top: 2.625rem;\n line-height: 1.3125rem;\n text-align: justify;\n }\n #content > .column1 #seccion1 .paragraph .header {\n margin-bottom: 1rem;\n font-size: 2.0625rem;\n }\n #content > .column1 #seccion2 {\n height: rem;\n }\n #content > .column1 #seccion2 > .column {\n display: inline-block;\n float: left;\n width: 50%;\n }\n #content > .column1 #seccion2 > .column::after {\n clear: both;\n }\n #content > .column1 #seccion2 .column1 {\n margin-top: 7.5rem;\n }\n #content > .column1 #seccion2 .column1 img {\n width: 29.71875rem;\n height: 29.71875rem;\n }\n #content > .column1 #seccion2 .column2 {\n margin-top: 10.6875rem;\n }\n #content > .column1 #seccion2 .column2 .row:first-child {\n background-color: #00427b;\n color: white;\n height: 16.875rem;\n width: 35.625rem;\n padding: 2rem;\n margin-left: -3rem;\n overflow: hidden;\n }\n #content > .column1 #seccion2 .column2 .row:first-child .header {\n font-weight: bold;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n #content > .column1 #seccion2 .column2 .row:first-child ul {\n list-style: disc inside;\n font-size: 0.8333333333rem;\n }\n #content > .column1 #seccion2 .column2 .row:last-child {\n margin-top: 1.6875rem;\n display: flex;\n justify-content: space-between;\n }\n #content > .column1 #seccion2 .column2 .row:last-child img {\n width: 6.5625rem;\n height: 7.96875rem;\n }\n #content > .column1 #dimensiones {\n height: 27.5rem;\n }\n #content > .column1 #dimensiones .header {\n padding: 3.46875rem 0 !important;\n }\n #content > .column1 #dimensiones .header .bigger {\n font-size: 1.5rem;\n }\n #content > .column1 #dimensiones .images {\n display: flex;\n }\n #content > .column1 #dimensiones .images .column {\n float: left;\n }\n #content > .column1 #dimensiones .images .column > img {\n width: 29.34375rem;\n height: 22.03125rem;\n }\n #content > .column1 #dimensiones .images .column div {\n width: 29.34375rem;\n margin-top: 2.34375rem;\n }\n #content > .column1 #construido {\n height: 21.875rem;\n padding-top: 2.15625rem !important;\n }\n #content > .column1 #construido .header {\n font-size: 1.8333333333rem;\n padding: 0.9375rem 4.03125rem;\n background-color: rgba(255, 255, 255, 0.6);\n }\n #content > .column2 {\n width: 10%;\n height: 101.875rem;\n }\n #content > .column2 .sticky {\n height: 24.84375rem;\n width: 29.0625rem;\n margin: auto;\n }\n #content > .column2 .sticky .row:first-child {\n height: 15.9375rem;\n margin-top: 7.5rem;\n }\n #content > .column2 .sticky .row:first-child .column {\n display: inline-block;\n float: left;\n }\n #content > .column2 .sticky .row:first-child .column::after {\n clear: both;\n }\n #content > .column2 .sticky .row:first-child .column1 {\n vertical-align: bottom;\n padding-top: 1.875rem;\n width: 19.375rem;\n font-size: 1.1666666667rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .linea {\n margin-bottom: 0.9375rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .titulo {\n font-size: 2.0833333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .precio {\n font-size: 1.3333333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores {\n vertical-align: center;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .text {\n margin-right: 0.28125rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .circle {\n display: inline-block;\n width: 1.40625rem;\n height: 1.40625rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n #content > .column2 .sticky .row:first-child .column1 .input {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .input button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n font-weight: bold;\n }\n #content > .column2 .sticky .row:first-child .column1 .input input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #content > .column2 .sticky .row:first-child .column2 {\n width: 9.6875rem;\n }\n #content > .column2 .sticky .row:first-child .column2 img {\n width: 10.3125rem;\n height: 15rem;\n }\n #content > .column2 .sticky .row:last-child .button {\n border-radius: 0 !important;\n width: 100%;\n }\n #content #corporativos {\n width: 100%;\n height: 32.5rem;\n margin-top: 101.875rem !important;\n }\n #content #corporativos > .column {\n display: inline-block;\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content #corporativos > .column::after {\n clear: both;\n }\n #content #corporativos .column1 {\n width: 67%;\n }\n #content #corporativos .column1 > .header {\n margin-top: 6.28125rem;\n margin-bottom: 3.46875rem;\n }\n #content #corporativos .column1 > .header .bigger {\n font-size: 2.4375rem;\n }\n #content #corporativos .column1 .opciones {\n display: flex;\n justify-content: space-around;\n }\n #content #corporativos .column1 .opciones .opcion {\n display: inline-block;\n }\n #content #corporativos .column1 .opciones .opcion .img-grande {\n display: inline-block;\n padding-right: 1.125rem;\n }\n #content #corporativos .column1 .opciones .opcion .img-grande img {\n width: 12.65625rem;\n height: 18.75rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion {\n display: inline-block;\n vertical-align: top;\n height: 18.75rem;\n padding-top: 1.875rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content {\n display: block;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content .header {\n font-size: 1.1666666667rem;\n margin-bottom: 0.9375rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content ul {\n list-style: disc inside;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .images {\n margin-top: 3.1875rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .images img {\n width: 6.5625rem;\n height: 7.96875rem;\n }\n #content #corporativos .column2 {\n width: 33%;\n height: 100%;\n }\n #content #corporativos .column2 .header {\n margin-top: 4.3125rem;\n margin-bottom: 2.25rem;\n font-size: 2.4375rem;\n }\n #content #corporativos .column2 form .colores {\n vertical-align: center;\n }\n #content #corporativos .column2 form .colores .text {\n margin-right: 0.28125rem;\n }\n #content #corporativos .column2 form .colores .circle {\n display: inline-block;\n width: 1.40625rem;\n height: 1.40625rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #content #corporativos .column2 form .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n #content #corporativos .column2 form .row {\n margin-bottom: 0.84375rem;\n }\n #content #corporativos .column2 form .colores.linea {\n margin-bottom: 1.5rem;\n }\n #content #corporativos .column2 form .input.cantidad {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #content #corporativos .column2 form .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n }\n #content #corporativos .column2 form .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #content #corporativos .column2 form .input [type=file] {\n display: none;\n }\n #content #corporativos .column2 form .input .file {\n display: inline-block;\n height: 2.25rem;\n width: 14.0625rem;\n padding-top: 0.28125rem;\n background-color: #cccccb;\n border: thin solid #333;\n font-size: 0.8333333333rem;\n text-align: center;\n cursor: pointer;\n }\n #content #corporativos .column2 form .input [type=text] {\n height: 1.6875rem;\n background-color: white;\n border: none !important;\n border-radius: 0 !important;\n }\n #content #corporativos .column2 form textarea {\n height: 6.75rem;\n background-color: white;\n border: none !important;\n border-radius: 0 !important;\n margin-bottom: 1.5rem;\n }\n #content #corporativos .column2 form .button {\n width: 100%;\n background-color: #666667;\n color: white;\n border: none !important;\n border-radius: 0 !important;\n }\n #content #felices {\n height: 21.875rem;\n padding: 0 1rem !important;\n padding-top: 5.625rem !important;\n }\n #content #felices .header {\n font-size: 1.8333333333rem;\n }\n #content #felices .testimonios {\n margin-top: 2.34375rem;\n display: flex;\n justify-content: space-between;\n text-align: center;\n }\n #content #felices .testimonios .testimonio {\n height: 7.5rem;\n color: #666667;\n margin-top: 1.875rem;\n width: 30%;\n text-align: center;\n }\n #content #felices .nav {\n display: block;\n text-align: center;\n color: #666667;\n }\n #content #formulario {\n height: 30rem;\n padding: 0 1rem !important;\n }\n #content #formulario .whatsapp-link {\n color: inherit;\n }\n #content #formulario > .column {\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content #formulario > .column::after {\n clear: both;\n }\n #content #formulario > .flotante {\n position: absolute;\n top: 17.15625rem;\n margin: auto;\n left: 40%;\n width: 11.25rem;\n text-align: center;\n }\n #content #formulario > .flotante > .content {\n width: 12.1875rem;\n margin: auto;\n left: -50%;\n }\n #content #formulario > .flotante > .content .item {\n display: block;\n padding: 0.46875rem 0;\n }\n #content #formulario > .flotante > .content div.whatsapp {\n height: 2.8125rem;\n background-color: #1a9947;\n color: #fff;\n font-size: 0.9375rem;\n }\n #content #formulario > .flotante > .content div.whatsapp > i {\n position: relative;\n font-size: 1.3333333333rem;\n top: 0.28125rem;\n }\n #content #formulario > .flotante > .content .rrss {\n display: flex;\n justify-content: space-around;\n font-size: 1.875rem;\n }\n #content #formulario > .flotante > .content .rrss i.inverted.grey {\n color: white !important;\n }\n #content #formulario > .column1 {\n width: 90%;\n margin-top: 2.53125rem;\n }\n #content #formulario > .column1 > img {\n width: 50.625rem;\n height: 32.8125rem;\n float: left;\n }\n #content #formulario > .column2 {\n width: 10%;\n }\n #content #formulario > .column2 .header {\n margin-top: 1.875rem;\n text-align: center;\n font-size: 1.8333333333rem;\n }\n #content #formulario > .column2 .header .whatsapp-link {\n display: inline-block;\n width: 2.34375rem;\n height: 2.34375rem;\n font-size: 2.0833333333rem;\n }\n #content #formulario > .column2 .paragraph {\n padding-top: 1rem;\n padding-bottom: 2.34375rem;\n justify-content: center;\n }\n #content #formulario > .column2 form input {\n border-radius: 0 !important;\n height: 1.6875rem;\n margin-bottom: 0.84375rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form input::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form textarea {\n border-radius: 0 !important;\n height: 6.75rem;\n margin-bottom: 2.34375rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form textarea::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form .button {\n width: 100%;\n border-radius: 0 !important;\n background-color: white;\n color: #333333;\n }\n #content section {\n background: none;\n }\n #content section.segment > .container {\n height: 100%;\n }\n #content section.segment > .container > .column1 {\n display: inline-block;\n width: 90rem;\n }\n #content section.segment > .container > .column2 {\n display: inline-block;\n width: 10rem;\n }\n #content .simple.segment {\n border: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n #content .simple.segment > .ui.grid {\n height: 100%;\n }\n #content .fondo-blanco {\n background-color: rgba(255, 255, 255, 0.5);\n }\n}\n@media screen and (orientation: landscape) {\n #header {\n height: 31.25rem;\n background-size: 160%;\n background-position: bottom -2.5rem center;\n }\n\n #descripcion {\n background-position: left 7rem;\n background-size: 100% 6.875rem;\n background-repeat: no-repeat;\n padding-top: 6.25rem;\n margin-bottom: 1.5625rem;\n }\n #descripcion .images .image {\n max-width: 33%;\n }\n #descripcion .paragraph {\n padding-top: 1.75rem;\n line-height: 0.875rem;\n text-align: justify;\n }\n #descripcion .paragraph .header {\n margin-bottom: 1rem;\n font-size: 1.375rem;\n }\n\n #ventajas .diagonal {\n border-bottom: 27.5rem solid rgba(204, 204, 204, 0.5);\n border-right: 118.75rem solid transparent;\n }\n #ventajas .gallery {\n max-height: 25.5rem;\n }\n\n #dimensiones {\n margin-top: 0.9375rem;\n }\n #dimensiones .colores {\n vertical-align: center;\n }\n #dimensiones .colores .text {\n margin-right: 0.1875rem;\n }\n #dimensiones .colores .circle {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #dimensiones .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n\n #construidos {\n margin-top: 0.9375rem;\n }\n\n #corporativos {\n margin-top: 0.9375rem;\n }\n #corporativos form .colores {\n vertical-align: center;\n }\n #corporativos form .colores .text {\n margin-right: 0.1875rem;\n }\n #corporativos form .colores .circle {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #corporativos form .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n #corporativos form .row {\n margin-bottom: 0.5625rem;\n }\n #corporativos form .input.cantidad {\n width: 4.5rem;\n background: white;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input [type=file] {\n display: none;\n }\n #corporativos form .input .file {\n display: inline-block;\n height: 1.5rem;\n padding-top: 0.1875rem;\n margin-left: 0.3125rem;\n font-size: 1.3333333333rem;\n text-align: center;\n cursor: pointer;\n }\n #corporativos form .row input {\n height: 1.5rem;\n }\n #corporativos form .row textarea {\n height: 5rem;\n }\n #corporativos form .button {\n width: 100%;\n background-color: #666667;\n color: white;\n }\n\n #testimonios {\n margin-top: 0.9375rem;\n }\n\n #contacto .image {\n margin: auto;\n vertical-align: middle;\n }\n #contacto .button {\n width: 100%;\n background-color: #666667;\n color: white;\n }\n\n #columna_sticky {\n position: absolute;\n top: 31.25rem;\n height: 100%;\n width: 100%;\n }\n #columna_sticky .left.column {\n pointer-events: none;\n }\n #columna_sticky .sticky {\n background-color: rgba(255, 255, 255, 0.5);\n z-index: 10;\n margin-top: 2.5rem;\n padding-top: 3.375rem;\n }\n #columna_sticky .sticky .row {\n padding-top: 0 !important;\n }\n #columna_sticky .sticky .column:first-child {\n vertical-align: bottom;\n padding-top: 1.25rem;\n font-size: 1.1666666667rem;\n }\n #columna_sticky .sticky .column:first-child .titulo {\n font-size: 2.0833333333rem;\n }\n #columna_sticky .sticky .column:first-child .precio {\n font-size: 1.3333333333rem;\n }\n #columna_sticky .sticky .column:first-child .colores {\n vertical-align: center;\n }\n #columna_sticky .sticky .column:first-child .colores .text {\n margin-right: 0.1875rem;\n }\n #columna_sticky .sticky .column:first-child .colores .circle {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #columna_sticky .sticky .column:first-child .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n font-weight: bold;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad .button {\n border-radius: 0 !important;\n width: 100%;\n }\n #columna_sticky .sticky .column:first-child .button {\n width: 100%;\n }\n\n #menu i {\n font-size: 2rem;\n }\n #menu .right.menu .item .shopping.cart .cantidad {\n font-size: 1rem;\n font-family: Roboto, sans;\n top: -1.75rem;\n left: 0.2rem;\n }\n\n .left.column {\n width: 67% !important;\n padding-left: 0.3125rem !important;\n }\n\n .right.column {\n width: 33% !important;\n }\n\n section .titulo {\n font-size: 1.8333333333rem;\n padding-top: 3.375rem;\n padding-bottom: 1.5625rem;\n }\n\n body {\n color: #333333;\n }\n}"]}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 321a63b..90b073f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1 +1 @@
-Stand Chile 
Apoyo estable para el dispositivo
Ángulo preciso de inclinación para usar en conferencias
Compatible con tablets, permite cargar mientras se usa
Diseño moderno y minimalista
Diseñado y fabricado en Chile
Fabricado en plástico de orien vegetal sin derivados del petróleo
Stand Chile
Apoyo estable para el dispositivo
Ángulo preciso de inclinación para usar en conferencias
Compatible con tablets, permite cargar mientras se usa
Diseño moderno y minimalista
Diseñado y fabricado en Chile
Fabricado en plástico de orien vegetal sin derivados del petróleo
+
diff --git a/assets/js/main.js b/assets/js/main.js
index c0d9fd4..a5cd1f5 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -9,31 +9,31 @@ let available_colors = {
},
blue: {
name: 'azul',
- rgb: 'rgb(0, 0, 255)'
+ rgb: 'rgb(0, 110, 230)'
},
petrol: {
- name: 'petroleo',
- rgb: 'rgb(0, 0, 150)'
+ name: 'azul_petroleo',
+ rgb: 'rgb(0, 80, 120)'
},
cyan: {
name: 'celeste',
- rgb: 'rgb(150, 150, 255)'
+ rgb: 'rgb(80, 200, 255)'
},
green: {
name: 'verde',
- rgb: 'rgb(0, 255, 0)'
+ rgb: 'rgb(10, 200, 100)'
},
yellow: {
name: 'amarillo',
- rgb: 'rgb(255, 255, 0)'
+ rgb: 'rgb(255, 240, 70)'
},
orange: {
name: 'naranjo',
- rgb: 'rgb(255, 130, 0)'
+ rgb: 'rgb(255, 130, 70)'
},
red: {
name: 'rojo',
- rgb: 'rgb(255, 0, 0)'
+ rgb: 'rgb(255, 20, 50)'
}
}
@@ -115,7 +115,7 @@ class Colors {
this.input = elem.find('input[name="color"]')
this.changing = null
if (changing) {
- this.changing = elem.parent().parent().find('.column2 img')
+ this.changing = elem.parent().parent().find('.column img')
}
this.setup()
}
@@ -143,7 +143,7 @@ class Colors {
})
this.elem.find('.' + color + '.circle').addClass('selected')
if (this.changing != null) {
- this.changing.attr('src', './assets/images/' + this.picked + '.png')
+ this.changing.attr('src', './assets/images/fotos/' + this.picked + '/left.jpg')
}
}
}
@@ -198,7 +198,8 @@ let dimensiones = {
setup: function() {
this.elem.find('.colores .circle').each((i, el) => {
let color = $(el).attr('class').split(' ')[0]
- if (color == 'petrol' || color == 'cyan') {
+ let cssColor = $(el).css('background-color')
+ if (cssColor != this.colors[color]['rgb']) {
$(el).css('background-color', this.colors[color]['rgb'])
}
$(el).click((e) => {
@@ -412,15 +413,49 @@ let testimonios = {
}
}
+let sticky = {
+ elem: $('#columna_sticky'),
+ setup: function() {
+ var h = 0
+ $('section.columna').each((i, el) => {
+ h += $(el).outerHeight(true)
+ })
+ this.elem.height(h)
+ this.elem.find('#column').height(h)
+
+ $('#columna_sticky .sticky').sticky({
+ context: '#column'
+ })
+ }
+}
+
+let image = {
+ elem: $('.agrandable'),
+ modal: $('#images.modal'),
+ setup: function() {
+ this.modal.modal()
+ this.modal.find('.close.icon').click((e) => {
+ this.modal.modal('hide')
+ this.modal.find('.image').html('')
+ })
+ let p = this
+ this.elem.click(function(e) {
+ let img = $(this).find('img').attr('src')
+ p.modal.find('.image').html('')
+ p.modal.find('.image').append(
+ $('
+
+
+
+
+"),Attachments:[{name:"Logo",data:t.get("archivo")}]};Email.send(t)}},conversemos_form={elem:$("#contacto_form"),setup:function(){var t=this;this.elem.submit(function(e){return e.preventDefault(),t.submit(),!1})},submit:function(){var e=this.elem.find('[name="email"]').val(),t=["Nombre: "+this.elem.find('[name="nombre"]').val(),"E-mail: "+e,"",this.elem.find('[name="mensaje"]').val()],t={SecureToken:smtp.SecureToken,From:smtp.From,To:e,Subject:"Contacto "+(new Date).toLocaleString("es-CL",{timezone:"UTC-3"}),Body:t.join("
")};Email.send(t)}},testimonios={testimonios:[{autor:"John Master",contenido:"Este soporte que compré en @Stand-cl me cambió la vida, me sirve para el teléfono y el ipad, y ya no tengo que andar acomodando los aparatos en cualquier parte para las videollamadas"},{autor:"John Master",contenido:"Siiii todo mi gusto.. me encantó lo completo que es. Gracias"},{autor:"John Master",contenido:"Está super cool se ve de buena calidad"},{autor:"John Master",contenido:"Llego el mío, y es excelente, estoy feliz con mi compra"},{autor:"John Master",contenido:"Hola!!Me llegó el pedido, Muchas gracias muy bello. Me salvaste la vida"},{autor:"John Master",contenido:"Perfecto el producto, funciona impecable, muchas gracias"},{autor:"John Master",contenido:"Están bacanes! muchísimas gracias. Le regalé a mis viejos y lo aman"},{autor:"John Master",contenido:"Hola! Quería decirte que me encantaron los soportes, Muy útiles!"},{autor:"John Master",contenido:"Compré 3 y olvidé decirte que los encontré geniales! Me encantaron"},{autor:"John Master",contenido:"Diseño simple y funcional, minimalista y excelente precio, despacho súper Rápido.. gracias!"}],elem:$("#testimonios"),page:0,setup:function(){3!=this.amount&&(this.elem.find(".testimonios").removeClass("three"),this.elem.find(".testimonios").addClass(this.word_amount[this.amount])),this.draw()},amount:3,word_amount:{1:"one",3:"three"},draw:function(){var e=this.page*this.amount,t=this.elem.find(".testimonios");t.html("");for(var i=0;i
"),Attachments:[{name:"Logo",data:t.get("archivo")}]};Email.send(t)}},conversemos_form={elem:$("#contacto_form"),setup:function(){var t=this;this.elem.submit(function(e){return e.preventDefault(),t.submit(),!1})},submit:function(){var e=this.elem.find('[name="email"]').val(),t=["Nombre: "+this.elem.find('[name="nombre"]').val(),"E-mail: "+e,"",this.elem.find('[name="mensaje"]').val()],t={SecureToken:smtp.SecureToken,From:smtp.From,To:e,Subject:"Contacto "+(new Date).toLocaleString("es-CL",{timezone:"UTC-3"}),Body:t.join("
")};Email.send(t)}},testimonios={testimonios:[{autor:"John Master",contenido:"Este soporte que compré en @Stand-cl me cambió la vida, me sirve para el teléfono y el ipad, y ya no tengo que andar acomodando los aparatos en cualquier parte para las videollamadas"},{autor:"John Master",contenido:"Siiii todo mi gusto.. me encantó lo completo que es. Gracias"},{autor:"John Master",contenido:"Está super cool se ve de buena calidad"},{autor:"John Master",contenido:"Llego el mío, y es excelente, estoy feliz con mi compra"},{autor:"John Master",contenido:"Hola!!Me llegó el pedido, Muchas gracias muy bello. Me salvaste la vida"},{autor:"John Master",contenido:"Perfecto el producto, funciona impecable, muchas gracias"},{autor:"John Master",contenido:"Están bacanes! muchísimas gracias. Le regalé a mis viejos y lo aman"},{autor:"John Master",contenido:"Hola! Quería decirte que me encantaron los soportes, Muy útiles!"},{autor:"John Master",contenido:"Compré 3 y olvidé decirte que los encontré geniales! Me encantaron"},{autor:"John Master",contenido:"Diseño simple y funcional, minimalista y excelente precio, despacho súper Rápido.. gracias!"}],elem:$("#testimonios"),page:0,setup:function(){3!=this.amount&&(this.elem.find(".testimonios").removeClass("three"),this.elem.find(".testimonios").addClass(this.word_amount[this.amount])),this.draw()},amount:3,word_amount:{1:"one",3:"three"},draw:function(){var e=this.page*this.amount,t=this.elem.find(".testimonios");t.html("");for(var i=0;i
'),\r\n Attachments: [\r\n {\r\n name: \"Logo\",\r\n data: data.get('archivo')\r\n }\r\n ]\r\n }\r\n Email.send(content)\r\n }\r\n}\r\nlet conversemos_form = {\r\n elem: $('#contacto_form'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n },\r\n submit: function() {\r\n let email = this.elem.find('[name=\"email\"]').val()\r\n let body = [\r\n 'Nombre: ' + this.elem.find('[name=\"nombre\"]').val(),\r\n 'E-mail: ' + email,\r\n '',\r\n this.elem.find('[name=\"mensaje\"]').val()\r\n ]\r\n let content = {\r\n SecureToken: smtp.SecureToken,\r\n From: smtp.From,\r\n To: email,\r\n Subject: 'Contacto ' + (new Date()).toLocaleString('es-CL', {timezone: \"UTC-3\"}),\r\n Body: body.join('
')\r\n }\r\n Email.send(content)\r\n }\r\n}\r\n\r\nlet testimonios = {\r\n testimonios: [\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Este soporte que compré en @Stand-cl me cambió la vida, me sirve para el teléfono y el ipad, y ya no tengo que andar acomodando los aparatos en cualquier parte para las videollamadas\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Siiii todo mi gusto.. me encantó lo completo que es. Gracias\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Está super cool se ve de buena calidad\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Llego el mío, y es excelente, estoy feliz con mi compra\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Hola!!Me llegó el pedido, Muchas gracias muy bello. Me salvaste la vida\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Perfecto el producto, funciona impecable, muchas gracias\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Están bacanes! muchísimas gracias. Le regalé a mis viejos y lo aman\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Hola! Quería decirte que me encantaron los soportes, Muy útiles!\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Compré 3 y olvidé decirte que los encontré geniales! Me encantaron\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Diseño simple y funcional, minimalista y excelente precio, despacho súper Rápido.. gracias!\"\r\n }\r\n ],\r\n elem: $('#testimonios'),\r\n page: 0,\r\n setup: function() {\r\n if (this.amount != 3) {\r\n this.elem.find('.testimonios').removeClass('three')\r\n this.elem.find('.testimonios').addClass(this.word_amount[this.amount])\r\n }\r\n this.draw()\r\n },\r\n amount: 3,\r\n word_amount: {\r\n 1: 'one',\r\n 3: 'three'\r\n },\r\n draw: function() {\r\n var n = this.page * this.amount\r\n let p = this.elem.find('.testimonios')\r\n p.html('')\r\n for (var i = 0; i < this.amount; i ++) {\r\n if (n >= this.testimonios.length) {\r\n break\r\n }\r\n p.append(\r\n $('').attr('class', 'ui centered fluid card').append(\r\n $('').attr('class', 'center aligned content').append(\r\n $('').attr('class', 'header').html(this.testimonios[n]['autor'].toUpperCase())\r\n ).append(\r\n $('').attr('class', 'description').html(this.testimonios[n]['contenido'])\r\n )\r\n ).append(\r\n $('').attr('class', 'center aligned content').append(\r\n $('').attr('class', 'ui mini black rating disabled').attr('data-rating', '5').attr('data-max-rating', '5')\r\n )\r\n )\r\n )\r\n n ++\r\n }\r\n this.elem.find('.ui.rating').rating()\r\n this.draw_nav()\r\n },\r\n draw_nav: function() {\r\n let N = Math.ceil(this.testimonios.length / this.amount)\r\n let k = this.page\r\n let nav = this.elem.find('.nav')\r\n let tests = this\r\n nav.html('')\r\n for (var i = 0; i < N; i ++) {\r\n var circle = $('').attr('class', 'small circle outline icon').css('cursor', 'pointer').attr('data-page', i)\r\n if (i == k) {\r\n circle.removeClass('outline')\r\n }\r\n circle.click(function(e) {\r\n tests.page = parseInt($(this).attr('data-page'))\r\n tests.draw()\r\n })\r\n nav.append(circle)\r\n }\r\n }\r\n}\r\n\r\n$(document).ready(function() {\r\n $('#menu.sticky').sticky()\r\n $('.column2 .sticky').sticky({\r\n context: '#column'\r\n })\r\n $('#subir').sticky()\r\n\r\n $('.shopping.cart').innerText = 0\r\n\r\n ventajas.setup()\r\n dimensiones.setup()\r\n let sticky_amount = new Amount($('.sticky .input input[name=\"cantidad\"]'))\r\n let sticky_color = new Colors($('.sticky .colores'), true)\r\n sticky_form.setup()\r\n let cotiza_amount = new Amount($('#corporativos .input input[name=\"cantidad\"]'))\r\n let cotiza_color = new Colors($('#corporativos .colores'))\r\n cotiza_form.setup()\r\n conversemos_form.setup()\r\n\r\n window.mobileCheck = function() {\r\n let check = false;\r\n (function(a){if(/(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);\r\n return check;\r\n };\r\n\r\n if (window.mobileCheck()) {\r\n testimonios.amount = 1\r\n }\r\n testimonios.setup()\r\n})\r\n"]} \ No newline at end of file +{"version":3,"sources":["main.js"],"names":["available_colors","white","name","rgb","black","blue","petrol","cyan","green","yellow","Amount","elem","_classCallCheck","this","red","minus","parent","find","plus","n","setup","max","_this","val","click","e","change","parseInt","print","removeClass","increment","html","addClass","enable_button","disable_button","check_limits","Colors","changing","arguments","length","undefined","colors","picked","input","_this2","each","i","el","color","$","attr","split","css","change_color","_this3","default_color_format","ventajas","fotos","_this4","h","w","next","swipe","swipeLeft","dir","d","t","data","swipeRight","prev","current","dimensiones","_this5","change_images","pos","smtp","SecureToken","From","_this6","preventDefault","submit","console","debug","_this7","file","email","FormData","body","content","To","cssColor","Subject","Date","toLocaleString","timezone","Body","join","get","Email","conversemos_form","_this8","sticky_form","send","testimonios","cotiza_form","contenido","autor","Attachments","page","word_amount","amount","draw","1","3","p","append","toUpperCase","rating","draw_nav","N","Math","ceil","k","nav","tests","circle","sticky","outerHeight","height","context","image","modal","_this9","document","window","mobileCheck","check","navigator","userAgent","vendor","opera","test","a","substr"],"mappings":"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","file":"../main.min.js","sourcesContent":["let available_colors = {\r\n white: {\r\n name: 'blanco',\r\n rgb: 'rgb(255, 255, 255)'\r\n },\r\n black: {\r\n name: 'negro',\r\n rgb: 'rgb(0, 0, 0)'\r\n },\r\n blue: {\r\n name: 'azul',\r\n rgb: 'rgb(0, 110, 230)'\r\n },\r\n petrol: {\r\n name: 'azul_petroleo',\r\n rgb: 'rgb(0, 80, 120)'\r\n },\r\n cyan: {\r\n name: 'celeste',\r\n rgb: 'rgb(80, 200, 255)'\r\n },\r\n green: {\r\n name: 'verde',\r\n rgb: 'rgb(10, 200, 100)'\r\n },\r\n yellow: {\r\n name: 'amarillo',\r\n rgb: 'rgb(255, 240, 70)'\r\n },\r\n orange: {\r\n name: 'naranjo',\r\n rgb: 'rgb(255, 130, 70)'\r\n },\r\n red: {\r\n name: 'rojo',\r\n rgb: 'rgb(255, 20, 50)'\r\n }\r\n}\r\n\r\nclass Amount {\r\n constructor(elem) {\r\n this.elem = elem\r\n this.minus = elem.parent().find('.minus')\r\n this.plus = elem.parent().find('.plus')\r\n this.n = 0\r\n this.setup()\r\n this.max = 999\r\n }\r\n setup() {\r\n this.elem.val(0)\r\n this.plus.click((e) => {\r\n this.increment()\r\n this.print()\r\n })\r\n this.minus.click((e) => {\r\n this.decrement()\r\n this.print()\r\n })\r\n this.elem.change((e) => {\r\n this.n = parseInt(this.elem.val())\r\n this.print()\r\n })\r\n this.print()\r\n }\r\n enable_button(name) {\r\n this[name].removeClass('disabled')\r\n if (name == 'plus') {\r\n this[name].html('')\r\n }\r\n if (name == 'minus') {\r\n this[name].html('')\r\n }\r\n }\r\n disable_button(name) {\r\n this[name].addClass('disabled')\r\n this[name].html('')\r\n }\r\n check_limits() {\r\n this.enable_button('plus')\r\n this.enable_button('minus')\r\n if (this.n > this.max) {\r\n this.n = this.max\r\n }\r\n if (this.n == this.max) {\r\n this.disable_button('plus')\r\n }\r\n\r\n if (this.n < 0) {\r\n this.n = 0\r\n }\r\n if (this.n == 0) {\r\n this.disable_button('minus')\r\n }\r\n }\r\n increment() {\r\n this.n += 1\r\n }\r\n decrement() {\r\n this.n -= 1\r\n }\r\n get value() {\r\n return this.n\r\n }\r\n print() {\r\n this.check_limits()\r\n this.elem.val(this.n)\r\n }\r\n}\r\n\r\nclass Colors {\r\n constructor(elem, changing = false) {\r\n this.colors = available_colors\r\n this.picked = 'blue'\r\n this.elem = elem\r\n this.input = elem.find('input[name=\"color\"]')\r\n this.changing = null\r\n if (changing) {\r\n this.changing = elem.parent().parent().find('.column img')\r\n }\r\n this.setup()\r\n }\r\n setup() {\r\n this.elem.find('.circle').each((i, el) => {\r\n let color = $(el).attr('class').split(' ')[0]\r\n let cssColor = $(el).css('background-color')\r\n if (cssColor != this.colors[color]['rgb']) {\r\n $(el).css('background-color', this.colors[color]['rgb'])\r\n }\r\n $(el).click((e) => {\r\n this.change_color(color)\r\n })\r\n })\r\n this.change_color('blue')\r\n }\r\n default_color_format(el) {\r\n $(el).removeClass('selected')\r\n }\r\n change_color(color) {\r\n this.picked = this.colors[color]['name']\r\n this.input.val(this.picked)\r\n this.elem.find('.circle').each((i, el) => {\r\n this.default_color_format(el)\r\n })\r\n this.elem.find('.' + color + '.circle').addClass('selected')\r\n if (this.changing != null) {\r\n this.changing.attr('src', './assets/images/fotos/' + this.picked + '/left.jpg')\r\n }\r\n }\r\n}\r\n\r\nlet ventajas = {\r\n elem: $('#ventajas'),\r\n fotos: 6,\r\n setup: function() {\r\n let h = this.elem.css('height')\r\n let w = this.elem.css('width')\r\n\r\n this.elem.find('.diagonal').css('borderBottomWidth', h)\r\n this.elem.find('.diagonal').css('borderRightWidth', w)\r\n\r\n this.elem.find('.nav.left').click((e) => {\r\n this.prev()\r\n })\r\n this.elem.find('.nav.right').click((e) => {\r\n this.next()\r\n })\r\n\r\n this.elem.find('.gallery').swipe({\r\n swipeLeft: (e, dir, d, t, n, data) => {\r\n this.next()\r\n },\r\n swipeRight: (e, dir, d, t, n, data) => {\r\n this.prev()\r\n }\r\n })\r\n },\r\n current: 1,\r\n next: function() {\r\n var n = this.current + 1\r\n if (n > this.fotos) {\r\n n = 1\r\n }\r\n this.elem.find('.gallery .image img').attr('src', './assets/images/galeria/foto' + n + '.jpg')\r\n this.current = n\r\n },\r\n prev: function() {\r\n var n = this.current - 1\r\n if (n < 1) {\r\n n = this.fotos\r\n }\r\n this.elem.find('.gallery .image img').attr('src', './assets/images/galeria/foto' + n + '.jpg')\r\n this.current = n\r\n }\r\n}\r\nlet dimensiones = {\r\n colors: available_colors,\r\n elem: $('#dimensiones'),\r\n setup: function() {\r\n this.elem.find('.colores .circle').each((i, el) => {\r\n let color = $(el).attr('class').split(' ')[0]\r\n let cssColor = $(el).css('background-color')\r\n if (cssColor != this.colors[color]['rgb']) {\r\n $(el).css('background-color', this.colors[color]['rgb'])\r\n }\r\n $(el).click((e) => {\r\n this.change_color(color)\r\n })\r\n })\r\n },\r\n change_color: function(color) {\r\n this.picked = this.colors[color]['name']\r\n this.elem.find('.colores .circle').each((i, el) => {\r\n $(el).removeClass('selected')\r\n })\r\n this.elem.find('.colores .' + color + '.circle').addClass('selected')\r\n this.change_images(this.colors[color]['name'])\r\n },\r\n change_images: function(color) {\r\n this.elem.find('.fotos img').each((i, el) => {\r\n let pos = $(el).attr('class')\r\n $(el).attr('src', './assets/images/fotos/' + color + '/' + pos + '.jpg')\r\n })\r\n }\r\n}\r\n\r\nlet smtp = {\r\n SecureToken: '4adcdc1f-6b6e-4e60-ab72-20da4c329b09',\r\n From: 'contacto@3dstand.cl'\r\n}\r\n\r\nlet sticky_form = {\r\n elem: $('.sticky form'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n },\r\n submit: function() {\r\n console.debug('submit sticky')\r\n }\r\n}\r\nlet cotiza_form = {\r\n elem: $('#corporativos form'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n this.file = this.elem.find('input[type=\"file\"]')\r\n this.elem.find('.file').click((e) => {\r\n this.file.trigger('click')\r\n })\r\n },\r\n submit: function() {\r\n let email = this.elem.find('[name=\"email\"]').val()\r\n let data = new FormData(this.elem[0])\r\n let body = [\r\n 'Nombre: ' + this.elem.find('[name=\"nombre\"]').val(),\r\n 'E-mail: ' + email,\r\n 'Teléfono: ' + this.elem.find('[name=\"telefono\"]').val(),\r\n '',\r\n 'Color: ' + this.elem.find('[name=\"color\"]').val(),\r\n 'Cantidad: ' + this.elem.find('[name=\"cantidad\"]').val(),\r\n this.elem.find('[name=\"mensaje\"]').val()\r\n ]\r\n let content = {\r\n SecureToken: smtp.SecureToken,\r\n To: email,\r\n From: smtp.From,\r\n Subject: 'Cotizacion - ' + (new Date()).toLocaleString('es-CL', {timezone: \"UTC-3\"}),\r\n Body: body.join('
'),\r\n Attachments: [\r\n {\r\n name: \"Logo\",\r\n data: data.get('archivo')\r\n }\r\n ]\r\n }\r\n Email.send(content)\r\n }\r\n}\r\nlet conversemos_form = {\r\n elem: $('#contacto_form'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n },\r\n submit: function() {\r\n let email = this.elem.find('[name=\"email\"]').val()\r\n let body = [\r\n 'Nombre: ' + this.elem.find('[name=\"nombre\"]').val(),\r\n 'E-mail: ' + email,\r\n '',\r\n this.elem.find('[name=\"mensaje\"]').val()\r\n ]\r\n let content = {\r\n SecureToken: smtp.SecureToken,\r\n From: smtp.From,\r\n To: email,\r\n Subject: 'Contacto ' + (new Date()).toLocaleString('es-CL', {timezone: \"UTC-3\"}),\r\n Body: body.join('
')\r\n }\r\n Email.send(content)\r\n }\r\n}\r\n\r\nlet testimonios = {\r\n testimonios: [\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Este soporte que compré en @Stand-cl me cambió la vida, me sirve para el teléfono y el ipad, y ya no tengo que andar acomodando los aparatos en cualquier parte para las videollamadas\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Siiii todo mi gusto.. me encantó lo completo que es. Gracias\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Está super cool se ve de buena calidad\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Llego el mío, y es excelente, estoy feliz con mi compra\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Hola!!Me llegó el pedido, Muchas gracias muy bello. Me salvaste la vida\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Perfecto el producto, funciona impecable, muchas gracias\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Están bacanes! muchísimas gracias. Le regalé a mis viejos y lo aman\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Hola! Quería decirte que me encantaron los soportes, Muy útiles!\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Compré 3 y olvidé decirte que los encontré geniales! Me encantaron\"\r\n },\r\n {\r\n \"autor\": \"John Master\",\r\n \"contenido\": \"Diseño simple y funcional, minimalista y excelente precio, despacho súper Rápido.. gracias!\"\r\n }\r\n ],\r\n elem: $('#testimonios'),\r\n page: 0,\r\n setup: function() {\r\n if (this.amount != 3) {\r\n this.elem.find('.testimonios').removeClass('three')\r\n this.elem.find('.testimonios').addClass(this.word_amount[this.amount])\r\n }\r\n this.draw()\r\n },\r\n amount: 3,\r\n word_amount: {\r\n 1: 'one',\r\n 3: 'three'\r\n },\r\n draw: function() {\r\n var n = this.page * this.amount\r\n let p = this.elem.find('.testimonios')\r\n p.html('')\r\n for (var i = 0; i < this.amount; i ++) {\r\n if (n >= this.testimonios.length) {\r\n break\r\n }\r\n p.append(\r\n $('').attr('class', 'ui centered fluid card').append(\r\n $('').attr('class', 'center aligned content').append(\r\n $('').attr('class', 'header').html(this.testimonios[n]['autor'].toUpperCase())\r\n ).append(\r\n $('').attr('class', 'description').html(this.testimonios[n]['contenido'])\r\n )\r\n ).append(\r\n $('').attr('class', 'center aligned content').append(\r\n $('').attr('class', 'ui mini black rating disabled').attr('data-rating', '5').attr('data-max-rating', '5')\r\n )\r\n )\r\n )\r\n n ++\r\n }\r\n this.elem.find('.ui.rating').rating()\r\n this.draw_nav()\r\n },\r\n draw_nav: function() {\r\n let N = Math.ceil(this.testimonios.length / this.amount)\r\n let k = this.page\r\n let nav = this.elem.find('.nav')\r\n let tests = this\r\n nav.html('')\r\n for (var i = 0; i < N; i ++) {\r\n var circle = $('').attr('class', 'small circle outline icon').css('cursor', 'pointer').attr('data-page', i)\r\n if (i == k) {\r\n circle.removeClass('outline')\r\n }\r\n circle.click(function(e) {\r\n tests.page = parseInt($(this).attr('data-page'))\r\n tests.draw()\r\n })\r\n nav.append(circle)\r\n }\r\n }\r\n}\r\n\r\nlet sticky = {\r\n elem: $('#columna_sticky'),\r\n setup: function() {\r\n var h = 0\r\n $('section.columna').each((i, el) => {\r\n h += $(el).outerHeight(true)\r\n })\r\n this.elem.height(h)\r\n this.elem.find('#column').height(h)\r\n\r\n $('#columna_sticky .sticky').sticky({\r\n context: '#column'\r\n })\r\n }\r\n}\r\n\r\nlet image = {\r\n elem: $('.agrandable'),\r\n modal: $('#images.modal'),\r\n setup: function() {\r\n this.modal.modal()\r\n this.modal.find('.close.icon').click((e) => {\r\n this.modal.modal('hide')\r\n this.modal.find('.image').html('')\r\n })\r\n let p = this\r\n this.elem.click(function(e) {\r\n let img = $(this).find('img').attr('src')\r\n p.modal.find('.image').html('')\r\n p.modal.find('.image').append(\r\n $('
SOPORTES PARA SMARTPHONE Y TABLETS
Diseñado y Fabricado en ChileLOREM IPSUM DOLOR SIT AMET, CONSECTETUR
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore euVENTAJAS
Apoyo estable para el dispositivo
Ángulo preciso de inclinación para usar en conferencias
Compatible con tablets, permite cargar mientras se usa
Diseño moderno y minimalista
DIMENSIONES Y COLORES
CONSTRUIDOS CON IMPRESIÓN 3D
Diseñado y fabricado en Chile
Fabricado en plástico de orien vegetal sin derivados del petróleo
CORPORATIVOS
LOGO ARRIBA
- Mayor tamaño
- No se ve al apoyar el teléfono
COTIZA CON NOSOTROS
CLIENTES FELICES
STAND
$ 5.990
SOPORTES PARA SMARTPHONE Y TABLETS
Diseñado y Fabricado en ChileLOREM IPSUM DOLOR SIT AMET, CONSECTETUR
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore euVENTAJAS
Apoyo estable para el dispositivo
Ángulo preciso de inclinación para usar en conferencias
Compatible con tablets, permite cargar mientras se usa
Diseño moderno y minimalista
DIMENSIONES Y COLORES
CONSTRUIDOS CON IMPRESIÓN 3D
Diseñado y fabricado en Chile
Fabricado en plástico de orien vegetal sin derivados del petróleo
CORPORATIVOS
LOGO ABAJO
- Siempre visible
- Menor tamaño
LOGO ARRIBA
- Mayor tamaño
- No se ve al apoyar el teléfono
COTIZA CON NOSOTROS
CLIENTES FELICES