diff --git a/assets/index.html b/assets/index.html index cca3305..a1155b1 100644 --- a/assets/index.html +++ b/assets/index.html @@ -65,9 +65,9 @@
- - - + + +
@@ -79,7 +79,7 @@
- +
@@ -94,10 +94,10 @@
- - - - + + + +
@@ -107,8 +107,19 @@ DIMENSIONES y colores
- - +
+ +
+ + DISEÑADO Y FABRICADO EN CHILE +
+
+
+ +
+ Fabricado en plástico de origen vegetal sin derivados del petróleo +
+
@@ -128,6 +139,7 @@ $ 5.990
+ COLOR
@@ -138,11 +150,15 @@
- +
- +
@@ -160,37 +176,41 @@
- +
-
- LOGO ABAJO +
+
+ LOGO ABAJO +
+
    +
  • Siempre visible
    • +
  • Menor tamaño
    • +
-
    -
  • Siempre visible
    • -
  • Menor tamaño
    • -
- - + +
- +
-
- LOGO ARRIBA +
+
+ LOGO ARRIBA +
+
    +
  • No se ve al apoyar el teléfono
    • +
  • Mayor tamaño
    • +
-
    -
  • No se ve al apoyar el teléfono
    • -
  • Mayor tamaño
    • -
- - + +
@@ -198,11 +218,12 @@
- COTIZA CON NOSOSTROS + COTIZA CON NOSOTROS
+ COLOR
@@ -213,12 +234,16 @@
- +
- LOGO
+ LOGO
Cargar archivo
@@ -240,10 +265,10 @@
- +
+
@@ -318,5 +343,6 @@ + diff --git a/assets/js/main.js b/assets/js/main.js index 125cfea..0ed847d 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -8,6 +8,214 @@ function resize() { }) } +class Amount { + constructor(elem) { + this.elem = elem + this.minus = elem.parent().find('.minus') + this.plus = elem.parent().find('.plus') + this.n = 0 + this.setup() + this.max = 999 + } + setup() { + this.elem.val(0) + this.plus.click((e) => { + this.increment() + this.print() + }) + this.minus.click((e) => { + this.decrement() + this.print() + }) + this.elem.change((e) => { + this.n = parseInt(this.elem.val()) + this.print() + }) + this.print() + } + enable_button(name) { + this[name].removeClass('disabled') + if (name == 'plus') { + this[name].html('') + } + if (name == 'minus') { + this[name].html('') + } + } + disable_button(name) { + this[name].addClass('disabled') + this[name].html('') + } + check_limits() { + this.enable_button('plus') + this.enable_button('minus') + if (this.n > this.max) { + this.n = this.max + } + if (this.n == this.max) { + this.disable_button('plus') + } + + if (this.n < 0) { + this.n = 0 + } + if (this.n == 0) { + this.disable_button('minus') + } + } + increment() { + this.n += 1 + } + decrement() { + this.n -= 1 + } + get value() { + return this.n + } + print() { + this.check_limits() + this.elem.val(this.n) + } +} + +class Colors { + constructor(elem, changing = false) { + this.color = { + white: 'blanco', + black: 'negro', + blue: 'azul', + green: 'verde', + yellow: 'amarillo', + orange: 'naranjo', + red: 'rojo' + } + this.picked = 'blue' + this.elem = elem + this.input = elem.find('input[name="color"]') + this.changing = null + if (changing) { + this.changing = elem.parent().parent().find('.column2 img') + } + this.setup() + } + setup() { + this.elem.find('.circle').each((i, el) => { + $(el).click((e) => { + let color = $(el).attr('class').split(' ')[0] + this.change_color(color) + }) + }) + this.change_color('blue') + } + default_color_format(el) { + $(el).removeClass('selected') + } + change_color(color) { + this.picked = this.color[color] + this.input.val(this.picked) + this.elem.find('.circle').each((i, el) => { + this.default_color_format(el) + }) + this.elem.find('.' + color + '.circle').addClass('selected') + if (this.changing != null) { + this.changing.attr('src', './assets/images/' + this.picked + '.png') + } + } +} + +let smtp = { + Host: 'smtp.google.com', + Username: 'rsalinas85@gmail.com', + Password: 'salinas1234', + From: 'ventas@3dstand.cl' +} + +let sticky_form = { + elem: $('.sticky form'), + setup: function() { + this.elem.submit((e) => { + e.preventDefault() + this.submit() + return false + }) + }, + submit: function() { + console.debug('submit sticky') + } +} +let cotiza_form = { + elem: $('#corporativos form'), + setup: function() { + this.elem.submit((e) => { + e.preventDefault() + this.submit() + return false + }) + this.file = this.elem.find('input[type="file"]') + this.elem.find('.file').click((e) => { + this.file.trigger('click') + }) + }, + submit: function() { + let email = this.elem.find('[name="email"]').val() + let data = new FormData(this.elem[0]) + let body = [ + 'Nombre: ' + this.elem.find('[name="nombre"]').val(), + 'E-mail: ' + email, + '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() + ] + let content = { + Host: smtp.Host, + Username: smtp.Username, + Password: smtp.Password, + To: email, + From: smtp.From, + Subject: 'Cotizacion - ' + (new Date()).toLocaleString('es-CL', {timezone: "UTC-3"}), + Body: body.join('
'), + Attachments: [ + { + name: "Logo", + data: data.get('archivo') + } + ] + } + console.debug(email) + //Email.send() + } +} +let conversemos_form = { + elem: $('#contacto'), + setup: function() { + this.elem.submit((e) => { + e.preventDefault() + this.submit() + return false + }) + }, + submit: function() { + let email = this.elem.find('[name="email"]').val() + let body = [ + 'Nombre: ' + this.elem.find('[name="nombre"]').val(), + 'E-mail: ' + email, + '', + this.elem.find('[name="mensaje"]').val() + ] + let content = { + Host: smtp.Host, + Username: smtp.Username, + Password: smtp.Password, + From: smtp.From, + To: email, + Subject: 'Contacto ' + (new Date()).toLocaleString('es-CL', {timezone: "UTC-3"}), + Body: body.join('
') + } + } +} + $(document).ready(function() { $('.menu.sticky').sticky() $('.column2 .sticky').sticky({ @@ -16,5 +224,13 @@ $(document).ready(function() { $('.shopping.cart').innerText = 0 - //window.onresize = resize; + window.onresize = resize; + + let sticky_amount = new Amount($('.sticky .input input[name="cantidad"]')) + let sticky_color = new Colors($('.sticky .colores'), true) + sticky_form.setup() + let cotiza_amount = new Amount($('#corporativos .input input[name="cantidad"]')) + let cotiza_color = new Colors($('#corporativos .colores')) + cotiza_form.setup() + conversemos_form.setup() }) diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 8edbd3a..a65d326 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -15,9 +15,52 @@ $html-font-size: 16px; $gris: rgb(204, 204, 204); $gris-texto: rgb(51, 51, 51); -body { - font-family: Roboto, sans; - color: $gris-texto; +@mixin colors { + .colores { + vertical-align: center; + + .text { + 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; + $a: 12; + width: rem($a); + height: rem($a); + border-radius: 8000px; + margin: auto rem(1); + cursor: pointer; + + &.selected { + width: rem($a + 2); + height: rem($a + 2); + cursor: default; + } + } + } } $full_width: 1080; @@ -28,7 +71,7 @@ $heights: ( "seccion2": 27.5, "dimensiones": 27.5, "construido": 21.875, - "corporativos": 25, + "corporativos": (520/16), "felices": 21.875, "formulario": 30 ); @@ -110,6 +153,12 @@ $column_height1: 0; } } +body { + height: ($content_height)+rem; + font-family: Roboto, sans; + color: $gris-texto; +} + #content { max-width: rem($full_width) !important; height: ($content_height)+rem; @@ -286,10 +335,18 @@ $column_height1: 0; .images { display: flex; - img { + .column { float: left; - width: rem(313); - height: rem(235); + + &>img { + width: rem(313); + height: rem(235); + } + + div { + width: rem(313); + margin-top: rem(25); + } } } } @@ -340,45 +397,7 @@ $column_height1: 0; } font-size: font_size(14); - .colores { - vertical-align: center; - - .text { - 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; - $a: 12; - width: rem($a); - height: rem($a); - border-radius: 8000px; - margin: auto rem(1); - cursor: pointer; - } - } + @include colors; .input { width: 4.5rem; border: thin solid rgb(0, 0, 0); @@ -393,6 +412,7 @@ $column_height1: 0; margin: 0; padding: 0; cursor: pointer; + font-weight: bold; } input { width: 2rem; @@ -443,9 +463,10 @@ $column_height1: 0; width: percentage(67/100); &>.header { - padding: rem(37) 0 !important; + margin-top: rem(67); + margin-bottom: rem(37); .bigger { - font-size: font_size(16); + font-size: rem(26); } } .opciones { @@ -465,12 +486,23 @@ $column_height1: 0; } .descripcion { display: inline-block; + vertical-align: top; + height: rem(200); + padding-top: rem(20); - ul { - list-style: disc inside; + .content { + display: block; + .header { + font-size: font_size(14); + margin-bottom: rem(10); + } + + ul { + list-style: disc inside; + } } - .images { + margin-top: rem(34); img { width: rem(70); height: rem(85); @@ -484,45 +516,20 @@ $column_height1: 0; width: percentage(33/100); height: 100%; + .header { + margin-top: rem(46); + margin-bottom: rem(24); + font-size: rem(26); + } + form { - .colores { - vertical-align: center; + @include colors; - .text { - 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; - $a: 12; - width: rem($a); - height: rem($a); - border-radius: 8000px; - margin: auto rem(1); - cursor: pointer; - } + .row { + margin-bottom: rem(9); + } + .colores.linea { + margin-bottom: rem(25-9); } .input.cantidad { width: 4.5rem; @@ -551,9 +558,35 @@ $column_height1: 0; .input [type="file"] { display: none; } + .input .file { + display: inline-block; + height: rem(20*12/10); + width: rem(150); + padding-top: rem(3); + background-color: #cccccb; + border: thin solid #333; + font-size: font_size(10); + text-align: center; + cursor: pointer; + } .input [type="text"] { height: rem(18); - background-color: rgba(255, 255, 255, .5); + background-color: rgba(255, 255, 255); + border: none !important; + border-radius: 0 !important; + } + textarea { + height: rem(72); + background-color: rgba(255, 255, 255); + border: none !important; + border-radius: 0 !important; + margin-bottom: rem(25-9); + } + .button { + width: 100%; + background-color: #666667; + color: white; + border: none !important; border-radius: 0 !important; } } @@ -629,8 +662,8 @@ $column_height1: 0; margin-top: rem(27); &>img { - width: rem(434); - height: rem(280); + width: rem(540); + height: rem(350); float: left; } } diff --git a/gulpfile.js b/gulpfile.js index 39626d7..4f152cc 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -16,7 +16,9 @@ function js(done) { .pipe(concat('main.js')) .pipe(dest(path.join(output_dir, 'scripts'))) .pipe(sourcemaps.init({loadMaps: true})) - .pipe(babel()) + .pipe(babel({ + presets: ['@babel/preset-env'] + })) .pipe(uglify()) .pipe(rename('main.min.js')) .pipe(sourcemaps.write('./maps')) diff --git a/package.json b/package.json index 3ddc105..8abeaa8 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,8 @@ "author": "Aldarien", "license": "UNLICENSED", "devDependencies": { + "@babel/core": "^7.12.10", + "@babel/preset-env": "^7.12.11", "gulp": "^4.0.2", "gulp-babel": "^8.0.0", "gulp-concat": "^2.6.1", diff --git a/public/assets/images/azul.png b/public/assets/images/azul.png new file mode 100644 index 0000000..9da8dcd Binary files /dev/null and b/public/assets/images/azul.png differ diff --git a/public/assets/images/bandera.svg b/public/assets/images/bandera.svg new file mode 100644 index 0000000..c907560 --- /dev/null +++ b/public/assets/images/bandera.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + diff --git a/public/assets/images/conversemos.png b/public/assets/images/conversemos.png new file mode 100644 index 0000000..f64ecb1 Binary files /dev/null and b/public/assets/images/conversemos.png differ diff --git a/public/assets/images/depositphotos_264723580-stock-photo-3d-printer-prints-a-figure.jpg b/public/assets/images/depositphotos_264723580-stock-photo-3d-printer-prints-a-figure.jpg new file mode 100644 index 0000000..2e49b47 Binary files /dev/null and b/public/assets/images/depositphotos_264723580-stock-photo-3d-printer-prints-a-figure.jpg differ diff --git a/public/assets/images/foto1.jpg b/public/assets/images/foto1.jpg new file mode 100644 index 0000000..4fe1cf0 Binary files /dev/null and b/public/assets/images/foto1.jpg differ diff --git a/public/assets/images/foto2.jpg b/public/assets/images/foto2.jpg new file mode 100644 index 0000000..ab0fcb4 Binary files /dev/null and b/public/assets/images/foto2.jpg differ diff --git a/public/assets/images/foto3.jpg b/public/assets/images/foto3.jpg new file mode 100644 index 0000000..af3cbb2 Binary files /dev/null and b/public/assets/images/foto3.jpg differ diff --git a/public/assets/images/foto4.jpg b/public/assets/images/foto4.jpg new file mode 100644 index 0000000..f3864ee Binary files /dev/null and b/public/assets/images/foto4.jpg differ diff --git a/public/assets/images/seccion11.png b/public/assets/images/seccion11.png new file mode 100644 index 0000000..a33f6d2 Binary files /dev/null and b/public/assets/images/seccion11.png differ diff --git a/public/assets/images/seccion12.png b/public/assets/images/seccion12.png new file mode 100644 index 0000000..7396d1f Binary files /dev/null and b/public/assets/images/seccion12.png differ diff --git a/public/assets/images/seccion13.png b/public/assets/images/seccion13.png new file mode 100644 index 0000000..c379fc9 Binary files /dev/null and b/public/assets/images/seccion13.png differ diff --git a/public/assets/images/variedades.png b/public/assets/images/variedades.png new file mode 100644 index 0000000..a2ab061 Binary files /dev/null and b/public/assets/images/variedades.png differ diff --git a/public/assets/scripts/main.js b/public/assets/scripts/main.js index 125cfea..0ed847d 100644 --- a/public/assets/scripts/main.js +++ b/public/assets/scripts/main.js @@ -8,6 +8,214 @@ function resize() { }) } +class Amount { + constructor(elem) { + this.elem = elem + this.minus = elem.parent().find('.minus') + this.plus = elem.parent().find('.plus') + this.n = 0 + this.setup() + this.max = 999 + } + setup() { + this.elem.val(0) + this.plus.click((e) => { + this.increment() + this.print() + }) + this.minus.click((e) => { + this.decrement() + this.print() + }) + this.elem.change((e) => { + this.n = parseInt(this.elem.val()) + this.print() + }) + this.print() + } + enable_button(name) { + this[name].removeClass('disabled') + if (name == 'plus') { + this[name].html('') + } + if (name == 'minus') { + this[name].html('') + } + } + disable_button(name) { + this[name].addClass('disabled') + this[name].html('') + } + check_limits() { + this.enable_button('plus') + this.enable_button('minus') + if (this.n > this.max) { + this.n = this.max + } + if (this.n == this.max) { + this.disable_button('plus') + } + + if (this.n < 0) { + this.n = 0 + } + if (this.n == 0) { + this.disable_button('minus') + } + } + increment() { + this.n += 1 + } + decrement() { + this.n -= 1 + } + get value() { + return this.n + } + print() { + this.check_limits() + this.elem.val(this.n) + } +} + +class Colors { + constructor(elem, changing = false) { + this.color = { + white: 'blanco', + black: 'negro', + blue: 'azul', + green: 'verde', + yellow: 'amarillo', + orange: 'naranjo', + red: 'rojo' + } + this.picked = 'blue' + this.elem = elem + this.input = elem.find('input[name="color"]') + this.changing = null + if (changing) { + this.changing = elem.parent().parent().find('.column2 img') + } + this.setup() + } + setup() { + this.elem.find('.circle').each((i, el) => { + $(el).click((e) => { + let color = $(el).attr('class').split(' ')[0] + this.change_color(color) + }) + }) + this.change_color('blue') + } + default_color_format(el) { + $(el).removeClass('selected') + } + change_color(color) { + this.picked = this.color[color] + this.input.val(this.picked) + this.elem.find('.circle').each((i, el) => { + this.default_color_format(el) + }) + this.elem.find('.' + color + '.circle').addClass('selected') + if (this.changing != null) { + this.changing.attr('src', './assets/images/' + this.picked + '.png') + } + } +} + +let smtp = { + Host: 'smtp.google.com', + Username: 'rsalinas85@gmail.com', + Password: 'salinas1234', + From: 'ventas@3dstand.cl' +} + +let sticky_form = { + elem: $('.sticky form'), + setup: function() { + this.elem.submit((e) => { + e.preventDefault() + this.submit() + return false + }) + }, + submit: function() { + console.debug('submit sticky') + } +} +let cotiza_form = { + elem: $('#corporativos form'), + setup: function() { + this.elem.submit((e) => { + e.preventDefault() + this.submit() + return false + }) + this.file = this.elem.find('input[type="file"]') + this.elem.find('.file').click((e) => { + this.file.trigger('click') + }) + }, + submit: function() { + let email = this.elem.find('[name="email"]').val() + let data = new FormData(this.elem[0]) + let body = [ + 'Nombre: ' + this.elem.find('[name="nombre"]').val(), + 'E-mail: ' + email, + '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() + ] + let content = { + Host: smtp.Host, + Username: smtp.Username, + Password: smtp.Password, + To: email, + From: smtp.From, + Subject: 'Cotizacion - ' + (new Date()).toLocaleString('es-CL', {timezone: "UTC-3"}), + Body: body.join('
'), + Attachments: [ + { + name: "Logo", + data: data.get('archivo') + } + ] + } + console.debug(email) + //Email.send() + } +} +let conversemos_form = { + elem: $('#contacto'), + setup: function() { + this.elem.submit((e) => { + e.preventDefault() + this.submit() + return false + }) + }, + submit: function() { + let email = this.elem.find('[name="email"]').val() + let body = [ + 'Nombre: ' + this.elem.find('[name="nombre"]').val(), + 'E-mail: ' + email, + '', + this.elem.find('[name="mensaje"]').val() + ] + let content = { + Host: smtp.Host, + Username: smtp.Username, + Password: smtp.Password, + From: smtp.From, + To: email, + Subject: 'Contacto ' + (new Date()).toLocaleString('es-CL', {timezone: "UTC-3"}), + Body: body.join('
') + } + } +} + $(document).ready(function() { $('.menu.sticky').sticky() $('.column2 .sticky').sticky({ @@ -16,5 +224,13 @@ $(document).ready(function() { $('.shopping.cart').innerText = 0 - //window.onresize = resize; + window.onresize = resize; + + let sticky_amount = new Amount($('.sticky .input input[name="cantidad"]')) + let sticky_color = new Colors($('.sticky .colores'), true) + sticky_form.setup() + let cotiza_amount = new Amount($('#corporativos .input input[name="cantidad"]')) + let cotiza_color = new Colors($('#corporativos .colores')) + cotiza_form.setup() + conversemos_form.setup() }) diff --git a/public/assets/scripts/main.min.js b/public/assets/scripts/main.min.js index 6c55632..7939d22 100644 --- a/public/assets/scripts/main.min.js +++ b/public/assets/scripts/main.min.js @@ -1,2 +1,2 @@ -function resize(){$(".container").each(function(t,i){var n=$(this).height;$(this).width;$(this).width=n*(400/944)})}$(document).ready(function(){$(".menu.sticky").sticky(),$(".column2 .sticky").sticky({context:"#column"}),$(".shopping.cart").innerText=0}); +"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=1"),t.get("archivo");console.debug(e)}},conversemos_form={elem:$("#contacto"),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()];smtp.Host,smtp.Username,smtp.Password,smtp.From,(new Date).toLocaleString("es-CL",{timezone:"UTC-3"}),t.join("
")}};$(document).ready(function(){$(".menu.sticky").sticky(),$(".column2 .sticky").sticky({context:"#column"}),$(".shopping.cart").innerText=0,window.onresize=resize;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()}); //# 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 cfa0356..929ca05 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":["resize","$","each","i","el","height","this","width","ready","sticky","context","innerText"],"mappings":"AAAA,SAASA,SAEPC,EAAE,cAAcC,KAAK,SAAAC,EAAAC,GACnB,IAAIC,EAASJ,EAAEK,MAAMD,OACTJ,EAAEK,MAAMC,MAFtBN,EAAAK,MAAAC,MAAAF,GADQ,IAAM,OAUdJ,EAAAA,UAAEO,MAAD,WACDP,EAAE,gBAAAQ,SACAC,EAAAA,oBAASD,OAAA,CADXC,QAAA,YAIAT,EAAE,kBAAkBU,UAAY","file":"../main.min.js","sourcesContent":["function resize() {\r\n let p = 400 / 944\r\n $('.container').each(function(i, el) {\r\n let height = $(this).height\r\n let width = $(this).width\r\n\r\n $(this).width = height * p;\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\r\n $('.shopping.cart').innerText = 0\r\n\r\n //window.onresize = resize;\r\n})\r\n"]} \ No newline at end of file +{"version":3,"sources":["main.js"],"names":["resize","$","each","i","el","height","this","width","Amount","elem","_classCallCheck","minus","find","plus","parent","n","setup","_this","val","click","e","max","print","change","parseInt","name","increment","decrement","addClass","html","enable_button","removeClass","disable_button","check_limits","Colors","changing","arguments","length","undefined","color","white","black","blue","green","yellow","orange","red","picked","input","_this2","attr","split","change_color","_this3","default_color_format","smtp","_this4","submit","preventDefault","console","debug","cotiza_form","_this5","file","trigger","email","data","FormData","body","Username","Date","toLocaleString","timezone","get","Password","From","_this6","sticky_form","Host","join","document","ready","sticky","context","innerText","onresize","content","To"],"mappings":"mZAAA,SAASA,SAEPC,EAAE,cAAcC,KAAK,SAASC,EAAGC,GAC/B,IAAIC,EAASJ,EAAEK,MAAMD,OACTJ,EAAEK,MAAMC,MAEpBN,EAAEK,MAAMC,MAAQF,GALV,IAAM,O,IACZG,O,WACA,SAAAA,EAAUC,GAAKC,gBAAAJ,KAAAE,GACfF,KAAIC,KAAQN,EAEZA,KAAEU,MAAFF,EAAgBJ,SAAhBO,KAAA,UAJFN,KAAAO,KAAAJ,EAAAK,SAAAF,KAAA,SAMDN,KAAAS,EAAA,EAQGT,KAAKU,QANHR,KAAAA,IAOS,I,qDANK,IAAAS,EAAAX,KAShBA,KAAKG,KAAKS,IAAI,GARdZ,KAAKG,KAALU,MAAA,SAAAC,GACAH,EAAKN,YACLM,EAAKJ,UAELP,KAAKU,MAALG,MAAA,SAAAC,GACAH,EAAKI,YACNJ,EAAAK,UAWChB,KAAKG,KAAKc,OAAO,SAACH,GAChBH,EAAKF,EAAIS,SAASP,EAAKR,KAAKS,OAC5BD,EAAKK,UAEPhB,KAAKgB,U,oCAZKH,GACRb,KAAAmB,GAAKC,YAAL,YAeU,QAARD,GAdFnB,KAAAmB,GAAKH,KAAL,6BAEF,SAAAG,GACEnB,KAAAmB,GAAKE,KAAAA,gC,qCADPF,GAIAnB,KAAAmB,GAAAG,SAAiB,YACftB,KAAAmB,GAAAI,KAASL,M,qCAEVlB,KAHDwB,cAAA,QAIAxB,KAAAwB,cAAA,SACDxB,KAAAS,EAAAT,KAAAe,MAkBGf,KAAKS,EAAIT,KAAKe,KAEZf,KAAKS,GAAKT,KAAKe,KAlBnBf,KAAKmB,eAAMM,QAETzB,KAAKmB,EAAL,IACDnB,KAAAS,EAAA,GACW,GAAZT,KAAImB,GACFnB,KAAA0B,eAAgB,W,kCAyBlB1B,KAAKS,GAAK,I,oCApBVT,KAAAS,I,8BAIAT,KAAA2B,eA0BA3B,KAAKG,KAAKS,IAAIZ,KAAKS,K,4BAJnB,OAAOT,KAAKS,M,KAQVmB,O,WA1BF,SAAAA,EAAIzB,GAAoB,IAAV0B,EAAU,EAAAC,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GAAA1B,gBAAAJ,KAAA4B,GACtB5B,KAAAiC,MAAKP,CACNQ,MAAA,SA4BCC,MAAO,QA1BTC,KAAI,OACFC,MAAK5B,QACN6B,OAAA,WA4BCC,OAAQ,UA3BVC,IAAI,QAEHxC,KAAAyC,OAAA,OACFzC,KAAAG,KAAAA,EA6BCH,KAAK0C,MAAQvC,EAAKG,KAAK,uBACvBN,KAAK6B,SAAW,KACZA,IA7BJ7B,KAAKS,SAALN,EAAAK,SAAAA,SAAAF,KAAA,iBAgCAN,KAAKU,Q,qDAEC,IAAAiC,EAAA3C,KA/BNA,KAAAG,KAAAG,KAAA,WAAAV,KAAA,SAAAC,EAAAC,GACDH,EAAAG,GAAAe,MAAA,SAAAC,GAiCK,IAAImB,EAAQtC,EAAEG,GAAI8C,KAAK,SAASC,MAAM,KAAK,GAC3CF,EAAKG,aAAab,OA5BtBjC,KAAA8C,aAAc,U,2CAiCKhD,GACnBH,EAAEG,GAAI2B,YAAY,c,mCAtCXQ,GAAP,IAAAc,EAAA/C,KACDA,KAAAyC,OAAAzC,KAAAiC,MAAAA,GAyCCjC,KAAK0C,MAAM9B,IAAIZ,KAAKyC,QACpBzC,KAAKG,KAAKG,KAAK,WAAWV,KAAK,SAACC,EAAGC,GACjCiD,EAAKC,qBAAqBlD,KAE5BE,KAAKG,KAAKG,KAAK,IAAM2B,EAAQ,WAAWX,SAAS,YAC5B,MAvCnBM,KAuCOC,UAtCX7B,KAAA6B,SAAY1B,KAAwB,MAAA,mBAAAH,KAAAyC,OAAA,Y,KAClCQ,KAAKhB,CACHC,KAAAA,kBACAC,SAAK,uBACLC,SAAM,cACNC,KAAAA,qBAGAG,YAAK,CAPMrC,KAAbR,EAAA,gBASAe,MAAK+B,WAAS,IAAAS,EAAAlD,KACdA,KAAKG,KAALgD,OAAA,SAAArC,GA8CE,OA7CFA,EAAAsC,iBACAF,EAAKrB,UA4CI,KAzCRsB,OAAA,WA6CDE,QAAQC,MAAM,mBAGdC,YAAc,CAChBpD,KAAMR,EAAE,sBACRe,MAAO,WAAW,IAAA8C,EAAAxD,KAChBA,KAAKG,KAAKgD,OAAO,SAACrC,GA/ClB,OADMA,EAAAsC,iBAkDJI,EAAKL,UAjDFhD,IAEDH,KAAAyD,KAAIxB,KAAK9B,KAAIG,KAAKsC,sBAmDtB5C,KAAKG,KAAKG,KAAK,SAASO,MAAM,SAACC,GAlD3B0C,EAAAC,KAAIC,QAACZ,YAGTK,OAAA,WACD,IAAAQ,EAAA3D,KAAAG,KAAAG,KAAA,kBAAAM,MAoDKgD,EAAO,IAAIC,SAAS7D,KAAKG,KAAK,IAC9B2D,EAAO,CACT,WAAa9D,KAAKG,KAAKG,KAAK,mBArDPM,MACvBjB,WAAM8B,EACP,aAAAzB,KAAAG,KAAAG,KAAA,qBAAAM,MAsDG,GACA,UAAYZ,KAAKG,KAAKG,KAAK,kBAAkBM,MAC7C,aAAeZ,KAAKG,KAAKG,KAvDhB2B,qBAAOrB,MAAAZ,KAAAG,KAAAG,KAAA,oBAAAM,OAEb8B,KAAM9B,KACDN,KAAKyD,SACRf,KAAAA,SAEF7C,KAAKG,MA0DoB,IAAI0D,MAAQC,eAAe,QAAS,CAACC,SAAU,UAzDzEJ,EAAKjC,KAAAA,UA8DG+B,EAAKO,IAAI,WAIrBd,QAAQC,MAAMK,KAzDhBS,iBAAU,CACVC,KAAM1E,EAAA,aAJRe,MAAA,WAAA,IAAA4D,EAAAtE,KAOIuE,KAAAA,KAAAA,OAAc,SAAAzD,GAEE,OADdA,EAAEnB,iBACNe,EAAOyC,UAAW,KAEdrC,OAAEsC,WA+DJ,IAAIO,EAAQ3D,KAAKG,KAAKG,KAAK,kBAAkBM,MA9D3CkD,EAAKX,CAgEL,WAAanD,KAAKG,KAAKG,KAAK,mBAAmBM,MA/D/C,WAAA+C,EAHF,GAHc3D,KAAAG,KAAAG,KAAA,oBAAAM,OAWfqC,KAAAuB,KAXHvB,KAAAc,SAaed,KAAGmB,SACRnB,KAAAoB,MACU,IAAAL,MAAAC,eAAA,QAAA,CAAAC,SAAA,UAkERJ,EAAKW,KAAK,YAKtB9E,EAAE+E,UAAUC,MAAM,WAnEZhF,EAAA,gBAAAiF,SACDjF,EAAA,oBAJDiF,OAAA,CAKAC,QAAA,YAGClF,EAAA,kBAFDmF,UAAA,EAIF3B,OAAM4B,SAAErF,OAESmE,IAAAA,OAAc1D,EAAAA,0CAE3B,IAAAyB,OAAajC,EAAKQ,qBAAU,GAQ9BoE,YAAIS,QAAU,IAAA9E,OAAAP,EAAA,gDAEGoE,IAAAA,OAFHpE,EAAA,2BAGZyE,YAAQ1D,QACRuE,iBAJYvE","file":"../main.min.js","sourcesContent":["function resize() {\r\n let p = 400 / 944\r\n $('.container').each(function(i, el) {\r\n let height = $(this).height\r\n let width = $(this).width\r\n\r\n $(this).width = height * p;\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.color = {\r\n white: 'blanco',\r\n black: 'negro',\r\n blue: 'azul',\r\n green: 'verde',\r\n yellow: 'amarillo',\r\n orange: 'naranjo',\r\n red: 'rojo'\r\n }\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 $(el).click((e) => {\r\n let color = $(el).attr('class').split(' ')[0]\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.color[color]\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 smtp = {\r\n Host: 'smtp.google.com',\r\n Username: 'rsalinas85@gmail.com',\r\n Password: 'salinas1234',\r\n From: 'ventas@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 Host: smtp.Host,\r\n Username: smtp.Username,\r\n Password: smtp.Password,\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 console.debug(email)\r\n //Email.send()\r\n }\r\n}\r\nlet conversemos_form = {\r\n elem: $('#contacto'),\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 Host: smtp.Host,\r\n Username: smtp.Username,\r\n Password: smtp.Password,\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 }\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\r\n $('.shopping.cart').innerText = 0\r\n\r\n window.onresize = resize;\r\n\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"]} \ No newline at end of file diff --git a/public/assets/styles/main.css b/public/assets/styles/main.css index 229a476..8628eaa 100644 --- a/public/assets/styles/main.css +++ b/public/assets/styles/main.css @@ -45,11 +45,6 @@ input { border-radius: 0; } -body { - font-family: Roboto, sans; - color: #333333; -} - #backgrounds .cabezal { height: 25rem; background-image: url("../images/banner.jpg"); @@ -87,7 +82,7 @@ body { background-color: #64c8ff; } #backgrounds .corporativos { - height: 25rem; + height: 32.5rem; background-image: url("../images/fondo5.png"); } #backgrounds .testimonios { @@ -103,11 +98,17 @@ body { clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%); } +body { + height: 211.25rem; + font-family: Roboto, sans; + color: #333333; +} + #content { max-width: 67.5rem !important; - height: 203.75rem; + height: 211.25rem; position: relative; - top: -203.75rem; + top: -211.25rem; } #content #header { color: white; @@ -254,11 +255,17 @@ body { #content > .column1 #dimensiones .images { display: flex; } -#content > .column1 #dimensiones .images img { +#content > .column1 #dimensiones .images .column { float: left; +} +#content > .column1 #dimensiones .images .column > img { width: 19.5625rem; height: 14.6875rem; } +#content > .column1 #dimensiones .images .column div { + width: 19.5625rem; + margin-top: 1.5625rem; +} #content > .column1 #construido { height: 21.875rem; } @@ -336,6 +343,11 @@ body { margin: auto 0.0625rem; cursor: pointer; } +#content > .column2 .sticky .row:first-child .column1 .colores .circle.selected { + width: 0.875rem; + height: 0.875rem; + cursor: default; +} #content > .column2 .sticky .row:first-child .column1 .input { width: 4.5rem; border: thin solid black; @@ -350,6 +362,7 @@ body { margin: 0; padding: 0; cursor: pointer; + font-weight: bold; } #content > .column2 .sticky .row:first-child .column1 .input input { width: 2rem; @@ -372,7 +385,7 @@ body { } #content #corporativos { width: 100%; - height: 25rem; + height: 32.5rem; margin-top: 101.875rem !important; } #content #corporativos > .column { @@ -388,10 +401,11 @@ body { width: 67%; } #content #corporativos .column1 > .header { - padding: 2.3125rem 0 !important; + margin-top: 4.1875rem; + margin-bottom: 2.3125rem; } #content #corporativos .column1 > .header .bigger { - font-size: 1.3333333333rem; + font-size: 1.625rem; } #content #corporativos .column1 .opciones { display: flex; @@ -410,10 +424,23 @@ body { } #content #corporativos .column1 .opciones .opcion .descripcion { display: inline-block; + vertical-align: top; + height: 12.5rem; + padding-top: 1.25rem; } -#content #corporativos .column1 .opciones .opcion .descripcion ul { +#content #corporativos .column1 .opciones .opcion .descripcion .content { + display: block; +} +#content #corporativos .column1 .opciones .opcion .descripcion .content .header { + font-size: 1.1666666667rem; + margin-bottom: 0.625rem; +} +#content #corporativos .column1 .opciones .opcion .descripcion .content ul { list-style: disc inside; } +#content #corporativos .column1 .opciones .opcion .descripcion .images { + margin-top: 2.125rem; +} #content #corporativos .column1 .opciones .opcion .descripcion .images img { width: 4.375rem; height: 5.3125rem; @@ -422,6 +449,11 @@ body { width: 33%; height: 100%; } +#content #corporativos .column2 .header { + margin-top: 2.875rem; + margin-bottom: 1.5rem; + font-size: 1.625rem; +} #content #corporativos .column2 form .colores { vertical-align: center; } @@ -458,6 +490,17 @@ body { margin: auto 0.0625rem; cursor: pointer; } +#content #corporativos .column2 form .colores .circle.selected { + width: 0.875rem; + height: 0.875rem; + cursor: default; +} +#content #corporativos .column2 form .row { + margin-bottom: 0.5625rem; +} +#content #corporativos .column2 form .colores.linea { + margin-bottom: 1rem; +} #content #corporativos .column2 form .input.cantidad { width: 4.5rem; border: thin solid black; @@ -484,9 +527,35 @@ body { #content #corporativos .column2 form .input [type=file] { display: none; } +#content #corporativos .column2 form .input .file { + display: inline-block; + height: 1.5rem; + width: 9.375rem; + padding-top: 0.1875rem; + background-color: #cccccb; + border: thin solid #333; + font-size: 0.8333333333rem; + text-align: center; + cursor: pointer; +} #content #corporativos .column2 form .input [type=text] { height: 1.125rem; - background-color: rgba(255, 255, 255, 0.5); + background-color: white; + border: none !important; + border-radius: 0 !important; +} +#content #corporativos .column2 form textarea { + height: 4.5rem; + background-color: white; + border: none !important; + border-radius: 0 !important; + margin-bottom: 1rem; +} +#content #corporativos .column2 form .button { + width: 100%; + background-color: #666667; + color: white; + border: none !important; border-radius: 0 !important; } #content #felices { @@ -549,8 +618,8 @@ body { margin-top: 1.6875rem; } #content #formulario > .column1 > img { - width: 27.125rem; - height: 17.5rem; + width: 33.75rem; + height: 21.875rem; float: left; } #content #formulario > .column2 { diff --git a/public/assets/styles/main.min.css b/public/assets/styles/main.min.css index 70e112c..363dd75 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}body{font-family:Roboto,sans;color:#333}#backgrounds .cabezal{height:25rem;background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-size:100rem;background-position:top center;background-color:rgba(0,0,0,.4)}#backgrounds .seccion1{height:25rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 7rem;background-size:100% 8rem;background-repeat:no-repeat}#backgrounds .seccion2{height:27.5rem;background-image:url("../images/fondo23.png")}#backgrounds .seccion2 .diagonal{border-bottom:27.5rem solid rgba(204,204,204,.5);border-right:118.75rem solid transparent}#backgrounds .dimensiones{height:27.5rem;background-image:url("../images/fondo23.png")}#backgrounds .dimensiones .fondo-gris{width:100%;height:100%;background-color:rgba(204,204,204,.5)}#backgrounds .construido{height:21.875rem;background-color:#64c8ff}#backgrounds .corporativos{height:25rem;background-image:url("../images/fondo5.png")}#backgrounds .testimonios{height:21.875rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 3rem;background-size:100% 5rem;background-repeat:no-repeat}#backgrounds .formulario{height:30rem;background-color:#ccc;clip-path:polygon(50% 0, 100% 0%, 100% 100%, 0% 100%)}#content{max-width:67.5rem !important;height:203.75rem;position:relative;top:-203.75rem}#content #header{color:#fff;width:100%;height:25rem}#content #header .ui.menu{border:none !important;background:none !important;background-color:rgba(100,100,100,.3) !important;box-shadow:none !important;margin:0 !important}#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:2rem;padding:1.25rem !important}#content #header .ui.menu .item .shopping.cart div{position:relative;color:#000;display:inline-block;top:-2.6rem;left:.2rem;font-size:1rem;font-family:Roboto,sans}#content #header .logo{padding:0 !important;margin:0 !important}#content #header .logo img{width:50%;max-width:64.375rem}#content #header .logo .frase1{font-size:1.5rem}#content #header .logo .frase2{font-size:1rem}#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>.column1 #seccion1{height:25rem;width:100%}#content>.column1 #seccion1 .image-container{display:flex;justify-content:space-between;height:15rem}#content>.column1 #seccion1 .image-container img{height:9.6875rem;width:11.75rem;margin-top:5.3125rem}#content>.column1 #seccion1 .paragraph{padding-top:1.75rem;line-height:.875rem;text-align:justify}#content>.column1 #seccion1 .paragraph .header{margin-bottom:1rem;font-size:1.375rem}#content>.column1 #seccion2{height:27.5rem}#content>.column1 #seccion2>.column{display:inline-block;float:left;width:50%}#content>.column1 #seccion2>.column::after{clear:both}#content>.column1 #seccion2 .column1{margin-top:5rem}#content>.column1 #seccion2 .column1 img{width:19.8125rem;height:19.8125rem}#content>.column1 #seccion2 .column2{margin-top:7.125rem}#content>.column1 #seccion2 .column2 .row:first-child{background-color:#00427b;color:#fff;height:11.25rem;width:23.75rem;padding:2rem;margin-left:-3rem;overflow:hidden}#content>.column1 #seccion2 .column2 .row:first-child .header{font-weight:bold;font-size:1rem;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.125rem;display:flex;justify-content:space-between}#content>.column1 #seccion2 .column2 .row:last-child img{width:4.375rem;height:5.3125rem}#content>.column1 #dimensiones{height:27.5rem}#content>.column1 #dimensiones .header{padding:2.3125rem 0 !important}#content>.column1 #dimensiones .header .bigger{font-size:1rem}#content>.column1 #dimensiones .images{display:flex}#content>.column1 #dimensiones .images img{float:left;width:19.5625rem;height:14.6875rem}#content>.column1 #construido{height:21.875rem}#content>.column1 #construido .column2{height:100%}#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:.75rem;height:.75rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#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}#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 #corporativos{width:100%;height:25rem;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{padding:2.3125rem 0 !important}#content #corporativos .column1>.header .bigger{font-size:1.3333333333rem}#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:.75rem}#content #corporativos .column1 .opciones .opcion .img-grande img{width:8.4375rem;height:12.5rem}#content #corporativos .column1 .opciones .opcion .descripcion{display:inline-block}#content #corporativos .column1 .opciones .opcion .descripcion ul{list-style:disc inside}#content #corporativos .column1 .opciones .opcion .descripcion .images img{width:4.375rem;height:5.3125rem}#content #corporativos .column2{width:33%;height:100%}#content #corporativos .column2 form .colores{vertical-align:center}#content #corporativos .column2 form .colores .text{margin-right:.1875rem}#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:.75rem;height:.75rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#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 [type=text]{height:1.125rem;background-color:rgba(255,255,255,.5);border-radius:0 !important}#content #felices{height:21.875rem;padding:0 1rem !important}#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-between;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:27.125rem;height:17.5rem;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}#backgrounds .cabezal{height:25rem;background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-size:100rem;background-position:top center;background-color:rgba(0,0,0,.4)}#backgrounds .seccion1{height:25rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 7rem;background-size:100% 8rem;background-repeat:no-repeat}#backgrounds .seccion2{height:27.5rem;background-image:url("../images/fondo23.png")}#backgrounds .seccion2 .diagonal{border-bottom:27.5rem solid rgba(204,204,204,.5);border-right:118.75rem solid transparent}#backgrounds .dimensiones{height:27.5rem;background-image:url("../images/fondo23.png")}#backgrounds .dimensiones .fondo-gris{width:100%;height:100%;background-color:rgba(204,204,204,.5)}#backgrounds .construido{height:21.875rem;background-color:#64c8ff}#backgrounds .corporativos{height:32.5rem;background-image:url("../images/fondo5.png")}#backgrounds .testimonios{height:21.875rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 3rem;background-size:100% 5rem;background-repeat:no-repeat}#backgrounds .formulario{height:30rem;background-color:#ccc;clip-path:polygon(50% 0, 100% 0%, 100% 100%, 0% 100%)}body{height:211.25rem;font-family:Roboto,sans;color:#333}#content{max-width:67.5rem !important;height:211.25rem;position:relative;top:-211.25rem}#content #header{color:#fff;width:100%;height:25rem}#content #header .ui.menu{border:none !important;background:none !important;background-color:rgba(100,100,100,.3) !important;box-shadow:none !important;margin:0 !important}#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:2rem;padding:1.25rem !important}#content #header .ui.menu .item .shopping.cart div{position:relative;color:#000;display:inline-block;top:-2.6rem;left:.2rem;font-size:1rem;font-family:Roboto,sans}#content #header .logo{padding:0 !important;margin:0 !important}#content #header .logo img{width:50%;max-width:64.375rem}#content #header .logo .frase1{font-size:1.5rem}#content #header .logo .frase2{font-size:1rem}#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>.column1 #seccion1{height:25rem;width:100%}#content>.column1 #seccion1 .image-container{display:flex;justify-content:space-between;height:15rem}#content>.column1 #seccion1 .image-container img{height:9.6875rem;width:11.75rem;margin-top:5.3125rem}#content>.column1 #seccion1 .paragraph{padding-top:1.75rem;line-height:.875rem;text-align:justify}#content>.column1 #seccion1 .paragraph .header{margin-bottom:1rem;font-size:1.375rem}#content>.column1 #seccion2{height:27.5rem}#content>.column1 #seccion2>.column{display:inline-block;float:left;width:50%}#content>.column1 #seccion2>.column::after{clear:both}#content>.column1 #seccion2 .column1{margin-top:5rem}#content>.column1 #seccion2 .column1 img{width:19.8125rem;height:19.8125rem}#content>.column1 #seccion2 .column2{margin-top:7.125rem}#content>.column1 #seccion2 .column2 .row:first-child{background-color:#00427b;color:#fff;height:11.25rem;width:23.75rem;padding:2rem;margin-left:-3rem;overflow:hidden}#content>.column1 #seccion2 .column2 .row:first-child .header{font-weight:bold;font-size:1rem;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.125rem;display:flex;justify-content:space-between}#content>.column1 #seccion2 .column2 .row:last-child img{width:4.375rem;height:5.3125rem}#content>.column1 #dimensiones{height:27.5rem}#content>.column1 #dimensiones .header{padding:2.3125rem 0 !important}#content>.column1 #dimensiones .header .bigger{font-size:1rem}#content>.column1 #dimensiones .images{display:flex}#content>.column1 #dimensiones .images .column{float:left}#content>.column1 #dimensiones .images .column>img{width:19.5625rem;height:14.6875rem}#content>.column1 #dimensiones .images .column div{width:19.5625rem;margin-top:1.5625rem}#content>.column1 #construido{height:21.875rem}#content>.column1 #construido .column2{height:100%}#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:.75rem;height:.75rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#content>.column2 .sticky .row:first-child .column1 .colores .circle.selected{width:.875rem;height:.875rem;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 #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:4.1875rem;margin-bottom:2.3125rem}#content #corporativos .column1>.header .bigger{font-size:1.625rem}#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:.75rem}#content #corporativos .column1 .opciones .opcion .img-grande img{width:8.4375rem;height:12.5rem}#content #corporativos .column1 .opciones .opcion .descripcion{display:inline-block;vertical-align:top;height:12.5rem;padding-top:1.25rem}#content #corporativos .column1 .opciones .opcion .descripcion .content{display:block}#content #corporativos .column1 .opciones .opcion .descripcion .content .header{font-size:1.1666666667rem;margin-bottom:.625rem}#content #corporativos .column1 .opciones .opcion .descripcion .content ul{list-style:disc inside}#content #corporativos .column1 .opciones .opcion .descripcion .images{margin-top:2.125rem}#content #corporativos .column1 .opciones .opcion .descripcion .images img{width:4.375rem;height:5.3125rem}#content #corporativos .column2{width:33%;height:100%}#content #corporativos .column2 .header{margin-top:2.875rem;margin-bottom:1.5rem;font-size:1.625rem}#content #corporativos .column2 form .colores{vertical-align:center}#content #corporativos .column2 form .colores .text{margin-right:.1875rem}#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:.75rem;height:.75rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#content #corporativos .column2 form .colores .circle.selected{width:.875rem;height:.875rem;cursor:default}#content #corporativos .column2 form .row{margin-bottom:.5625rem}#content #corporativos .column2 form .colores.linea{margin-bottom:1rem}#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:1.5rem;width:9.375rem;padding-top:.1875rem;background-color:#cccccb;border:thin solid #333;font-size:.8333333333rem;text-align:center;cursor:pointer}#content #corporativos .column2 form .input [type=text]{height:1.125rem;background-color:#fff;border:none !important;border-radius:0 !important}#content #corporativos .column2 form textarea{height:4.5rem;background-color:#fff;border:none !important;border-radius:0 !important;margin-bottom:1rem}#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}#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-between;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)} /*# 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 4fd1c34..65d9725 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":"AAAA,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,wBACA,WAGF,sBACE,aACA,6CACA,4BACA,uBACA,+BACA,gCAEF,uBACE,aACA,mDACA,8BACA,0BACA,4BAEF,uBACE,eACA,8CAEF,iCACE,iDACA,yCAEF,0BACE,eACA,8CAEF,sCACE,WACA,YACA,sCAEF,yBACE,iBACA,yBAEF,2BACE,aACA,6CAEF,0BACE,iBACA,mDACA,8BACA,0BACA,4BAEF,yBACE,aACA,sBACA,sDAGF,SACE,6BACA,iBACA,kBACA,eAEF,iBACE,WACA,WACA,aAEF,0BACE,uBACA,2BACA,iDACA,2BACA,oBAEF,0CAIE,WACA,eAEF,gDACE,wBAEF,gCACE,yBACA,eACA,2BAEF,mDACE,kBACA,WACA,qBACA,YACA,WACA,eACA,wBAEF,uBACE,qBACA,oBAEF,2BACE,UACA,oBAEF,+BACE,iBAEF,+BACE,eAEF,iBACE,qBACA,WACA,6BACA,8BAEF,wBACE,WAEF,kBACE,UAEF,4BACE,aACA,WAEF,6CACE,aACA,8BACA,aAEF,iDACE,iBACA,eACA,qBAEF,uCACE,oBACA,oBACA,mBAEF,+CACE,mBACA,mBAEF,4BACE,eAEF,oCACE,qBACA,WACA,UAEF,2CACE,WAEF,qCACE,gBAEF,yCACE,iBACA,kBAEF,qCACE,oBAEF,sDACE,yBACA,WACA,gBACA,eACA,aACA,kBACA,gBAEF,8DACE,iBACA,eACA,mBAEF,yDACE,uBACA,yBAEF,qDACE,oBACA,aACA,8BAEF,yDACE,eACA,iBAEF,+BACE,eAEF,uCACE,+BAEF,+CACE,eAEF,uCACE,aAEF,2CACE,WACA,iBACA,kBAEF,8BACE,iBAEF,uCACE,YAEF,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,aACA,cACA,qBACA,qBACA,eAEF,2DACE,aACA,uBACA,kBACA,qBACA,yBAEF,kEACE,gBACA,YACA,WACA,SACA,UACA,eAEF,iEACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,oDACE,sBAEF,wDACE,eACA,aAEF,kDACE,2BACA,WAEF,uBACE,WACA,aACA,iCAEF,+BACE,qBACA,WACA,6BACA,8BAEF,sCACE,WAEF,gCACE,UAEF,wCACE,+BAEF,gDACE,0BAEF,0CACE,aACA,6BAEF,kDACE,qBAEF,8DACE,qBACA,qBAEF,kEACE,gBACA,eAEF,+DACE,qBAEF,kEACE,uBAEF,2EACE,eACA,iBAEF,gCACE,UACA,YAEF,8CACE,sBAEF,oDACE,sBAEF,qDACE,uBACA,sBAEF,qDACE,sBAEF,oDACE,sBAEF,qDACE,sBAEF,sDACE,sBAEF,sDACE,yBAEF,mDACE,qBAEF,sDACE,qBACA,aACA,cACA,qBACA,qBACA,eAEF,qDACE,aACA,uBACA,kBACA,qBACA,yBAEF,4DACE,gBACA,YACA,WACA,SACA,UACA,eAEF,2DACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,wDACE,aAEF,wDACE,gBACA,sCACA,2BAEF,kBACE,iBACA,0BAEF,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,8BACA,kBAEF,8DACE,sBAEF,8BACE,UACA,qBAEF,kCACE,gBACA,eACA,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":["*, *: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\nbody {\n font-family: Roboto, sans;\n color: #333333;\n}\n\n#backgrounds .cabezal {\n height: 25rem;\n background-image: url(\"../images/banner.jpg\");\n background-repeat: no-repeat;\n background-size: 100rem;\n background-position: top center;\n background-color: rgba(0, 0, 0, 0.4);\n}\n#backgrounds .seccion1 {\n height: 25rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 7rem;\n background-size: 100% 8rem;\n background-repeat: no-repeat;\n}\n#backgrounds .seccion2 {\n height: 27.5rem;\n background-image: url(\"../images/fondo23.png\");\n}\n#backgrounds .seccion2 .diagonal {\n border-bottom: 27.5rem solid rgba(204, 204, 204, 0.5);\n border-right: 118.75rem solid transparent;\n}\n#backgrounds .dimensiones {\n height: 27.5rem;\n background-image: url(\"../images/fondo23.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-color: #64c8ff;\n}\n#backgrounds .corporativos {\n height: 25rem;\n background-image: url(\"../images/fondo5.png\");\n}\n#backgrounds .testimonios {\n height: 21.875rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 3rem;\n background-size: 100% 5rem;\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#content {\n max-width: 67.5rem !important;\n height: 203.75rem;\n position: relative;\n top: -203.75rem;\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 background-color: rgba(100, 100, 100, 0.3) !important;\n box-shadow: none !important;\n margin: 0 !important;\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: 2rem;\n padding: 1.25rem !important;\n}\n#content #header .ui.menu .item .shopping.cart div {\n position: relative;\n color: black;\n display: inline-block;\n top: -2.6rem;\n left: 0.2rem;\n font-size: 1rem;\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: 64.375rem;\n}\n#content #header .logo .frase1 {\n font-size: 1.5rem;\n}\n#content #header .logo .frase2 {\n font-size: 1rem;\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 > .column1 #seccion1 {\n height: 25rem;\n width: 100%;\n}\n#content > .column1 #seccion1 .image-container {\n display: flex;\n justify-content: space-between;\n height: 15rem;\n}\n#content > .column1 #seccion1 .image-container img {\n height: 9.6875rem;\n width: 11.75rem;\n margin-top: 5.3125rem;\n}\n#content > .column1 #seccion1 .paragraph {\n padding-top: 1.75rem;\n line-height: 0.875rem;\n text-align: justify;\n}\n#content > .column1 #seccion1 .paragraph .header {\n margin-bottom: 1rem;\n font-size: 1.375rem;\n}\n#content > .column1 #seccion2 {\n height: 27.5rem;\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: 5rem;\n}\n#content > .column1 #seccion2 .column1 img {\n width: 19.8125rem;\n height: 19.8125rem;\n}\n#content > .column1 #seccion2 .column2 {\n margin-top: 7.125rem;\n}\n#content > .column1 #seccion2 .column2 .row:first-child {\n background-color: #00427b;\n color: white;\n height: 11.25rem;\n width: 23.75rem;\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: 1rem;\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.125rem;\n display: flex;\n justify-content: space-between;\n}\n#content > .column1 #seccion2 .column2 .row:last-child img {\n width: 4.375rem;\n height: 5.3125rem;\n}\n#content > .column1 #dimensiones {\n height: 27.5rem;\n}\n#content > .column1 #dimensiones .header {\n padding: 2.3125rem 0 !important;\n}\n#content > .column1 #dimensiones .header .bigger {\n font-size: 1rem;\n}\n#content > .column1 #dimensiones .images {\n display: flex;\n}\n#content > .column1 #dimensiones .images img {\n float: left;\n width: 19.5625rem;\n height: 14.6875rem;\n}\n#content > .column1 #construido {\n height: 21.875rem;\n}\n#content > .column1 #construido .column2 {\n height: 100%;\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: 0.75rem;\n height: 0.75rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\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}\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 #corporativos {\n width: 100%;\n height: 25rem;\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 padding: 2.3125rem 0 !important;\n}\n#content #corporativos .column1 > .header .bigger {\n font-size: 1.3333333333rem;\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: 0.75rem;\n}\n#content #corporativos .column1 .opciones .opcion .img-grande img {\n width: 8.4375rem;\n height: 12.5rem;\n}\n#content #corporativos .column1 .opciones .opcion .descripcion {\n display: inline-block;\n}\n#content #corporativos .column1 .opciones .opcion .descripcion ul {\n list-style: disc inside;\n}\n#content #corporativos .column1 .opciones .opcion .descripcion .images img {\n width: 4.375rem;\n height: 5.3125rem;\n}\n#content #corporativos .column2 {\n width: 33%;\n height: 100%;\n}\n#content #corporativos .column2 form .colores {\n vertical-align: center;\n}\n#content #corporativos .column2 form .colores .text {\n margin-right: 0.1875rem;\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: 0.75rem;\n height: 0.75rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\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 [type=text] {\n height: 1.125rem;\n background-color: rgba(255, 255, 255, 0.5);\n border-radius: 0 !important;\n}\n#content #felices {\n height: 21.875rem;\n padding: 0 1rem !important;\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-between;\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: 27.125rem;\n height: 17.5rem;\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}"]} \ No newline at end of file +{"version":3,"sources":["main.css"],"names":[],"mappings":"AAAA,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,sBACE,aACA,6CACA,4BACA,uBACA,+BACA,gCAEF,uBACE,aACA,mDACA,8BACA,0BACA,4BAEF,uBACE,eACA,8CAEF,iCACE,iDACA,yCAEF,0BACE,eACA,8CAEF,sCACE,WACA,YACA,sCAEF,yBACE,iBACA,yBAEF,2BACE,eACA,6CAEF,0BACE,iBACA,mDACA,8BACA,0BACA,4BAEF,yBACE,aACA,sBACA,sDAGF,KACE,iBACA,wBACA,WAGF,SACE,6BACA,iBACA,kBACA,eAEF,iBACE,WACA,WACA,aAEF,0BACE,uBACA,2BACA,iDACA,2BACA,oBAEF,0CAIE,WACA,eAEF,gDACE,wBAEF,gCACE,yBACA,eACA,2BAEF,mDACE,kBACA,WACA,qBACA,YACA,WACA,eACA,wBAEF,uBACE,qBACA,oBAEF,2BACE,UACA,oBAEF,+BACE,iBAEF,+BACE,eAEF,iBACE,qBACA,WACA,6BACA,8BAEF,wBACE,WAEF,kBACE,UAEF,4BACE,aACA,WAEF,6CACE,aACA,8BACA,aAEF,iDACE,iBACA,eACA,qBAEF,uCACE,oBACA,oBACA,mBAEF,+CACE,mBACA,mBAEF,4BACE,eAEF,oCACE,qBACA,WACA,UAEF,2CACE,WAEF,qCACE,gBAEF,yCACE,iBACA,kBAEF,qCACE,oBAEF,sDACE,yBACA,WACA,gBACA,eACA,aACA,kBACA,gBAEF,8DACE,iBACA,eACA,mBAEF,yDACE,uBACA,yBAEF,qDACE,oBACA,aACA,8BAEF,yDACE,eACA,iBAEF,+BACE,eAEF,uCACE,+BAEF,+CACE,eAEF,uCACE,aAEF,+CACE,WAEF,mDACE,iBACA,kBAEF,mDACE,iBACA,qBAEF,8BACE,iBAEF,uCACE,YAEF,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,aACA,cACA,qBACA,qBACA,eAEF,8EACE,cACA,eACA,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,uBACE,WACA,eACA,iCAEF,+BACE,qBACA,WACA,6BACA,8BAEF,sCACE,WAEF,gCACE,UAEF,wCACE,qBACA,wBAEF,gDACE,mBAEF,0CACE,aACA,6BAEF,kDACE,qBAEF,8DACE,qBACA,qBAEF,kEACE,gBACA,eAEF,+DACE,qBACA,mBACA,eACA,oBAEF,wEACE,cAEF,gFACE,0BACA,sBAEF,2EACE,uBAEF,uEACE,oBAEF,2EACE,eACA,iBAEF,gCACE,UACA,YAEF,wCACE,oBACA,qBACA,mBAEF,8CACE,sBAEF,oDACE,sBAEF,qDACE,uBACA,sBAEF,qDACE,sBAEF,oDACE,sBAEF,qDACE,sBAEF,sDACE,sBAEF,sDACE,yBAEF,mDACE,qBAEF,sDACE,qBACA,aACA,cACA,qBACA,qBACA,eAEF,+DACE,cACA,eACA,eAEF,0CACE,uBAEF,oDACE,mBAEF,qDACE,aACA,uBACA,kBACA,qBACA,yBAEF,4DACE,gBACA,YACA,WACA,SACA,UACA,eAEF,2DACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,wDACE,aAEF,kDACE,qBACA,cACA,eACA,qBACA,yBACA,uBACA,yBACA,kBACA,eAEF,wDACE,gBACA,sBACA,uBACA,2BAEF,8CACE,cACA,sBACA,uBACA,2BACA,mBAEF,6CACE,WACA,yBACA,WACA,uBACA,2BAEF,kBACE,iBACA,0BAEF,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,8BACA,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":["*, *: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\n#backgrounds .cabezal {\n height: 25rem;\n background-image: url(\"../images/banner.jpg\");\n background-repeat: no-repeat;\n background-size: 100rem;\n background-position: top center;\n background-color: rgba(0, 0, 0, 0.4);\n}\n#backgrounds .seccion1 {\n height: 25rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 7rem;\n background-size: 100% 8rem;\n background-repeat: no-repeat;\n}\n#backgrounds .seccion2 {\n height: 27.5rem;\n background-image: url(\"../images/fondo23.png\");\n}\n#backgrounds .seccion2 .diagonal {\n border-bottom: 27.5rem solid rgba(204, 204, 204, 0.5);\n border-right: 118.75rem solid transparent;\n}\n#backgrounds .dimensiones {\n height: 27.5rem;\n background-image: url(\"../images/fondo23.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-color: #64c8ff;\n}\n#backgrounds .corporativos {\n height: 32.5rem;\n background-image: url(\"../images/fondo5.png\");\n}\n#backgrounds .testimonios {\n height: 21.875rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 3rem;\n background-size: 100% 5rem;\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\nbody {\n height: 211.25rem;\n font-family: Roboto, sans;\n color: #333333;\n}\n\n#content {\n max-width: 67.5rem !important;\n height: 211.25rem;\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 background-color: rgba(100, 100, 100, 0.3) !important;\n box-shadow: none !important;\n margin: 0 !important;\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: 2rem;\n padding: 1.25rem !important;\n}\n#content #header .ui.menu .item .shopping.cart div {\n position: relative;\n color: black;\n display: inline-block;\n top: -2.6rem;\n left: 0.2rem;\n font-size: 1rem;\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: 64.375rem;\n}\n#content #header .logo .frase1 {\n font-size: 1.5rem;\n}\n#content #header .logo .frase2 {\n font-size: 1rem;\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 > .column1 #seccion1 {\n height: 25rem;\n width: 100%;\n}\n#content > .column1 #seccion1 .image-container {\n display: flex;\n justify-content: space-between;\n height: 15rem;\n}\n#content > .column1 #seccion1 .image-container img {\n height: 9.6875rem;\n width: 11.75rem;\n margin-top: 5.3125rem;\n}\n#content > .column1 #seccion1 .paragraph {\n padding-top: 1.75rem;\n line-height: 0.875rem;\n text-align: justify;\n}\n#content > .column1 #seccion1 .paragraph .header {\n margin-bottom: 1rem;\n font-size: 1.375rem;\n}\n#content > .column1 #seccion2 {\n height: 27.5rem;\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: 5rem;\n}\n#content > .column1 #seccion2 .column1 img {\n width: 19.8125rem;\n height: 19.8125rem;\n}\n#content > .column1 #seccion2 .column2 {\n margin-top: 7.125rem;\n}\n#content > .column1 #seccion2 .column2 .row:first-child {\n background-color: #00427b;\n color: white;\n height: 11.25rem;\n width: 23.75rem;\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: 1rem;\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.125rem;\n display: flex;\n justify-content: space-between;\n}\n#content > .column1 #seccion2 .column2 .row:last-child img {\n width: 4.375rem;\n height: 5.3125rem;\n}\n#content > .column1 #dimensiones {\n height: 27.5rem;\n}\n#content > .column1 #dimensiones .header {\n padding: 2.3125rem 0 !important;\n}\n#content > .column1 #dimensiones .header .bigger {\n font-size: 1rem;\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: 19.5625rem;\n height: 14.6875rem;\n}\n#content > .column1 #dimensiones .images .column div {\n width: 19.5625rem;\n margin-top: 1.5625rem;\n}\n#content > .column1 #construido {\n height: 21.875rem;\n}\n#content > .column1 #construido .column2 {\n height: 100%;\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: 0.75rem;\n height: 0.75rem;\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: 0.875rem;\n height: 0.875rem;\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 #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: 4.1875rem;\n margin-bottom: 2.3125rem;\n}\n#content #corporativos .column1 > .header .bigger {\n font-size: 1.625rem;\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: 0.75rem;\n}\n#content #corporativos .column1 .opciones .opcion .img-grande img {\n width: 8.4375rem;\n height: 12.5rem;\n}\n#content #corporativos .column1 .opciones .opcion .descripcion {\n display: inline-block;\n vertical-align: top;\n height: 12.5rem;\n padding-top: 1.25rem;\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.625rem;\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: 2.125rem;\n}\n#content #corporativos .column1 .opciones .opcion .descripcion .images img {\n width: 4.375rem;\n height: 5.3125rem;\n}\n#content #corporativos .column2 {\n width: 33%;\n height: 100%;\n}\n#content #corporativos .column2 .header {\n margin-top: 2.875rem;\n margin-bottom: 1.5rem;\n font-size: 1.625rem;\n}\n#content #corporativos .column2 form .colores {\n vertical-align: center;\n}\n#content #corporativos .column2 form .colores .text {\n margin-right: 0.1875rem;\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: 0.75rem;\n height: 0.75rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n}\n#content #corporativos .column2 form .colores .circle.selected {\n width: 0.875rem;\n height: 0.875rem;\n cursor: default;\n}\n#content #corporativos .column2 form .row {\n margin-bottom: 0.5625rem;\n}\n#content #corporativos .column2 form .colores.linea {\n margin-bottom: 1rem;\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: 1.5rem;\n width: 9.375rem;\n padding-top: 0.1875rem;\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.125rem;\n background-color: white;\n border: none !important;\n border-radius: 0 !important;\n}\n#content #corporativos .column2 form textarea {\n height: 4.5rem;\n background-color: white;\n border: none !important;\n border-radius: 0 !important;\n margin-bottom: 1rem;\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}\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-between;\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}"]} \ No newline at end of file diff --git a/public/index.html b/public/index.html index c3c95c5..3a9083b 100644 --- a/public/index.html +++ b/public/index.html @@ -1,2 +1 @@ -Stand
LOREM 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 eu
VENTAJAS
  • Apoyo estable del teléfono
  • Á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 EN IMPRESIÓN 3D
STAND
$ 5.990
COLOR
CORPORATIVOS Regalos y más ...
LOGO ABAJO
  • Siempre visible
  • Menor tamaño
LOGO ARRIBA
  • No se ve al apoyar el teléfono
  • Mayor tamaño
COTIZA CON NOSOSTROS
COLOR
LOGO
Cargar archivo
CLIENTES FELICES
CONVERSEMOS
ventas@3Dstand.cl
CONVERSEMOS!
scing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nosventas
\ No newline at end of file +Stand
LOREM 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 eu
VENTAJAS
  • Apoyo estable del teléfono
  • Á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
DISEÑADO Y FABRICADO EN CHILE
Fabricado en plástico de origen vegetal sin derivados del petróleo
CONSTRUIDOS EN IMPRESIÓN 3D
STAND
$ 5.990
COLOR
CORPORATIVOS Regalos y más ...
LOGO ABAJO
  • Siempre visible
  • Menor tamaño
LOGO ARRIBA
  • No se ve al apoyar el teléfono
  • Mayor tamaño
COTIZA CON NOSOTROS
COLOR
LOGO
Cargar archivo
CLIENTES FELICES
CONVERSEMOS
ventas@3Dstand.cl
CONVERSEMOS!
scing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nosventas
\ No newline at end of file