From 47c3e3924fb323251b288c6d29d9e8ceac3e6732 Mon Sep 17 00:00:00 2001 From: Aldarien Date: Tue, 12 Jan 2021 11:44:15 -0300 Subject: [PATCH] v2.0.0-beta --- assets/html/001_head.html | 15 + assets/html/002_banner.html | 39 ++ assets/html/003_descripcion.html | 23 + assets/html/004_ventajas.html | 61 +++ assets/html/005_dimensiones.html | 53 +++ assets/html/006_construido.html | 18 + assets/html/007_corporativos.html | 96 +++++ assets/html/008_testimonios.html | 25 ++ assets/html/009_contacto.html | 62 +++ assets/html/101_footer.html | 7 + assets/index.html | 367 ---------------- assets/js/main.js | 84 +++- assets/sass/_common.scss | 4 + assets/sass/_descripcion.scss | 7 + assets/sass/_dimensiones.scss | 24 ++ assets/sass/_header.scss | 35 ++ assets/sass/_phone.scss | 14 +- assets/sass/_phone_vars.scss | 4 +- assets/sass/_variables.scss | 6 +- assets/sass/_ventajas.scss | 39 ++ assets/sass/{_pc.scss => _wide.scss} | 107 +---- .../sass/{_pc_vars.scss => _wide_vars.scss} | 4 +- assets/sass/main.scss | 9 +- assets/sass/phone/_descripcion.scss | 13 + assets/sass/phone/_dimensiones.scss | 10 + assets/sass/phone/_header.scss | 30 ++ assets/sass/phone/_ventajas.scss | 12 + assets/sass/wide/_descripcion.scss | 23 + assets/sass/wide/_dimensiones.scss | 6 + assets/sass/wide/_header.scss | 26 ++ assets/sass/wide/_ventajas.scss | 10 + gulpfile.js | 16 +- .../images/{fondo4.jpg => construido.jpg} | Bin .../images/{fondo5.png => corporativo.png} | Bin .../amarillo/{P1070076.jpg => center.jpg} | Bin .../amarillo/{P1070053.jpg => left-small.jpg} | Bin .../fotos/amarillo/{P1070062.jpg => left.jpg} | Bin .../amarillo/{P1070095.jpg => right.jpg} | Bin .../fotos/azul/{P1070084.jpg => center.jpg} | Bin .../azul/{P1070060.jpg => left-small.jpg} | Bin .../fotos/azul/{P1070074.jpg => left.jpg} | Bin .../fotos/azul/{P1070097.jpg => right.jpg} | Bin .../fotos/blanco/{P1070075.jpg => center.jpg} | Bin .../blanco/{P1070052.jpg => left-small.jpg} | Bin .../fotos/blanco/{P1070061.jpg => left.jpg} | Bin .../fotos/blanco/{P1070096.jpg => right.jpg} | Bin .../celeste/{P1070083.jpg => center.jpg} | Bin .../celeste/{P1070059.jpg => left-small.jpg} | Bin .../fotos/celeste/{P1070073.jpg => left.jpg} | Bin .../fotos/celeste/{P1070098.jpg => right.jpg} | Bin .../naranjo/{P1070082.jpg => center.jpg} | Bin .../naranjo/{P1070058.jpg => left-small.jpg} | Bin .../fotos/naranjo/{P1070072.jpg => left.jpg} | Bin .../fotos/naranjo/{P1070099.jpg => right.jpg} | Bin .../fotos/negro/{P1070078.jpg => center.jpg} | Bin .../negro/{P1070055.jpg => left-small.jpg} | Bin .../fotos/negro/{P1070064.jpg => left.jpg} | Bin .../fotos/negro/{P1070091.jpg => right.jpg} | Bin .../petroleo/{P1070081.jpg => center.jpg} | Bin .../petroleo/{P1070057.jpg => left-small.jpg} | Bin .../fotos/petroleo/{P1070071.jpg => left.jpg} | Bin .../petroleo/{P1070089.jpg => right.jpg} | Bin .../fotos/rojo/{P1070077.jpg => center.jpg} | Bin .../rojo/{P1070054.jpg => left-small.jpg} | Bin .../fotos/rojo/{P1070063.jpg => left.jpg} | Bin .../fotos/rojo/{P1070090.jpg => right.jpg} | Bin .../fotos/verde/{P1070079.jpg => center.jpg} | Bin .../verde/{P1070056.jpg => left-small.jpg} | Bin .../fotos/verde/{P1070070.jpg => left.jpg} | Bin .../fotos/verde/{P1070094.jpg => right.jpg} | Bin .../images/{fondo23.png => tripode.png} | Bin public/assets/scripts/main.js | 84 +++- public/assets/scripts/main.min.js | 2 +- public/assets/scripts/maps/main.min.js.map | 2 +- public/assets/styles/main.css | 397 +++++++++++++----- public/assets/styles/main.min.css | 2 +- public/assets/styles/maps/main.min.css.map | 2 +- public/index.html | 14 +- 78 files changed, 1165 insertions(+), 587 deletions(-) create mode 100644 assets/html/001_head.html create mode 100644 assets/html/002_banner.html create mode 100644 assets/html/003_descripcion.html create mode 100644 assets/html/004_ventajas.html create mode 100644 assets/html/005_dimensiones.html create mode 100644 assets/html/006_construido.html create mode 100644 assets/html/007_corporativos.html create mode 100644 assets/html/008_testimonios.html create mode 100644 assets/html/009_contacto.html create mode 100644 assets/html/101_footer.html delete mode 100644 assets/index.html create mode 100644 assets/sass/_common.scss create mode 100644 assets/sass/_descripcion.scss create mode 100644 assets/sass/_dimensiones.scss create mode 100644 assets/sass/_header.scss create mode 100644 assets/sass/_ventajas.scss rename assets/sass/{_pc.scss => _wide.scss} (86%) rename assets/sass/{_pc_vars.scss => _wide_vars.scss} (93%) create mode 100644 assets/sass/phone/_descripcion.scss create mode 100644 assets/sass/phone/_dimensiones.scss create mode 100644 assets/sass/phone/_header.scss create mode 100644 assets/sass/phone/_ventajas.scss create mode 100644 assets/sass/wide/_descripcion.scss create mode 100644 assets/sass/wide/_dimensiones.scss create mode 100644 assets/sass/wide/_header.scss create mode 100644 assets/sass/wide/_ventajas.scss rename public/assets/images/{fondo4.jpg => construido.jpg} (100%) rename public/assets/images/{fondo5.png => corporativo.png} (100%) rename public/assets/images/fotos/amarillo/{P1070076.jpg => center.jpg} (100%) rename public/assets/images/fotos/amarillo/{P1070053.jpg => left-small.jpg} (100%) rename public/assets/images/fotos/amarillo/{P1070062.jpg => left.jpg} (100%) rename public/assets/images/fotos/amarillo/{P1070095.jpg => right.jpg} (100%) rename public/assets/images/fotos/azul/{P1070084.jpg => center.jpg} (100%) rename public/assets/images/fotos/azul/{P1070060.jpg => left-small.jpg} (100%) rename public/assets/images/fotos/azul/{P1070074.jpg => left.jpg} (100%) rename public/assets/images/fotos/azul/{P1070097.jpg => right.jpg} (100%) rename public/assets/images/fotos/blanco/{P1070075.jpg => center.jpg} (100%) rename public/assets/images/fotos/blanco/{P1070052.jpg => left-small.jpg} (100%) rename public/assets/images/fotos/blanco/{P1070061.jpg => left.jpg} (100%) rename public/assets/images/fotos/blanco/{P1070096.jpg => right.jpg} (100%) rename public/assets/images/fotos/celeste/{P1070083.jpg => center.jpg} (100%) rename public/assets/images/fotos/celeste/{P1070059.jpg => left-small.jpg} (100%) rename public/assets/images/fotos/celeste/{P1070073.jpg => left.jpg} (100%) rename public/assets/images/fotos/celeste/{P1070098.jpg => right.jpg} (100%) rename public/assets/images/fotos/naranjo/{P1070082.jpg => center.jpg} (100%) rename public/assets/images/fotos/naranjo/{P1070058.jpg => left-small.jpg} (100%) rename public/assets/images/fotos/naranjo/{P1070072.jpg => left.jpg} (100%) rename public/assets/images/fotos/naranjo/{P1070099.jpg => right.jpg} (100%) rename public/assets/images/fotos/negro/{P1070078.jpg => center.jpg} (100%) rename public/assets/images/fotos/negro/{P1070055.jpg => left-small.jpg} (100%) rename public/assets/images/fotos/negro/{P1070064.jpg => left.jpg} (100%) rename public/assets/images/fotos/negro/{P1070091.jpg => right.jpg} (100%) rename public/assets/images/fotos/petroleo/{P1070081.jpg => center.jpg} (100%) rename public/assets/images/fotos/petroleo/{P1070057.jpg => left-small.jpg} (100%) rename public/assets/images/fotos/petroleo/{P1070071.jpg => left.jpg} (100%) rename public/assets/images/fotos/petroleo/{P1070089.jpg => right.jpg} (100%) rename public/assets/images/fotos/rojo/{P1070077.jpg => center.jpg} (100%) rename public/assets/images/fotos/rojo/{P1070054.jpg => left-small.jpg} (100%) rename public/assets/images/fotos/rojo/{P1070063.jpg => left.jpg} (100%) rename public/assets/images/fotos/rojo/{P1070090.jpg => right.jpg} (100%) rename public/assets/images/fotos/verde/{P1070079.jpg => center.jpg} (100%) rename public/assets/images/fotos/verde/{P1070056.jpg => left-small.jpg} (100%) rename public/assets/images/fotos/verde/{P1070070.jpg => left.jpg} (100%) rename public/assets/images/fotos/verde/{P1070094.jpg => right.jpg} (100%) rename public/assets/images/{fondo23.png => tripode.png} (100%) diff --git a/assets/html/001_head.html b/assets/html/001_head.html new file mode 100644 index 0000000..b8f74a1 --- /dev/null +++ b/assets/html/001_head.html @@ -0,0 +1,15 @@ + + + + + Stand Chile + + + + + + + + + + diff --git a/assets/html/002_banner.html b/assets/html/002_banner.html new file mode 100644 index 0000000..f840193 --- /dev/null +++ b/assets/html/002_banner.html @@ -0,0 +1,39 @@ + diff --git a/assets/html/003_descripcion.html b/assets/html/003_descripcion.html new file mode 100644 index 0000000..8a7cbdc --- /dev/null +++ b/assets/html/003_descripcion.html @@ -0,0 +1,23 @@ +
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+ 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 +
+
+
+
diff --git a/assets/html/004_ventajas.html b/assets/html/004_ventajas.html new file mode 100644 index 0000000..4ae0ef8 --- /dev/null +++ b/assets/html/004_ventajas.html @@ -0,0 +1,61 @@ +
+
+
+
+
+ VENTAJAS +
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+ +
+ Apoyo estable para el dispositivo +
+
+
+
+ +
+ Ángulo preciso de inclinación para usar en conferencias +
+
+
+
+
+
+ +
+ Compatible con tablets, permite cargar mientras se usa +
+
+
+
+ +
+ Diseño moderno y minimalista +
+
+
+
+
+
+
+
+
diff --git a/assets/html/005_dimensiones.html b/assets/html/005_dimensiones.html new file mode 100644 index 0000000..9b6735c --- /dev/null +++ b/assets/html/005_dimensiones.html @@ -0,0 +1,53 @@ +
+
+
+
+
+ DIMENSIONES Y COLORES +
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+
diff --git a/assets/html/006_construido.html b/assets/html/006_construido.html new file mode 100644 index 0000000..db08823 --- /dev/null +++ b/assets/html/006_construido.html @@ -0,0 +1,18 @@ +
+
+
+
+ CONSTRUIDOS CON IMPRESIÓN 3D +
+
+ +
+ Diseñado y fabricado en Chile +
+ +
+ Fabricado en plástico de orien vegetal sin derivados del petróleo +
+
+
+
diff --git a/assets/html/007_corporativos.html b/assets/html/007_corporativos.html new file mode 100644 index 0000000..238a42a --- /dev/null +++ b/assets/html/007_corporativos.html @@ -0,0 +1,96 @@ +
+
+
+
+ CORPORATIVOS +
+
+
+
+ +
+
+
+ LOGO ABAJO +
+
    +
  • Siempre visible
    • +
  • Menor tamaño
    • +
+
+
+
+
+ +
+
+
+ LOGO ARRIBA +
+
    +
  • Mayor tamaño
    • +
  • No se ve al apoyar el teléfono
    • +
+
+
+
+
+
+
+ COTIZA CON NOSOTROS +
+
+
+
+ LOGO + +
+
+
+
+
+ + COLOR +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
diff --git a/assets/html/008_testimonios.html b/assets/html/008_testimonios.html new file mode 100644 index 0000000..a5cfaa4 --- /dev/null +++ b/assets/html/008_testimonios.html @@ -0,0 +1,25 @@ +
+
+
+ CLIENTES FELICES +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/assets/html/009_contacto.html b/assets/html/009_contacto.html new file mode 100644 index 0000000..ae7112e --- /dev/null +++ b/assets/html/009_contacto.html @@ -0,0 +1,62 @@ +
+
+
+
+
+
+
+ +
+
+
+
+ +
+ + CONVERSEMOS +
+ +
+ + contacto@3dstand.cl + +
+ + + + + + + + + + + + + + +
+
+
+
+
+
+ CONVERSEMOS! + + + +
+
+ scing elit, sed do eiusmod tempor incididunt ut labore et + dolore magna aliqua. Ut enim ad minim veniam, quis nosventas +
+
+ + + + +
+
+
+
+
diff --git a/assets/html/101_footer.html b/assets/html/101_footer.html new file mode 100644 index 0000000..c504aab --- /dev/null +++ b/assets/html/101_footer.html @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/index.html b/assets/index.html deleted file mode 100644 index ae3f5dc..0000000 --- a/assets/index.html +++ /dev/null @@ -1,367 +0,0 @@ - - - - - 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 -
-
-
-
- LOGO - -
-
-
-
-
- - COLOR -
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
- -
-
-
- -
-
- 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 -
-
- - - - -
-
-
-
- - - - - - - diff --git a/assets/js/main.js b/assets/js/main.js index ab1700c..e9df0ad 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -1,3 +1,42 @@ +let available_colors = { + white: { + name: 'blanco', + rgb: 'rgb(255, 255, 255)' + }, + black: { + name: 'negro', + rgb: 'rgb(0, 0, 0)' + }, + blue: { + name: 'azul', + rgb: 'rgb(0, 0, 255)' + }, + petrol: { + name: 'petroleo', + rgb: 'rgb(0, 0, 150)' + }, + cyan: { + name: 'celeste', + rgb: 'rgb(150, 150, 255)' + }, + green: { + name: 'verde', + rgb: 'rgb(0, 255, 0)' + }, + yellow: { + name: 'amarillo', + rgb: 'rgb(255, 255, 0)' + }, + orange: { + name: 'naranjo', + rgb: 'rgb(255, 130, 0)' + }, + red: { + name: 'rojo', + rgb: 'rgb(255, 0, 0)' + } +} + class Amount { constructor(elem) { this.elem = elem @@ -113,6 +152,47 @@ class Colors { } } +let ventajas = { + elem: $('#ventajas'), + setup: function() { + let h = this.elem.css('height') + let w = this.elem.css('width') + + this.elem.find('.diagonal').css('borderBottomWidth', h) + this.elem.find('.diagonal').css('borderRightWidth', w) + } +} +let dimensiones = { + colors: available_colors, + picked: 'blue', + elem: $('#dimensiones'), + setup: function() { + this.elem.find('.colores .circle').each((i, el) => { + let color = $(el).attr('class').split(' ')[0] + if (color == 'petrol' || color == 'cyan') { + $(el).css('background-color', this.colors[color]['rgb']) + } + $(el).click((e) => { + this.change_color(color) + }) + }) + }, + change_color: function(color) { + this.picked = this.colors[color]['name'] + this.elem.find('.colores .circle').each((i, el) => { + $(el).removeClass('selected') + }) + this.elem.find('.colores .' + color + '.circle').addClass('selected') + this.change_images(this.colors[color]['name']) + }, + change_images: function(color) { + this.elem.find('.fotos img').each((i, el) => { + let pos = $(el).attr('class') + $(el).attr('src', './assets/images/fotos/' + color + '/' + pos + '.jpg') + }) + } +} + let smtp = { SecureToken: '4adcdc1f-6b6e-4e60-ab72-20da4c329b09', From: 'contacto@3dstand.cl' @@ -252,7 +332,7 @@ let testimonios = { $(document).ready(function() { - $('.menu.sticky').sticky() + $('#menu.sticky').sticky() $('.column2 .sticky').sticky({ context: '#column' }) @@ -260,6 +340,8 @@ $(document).ready(function() { $('.shopping.cart').innerText = 0 + ventajas.setup() + dimensiones.setup() let sticky_amount = new Amount($('.sticky .input input[name="cantidad"]')) let sticky_color = new Colors($('.sticky .colores'), true) sticky_form.setup() diff --git a/assets/sass/_common.scss b/assets/sass/_common.scss new file mode 100644 index 0000000..0cdf020 --- /dev/null +++ b/assets/sass/_common.scss @@ -0,0 +1,4 @@ +@import 'header'; +@import 'descripcion'; +@import 'ventajas'; +@import 'dimensiones'; diff --git a/assets/sass/_descripcion.scss b/assets/sass/_descripcion.scss new file mode 100644 index 0000000..00e5ffa --- /dev/null +++ b/assets/sass/_descripcion.scss @@ -0,0 +1,7 @@ +#descripcion { + background-image: linear-gradient($gris, $gris); + + .images { + text-align: center; + } +} diff --git a/assets/sass/_dimensiones.scss b/assets/sass/_dimensiones.scss new file mode 100644 index 0000000..b320040 --- /dev/null +++ b/assets/sass/_dimensiones.scss @@ -0,0 +1,24 @@ +#dimensiones { + position: relative; + + background-image: $fondo_ventajas_dimensiones; + + .fondo-gris { + position: absolute; + + width: 100%; + height: 100%; + background-color: rgba($gris, .5); + } + + .left.column { + &>.grid { + &>.column:first-child { + min-width: 33% !important; + } + &>.column:last-child { + min-width: 67% !important; + } + } + } +} diff --git a/assets/sass/_header.scss b/assets/sass/_header.scss new file mode 100644 index 0000000..5ef0e2a --- /dev/null +++ b/assets/sass/_header.scss @@ -0,0 +1,35 @@ +#header { + background-image: $fondo_cabezal; + background-repeat: no-repeat; + background-color: rgba(0, 0, 0, .4); + background-blend-mode: multiply; + + color: $blanco; + + .container { + #menu { + background: none !important; + border: none !important; + box-shadow: none !important; + + .right.menu { + .item { + .shopping.cart { + .cantidad { + position: relative; + color: $blanco; + } + } + } + } + } + .segment { + margin: 0 !important; + #logo { + img { + width: 50%; + } + } + } + } +} diff --git a/assets/sass/_phone.scss b/assets/sass/_phone.scss index 753663e..4b5940e 100644 --- a/assets/sass/_phone.scss +++ b/assets/sass/_phone.scss @@ -1,5 +1,15 @@ @import 'phone_vars'; +@import 'phone/header'; +@import 'phone/descripcion'; +@import 'phone/ventajas'; +@import 'phone/dimensiones'; + +.left.column { + width: 75%; + padding-left: rem(5) !important; +} + #backgrounds { .cabezal { height: (map.get($heights, 'cabezal'))+rem; @@ -22,7 +32,7 @@ .seccion2 { height: (map.get($heights, "seccion2"))+rem; - background-image: $fondo_seccion23; + background-image: $fondo_ventajas_dimensiones; .diagonal { border-bottom: (map.get($heights, 'seccion2'))+rem solid rgba($gris, .5); @@ -32,7 +42,7 @@ .dimensiones { height: (map.get($heights, "dimensiones"))+rem; - background-image: $fondo_seccion23; + background-image: $fondo_ventajas_dimensiones; .fondo-gris { width: 100%; height: 100%; diff --git a/assets/sass/_phone_vars.scss b/assets/sass/_phone_vars.scss index d921d40..6537d10 100644 --- a/assets/sass/_phone_vars.scss +++ b/assets/sass/_phone_vars.scss @@ -8,8 +8,8 @@ $full_width: 600; $heights: ( "cabezal": (400/16), - "seccion1": 25, - "seccion2": 27.5, + "descripcion": 25, + "ventajas": 27.5, "dimensiones": 27.5, "construido": 21.875, "corporativos": (520/16), diff --git a/assets/sass/_variables.scss b/assets/sass/_variables.scss index 646b49a..20e3916 100644 --- a/assets/sass/_variables.scss +++ b/assets/sass/_variables.scss @@ -12,6 +12,6 @@ $font_family: Roboto, sans; // Fondos $fondo_cabezal: url('../images/banner.jpg'); -$fondo_seccion23: url('../images/fondo23.png'); -$fondo_construido: url('../images/fondo4.jpg'); -$fondo_corporativo: url('../images/fondo5.png'); +$fondo_ventajas_dimensiones: url('../images/tripode.png'); +$fondo_construido: url('../images/construido.jpg'); +$fondo_corporativo: url('../images/corporativo.png'); diff --git a/assets/sass/_ventajas.scss b/assets/sass/_ventajas.scss new file mode 100644 index 0000000..923e680 --- /dev/null +++ b/assets/sass/_ventajas.scss @@ -0,0 +1,39 @@ +#ventajas { + position: relative; + + background-image: $fondo_ventajas_dimensiones; + + .diagonal { + position: absolute; + background-blend-mode: color; + } + .gallery { + position: relative; + + text-align: center; + + .image { + max-height: inherit; + img { + max-height: inherit; + + margin: auto; + } + } + + .nav { + position: absolute; + } + .nav.left { + top: 50%; + left: 0; + } + .nav.right { + top: 50%; + right: 0; + } + &::after { + clear: both; + } + } +} diff --git a/assets/sass/_pc.scss b/assets/sass/_wide.scss similarity index 86% rename from assets/sass/_pc.scss rename to assets/sass/_wide.scss index 484f003..0e5f628 100644 --- a/assets/sass/_pc.scss +++ b/assets/sass/_wide.scss @@ -1,28 +1,25 @@ -@import 'pc_vars'; +@import 'wide_vars'; +@import 'wide/header'; +@import 'wide/descripcion'; +@import 'wide/ventajas'; +@import 'wide/dimensiones'; + +.left.column { + width: 67%; + padding-left: rem(5) !important; +} + +section .titulo { + font-size: font_size(22); + padding-top: rem(54); + padding-bottom: rem(25); +} #backgrounds { - .cabezal { - height: (map.get($heights, 'cabezal'))+rem; - - background-image: $fondo_cabezal; - background-repeat: no-repeat; - background-size: rem(1600); - background-position: bottom rem(-40) center; - background-color: rgba(0, 0, 0, .4); - background-blend-mode: multiply; - } - .seccion1 { - height: (map.get($heights, "seccion1"))+rem; - - background-image: linear-gradient($gris, $gris); - background-position: left rem(112); - background-size: 100% rem(128); - background-repeat: no-repeat; - } .seccion2 { height: (map.get($heights, "seccion2"))+rem; - background-image: $fondo_seccion23; + background-image: $fondo_ventajas_dimensiones; .diagonal { border-bottom: (map.get($heights, 'seccion2'))+rem solid rgba($gris, .5); @@ -32,7 +29,7 @@ .dimensiones { height: (map.get($heights, "dimensiones"))+rem; - background-image: $fondo_seccion23; + background-image: $fondo_ventajas_dimensiones; .fondo-gris { width: 100%; height: 100%; @@ -64,14 +61,7 @@ } } -html { - height: ($content_height)+rem; - overflow: hidden; -} - body { - height: ($content_height)+rem; - font-family: $font_family; color: $gris_standard; } @@ -82,66 +72,6 @@ body { position: relative; top: (-$content_height)+rem; - #header { - color: rgb(255, 255, 255); - - width: 100%; - height: (map.get($heights, 'cabezal'))+rem; - - .ui.menu { - border: none !important; - background: none !important; - //background-color: rgba(100, 100, 100, .3) !important; - box-shadow: none !important; - margin: 0 !important; - color: rgb(0, 0, 0); - - .dropdown .menu { - /*background: none !important; - border: none !important; - box-shadow: none !important;*/ - color: rgb(0, 0, 0); - font-size: 1rem; - .item { - padding: 1rem !important; - } - } - - .item { - color: inherit !important; - font-size: 2rem; - - padding: rem(20) !important; - - .shopping.cart div { - position: relative; - color: rgb(255, 255, 255); - display: inline-block; - top: -2.6rem; - left: 0.2rem; - font-size: 1rem; - font-family: Roboto, sans; - } - } - } - - .logo { - padding: 0 !important; - margin: 0 !important; - - img { - width: 50%; - max-width: rem(1030); - } - .frase1 { - font-size: 1.5rem; - } - .frase2 { - font-size: 1rem; - } - } - } - &>.column { display: inline-block; float: left; @@ -212,7 +142,6 @@ body { width: rem(380); padding: 2rem; margin-left: -3rem; - overflow: hidden; .header { font-weight: bold; diff --git a/assets/sass/_pc_vars.scss b/assets/sass/_wide_vars.scss similarity index 93% rename from assets/sass/_pc_vars.scss rename to assets/sass/_wide_vars.scss index 85180af..bfc678c 100644 --- a/assets/sass/_pc_vars.scss +++ b/assets/sass/_wide_vars.scss @@ -8,8 +8,8 @@ $full_width: 1080; $heights: ( "cabezal": (500/16), - "seccion1": 25, - "seccion2": 27.5, + "descripcion": 25, + "ventajas": 27.5, "dimensiones": 27.5, "construido": 21.875, "corporativos": (520/16), diff --git a/assets/sass/main.scss b/assets/sass/main.scss index c9b8f23..ec2a382 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -1,9 +1,16 @@ @use "sass:map"; @import 'reset'; +@import 'variables'; + +html { + font-family: $font_family; +} + +@import 'common'; @media screen and (max-width: 800px) { @import 'phone'; } @media screen and (min-width: 800px) { - @import 'pc'; + @import 'wide'; } diff --git a/assets/sass/phone/_descripcion.scss b/assets/sass/phone/_descripcion.scss new file mode 100644 index 0000000..62db7e8 --- /dev/null +++ b/assets/sass/phone/_descripcion.scss @@ -0,0 +1,13 @@ +#descripcion { + .paragraph { + padding-top: rem(18); + line-height: rem(14); + text-align: justify; + + .header { + margin-bottom: rem(6); + font-size: font_size(18); + } + } + padding-bottom: rem(5); +} diff --git a/assets/sass/phone/_dimensiones.scss b/assets/sass/phone/_dimensiones.scss new file mode 100644 index 0000000..13066d8 --- /dev/null +++ b/assets/sass/phone/_dimensiones.scss @@ -0,0 +1,10 @@ +#dimensiones { + .header { + font-size: font_size(22); + padding-top: rem(54); + padding-bottom: rem(25); + } + + $circle_radius: 15; + @include colors; +} diff --git a/assets/sass/phone/_header.scss b/assets/sass/phone/_header.scss new file mode 100644 index 0000000..2d395d7 --- /dev/null +++ b/assets/sass/phone/_header.scss @@ -0,0 +1,30 @@ +#header { + height: (map.get($heights, 'cabezal'))+rem; + + background-size: 160%; + background-position: bottom rem(-10) center; + + .container { + #menu { + font-size: font_size(16); + .right.menu { + .item { + .shopping.cart { + .cantidad { + top: rem(-20); + left: rem(1.6); + font-size: font_size(8); + } + } + } + } + } + .segment { + #logo { + img { + max-width: rem($full_width); + } + } + } + } +} diff --git a/assets/sass/phone/_ventajas.scss b/assets/sass/phone/_ventajas.scss new file mode 100644 index 0000000..b907dff --- /dev/null +++ b/assets/sass/phone/_ventajas.scss @@ -0,0 +1,12 @@ +#ventajas { + //height: (map.get($heights, "ventajas"))+rem; + + .diagonal { + border-bottom: 100% solid rgba($gris, .5); + border-right: 100% solid transparent; + } + + .gallery { + max-height: (map.get($heights, 'ventajas')-32/16)+rem; + } +} diff --git a/assets/sass/wide/_descripcion.scss b/assets/sass/wide/_descripcion.scss new file mode 100644 index 0000000..3d4fa01 --- /dev/null +++ b/assets/sass/wide/_descripcion.scss @@ -0,0 +1,23 @@ +#descripcion { + height: (map.get($heights, "descripcion"))+rem; + + background-position: left rem(112); + background-size: 100% rem(128); + background-repeat: no-repeat; + + .images { + .image { + max-width: 33%; + } + } + .paragraph { + padding-top: rem(28); + line-height: rem(14); + text-align: justify; + + .header { + margin-bottom: rem(16); + font-size: font_size(22/16*12); + } + } +} diff --git a/assets/sass/wide/_dimensiones.scss b/assets/sass/wide/_dimensiones.scss new file mode 100644 index 0000000..94cea2c --- /dev/null +++ b/assets/sass/wide/_dimensiones.scss @@ -0,0 +1,6 @@ +#dimensiones { + margin-top: rem(15); + + $circle_radius: 20; + @include colors; +} diff --git a/assets/sass/wide/_header.scss b/assets/sass/wide/_header.scss new file mode 100644 index 0000000..e048f38 --- /dev/null +++ b/assets/sass/wide/_header.scss @@ -0,0 +1,26 @@ +#header { + height: (map.get($heights, 'cabezal'))+rem; + + background-size: 160%; + background-position: bottom rem(-40) center; + + .container { + #menu { + i { + font-size: font-size(24); + } + .right.menu { + .item { + .shopping.cart { + .cantidad { + font-size: font-size(12); + font-family: $font_family; + top: rem(-28); + left: rem(3.2); + } + } + } + } + } + } +} diff --git a/assets/sass/wide/_ventajas.scss b/assets/sass/wide/_ventajas.scss new file mode 100644 index 0000000..8a519d9 --- /dev/null +++ b/assets/sass/wide/_ventajas.scss @@ -0,0 +1,10 @@ +#ventajas { + .diagonal { + border-bottom: (map.get($heights, 'ventajas'))+rem solid rgba($gris, .5); + border-right: rem(1900) solid transparent; + } + + .gallery { + max-height: (map.get($heights, 'ventajas')-32/16)+rem; + } +} diff --git a/gulpfile.js b/gulpfile.js index 9bcd21b..d21223e 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -7,12 +7,14 @@ const sass = require('gulp-dart-sass') const babel = require('gulp-babel') const uglify = require('gulp-uglify') const htmlmin = require('gulp-htmlmin') +//const changed = require('gulp-changed') +//const image = require('gulp-image') let source_dir = 'assets' let output_dir = 'public/assets' function js(done) { - return src(path.join(source_dir, 'js', '*.js')) + return src(path.join(source_dir, 'js', '**', '*.js')) .pipe(concat('main.js')) .pipe(dest(path.join(output_dir, 'scripts'))) .pipe(sourcemaps.init({loadMaps: true})) @@ -26,7 +28,7 @@ function js(done) { } function css(done) { - return src([path.join(source_dir, 'sass', '*.scss'), path.join(source_dir, 'sass', '*.sass')]) + return src(path.join(source_dir, 'sass', 'main.scss')) .pipe(sass()) .pipe(rename('main.css')) .pipe(dest(path.join(output_dir, 'styles'))) @@ -38,12 +40,20 @@ function css(done) { } function html(done) { - return src(path.join(source_dir, '*.html')) + return src(path.join(source_dir, 'html', '**', '*.html')) + .pipe(concat('index.html')) .pipe(htmlmin({collapseWhitespace: true})) .pipe(rename('index.html')) .pipe(dest(path.join(output_dir, '../'))) } +function images(done) { + return src(path.join(source_dir, 'images', '*.*')) + .pipe(changed(path.join(output_dir, 'images'))) + .pipe(image()) + .pipe(dest(path.join(output_dir, 'images'))) +} + exports.watch = watch(source_dir, parallel(js, css, html)) exports.default = parallel(js, css, html) diff --git a/public/assets/images/fondo4.jpg b/public/assets/images/construido.jpg similarity index 100% rename from public/assets/images/fondo4.jpg rename to public/assets/images/construido.jpg diff --git a/public/assets/images/fondo5.png b/public/assets/images/corporativo.png similarity index 100% rename from public/assets/images/fondo5.png rename to public/assets/images/corporativo.png diff --git a/public/assets/images/fotos/amarillo/P1070076.jpg b/public/assets/images/fotos/amarillo/center.jpg similarity index 100% rename from public/assets/images/fotos/amarillo/P1070076.jpg rename to public/assets/images/fotos/amarillo/center.jpg diff --git a/public/assets/images/fotos/amarillo/P1070053.jpg b/public/assets/images/fotos/amarillo/left-small.jpg similarity index 100% rename from public/assets/images/fotos/amarillo/P1070053.jpg rename to public/assets/images/fotos/amarillo/left-small.jpg diff --git a/public/assets/images/fotos/amarillo/P1070062.jpg b/public/assets/images/fotos/amarillo/left.jpg similarity index 100% rename from public/assets/images/fotos/amarillo/P1070062.jpg rename to public/assets/images/fotos/amarillo/left.jpg diff --git a/public/assets/images/fotos/amarillo/P1070095.jpg b/public/assets/images/fotos/amarillo/right.jpg similarity index 100% rename from public/assets/images/fotos/amarillo/P1070095.jpg rename to public/assets/images/fotos/amarillo/right.jpg diff --git a/public/assets/images/fotos/azul/P1070084.jpg b/public/assets/images/fotos/azul/center.jpg similarity index 100% rename from public/assets/images/fotos/azul/P1070084.jpg rename to public/assets/images/fotos/azul/center.jpg diff --git a/public/assets/images/fotos/azul/P1070060.jpg b/public/assets/images/fotos/azul/left-small.jpg similarity index 100% rename from public/assets/images/fotos/azul/P1070060.jpg rename to public/assets/images/fotos/azul/left-small.jpg diff --git a/public/assets/images/fotos/azul/P1070074.jpg b/public/assets/images/fotos/azul/left.jpg similarity index 100% rename from public/assets/images/fotos/azul/P1070074.jpg rename to public/assets/images/fotos/azul/left.jpg diff --git a/public/assets/images/fotos/azul/P1070097.jpg b/public/assets/images/fotos/azul/right.jpg similarity index 100% rename from public/assets/images/fotos/azul/P1070097.jpg rename to public/assets/images/fotos/azul/right.jpg diff --git a/public/assets/images/fotos/blanco/P1070075.jpg b/public/assets/images/fotos/blanco/center.jpg similarity index 100% rename from public/assets/images/fotos/blanco/P1070075.jpg rename to public/assets/images/fotos/blanco/center.jpg diff --git a/public/assets/images/fotos/blanco/P1070052.jpg b/public/assets/images/fotos/blanco/left-small.jpg similarity index 100% rename from public/assets/images/fotos/blanco/P1070052.jpg rename to public/assets/images/fotos/blanco/left-small.jpg diff --git a/public/assets/images/fotos/blanco/P1070061.jpg b/public/assets/images/fotos/blanco/left.jpg similarity index 100% rename from public/assets/images/fotos/blanco/P1070061.jpg rename to public/assets/images/fotos/blanco/left.jpg diff --git a/public/assets/images/fotos/blanco/P1070096.jpg b/public/assets/images/fotos/blanco/right.jpg similarity index 100% rename from public/assets/images/fotos/blanco/P1070096.jpg rename to public/assets/images/fotos/blanco/right.jpg diff --git a/public/assets/images/fotos/celeste/P1070083.jpg b/public/assets/images/fotos/celeste/center.jpg similarity index 100% rename from public/assets/images/fotos/celeste/P1070083.jpg rename to public/assets/images/fotos/celeste/center.jpg diff --git a/public/assets/images/fotos/celeste/P1070059.jpg b/public/assets/images/fotos/celeste/left-small.jpg similarity index 100% rename from public/assets/images/fotos/celeste/P1070059.jpg rename to public/assets/images/fotos/celeste/left-small.jpg diff --git a/public/assets/images/fotos/celeste/P1070073.jpg b/public/assets/images/fotos/celeste/left.jpg similarity index 100% rename from public/assets/images/fotos/celeste/P1070073.jpg rename to public/assets/images/fotos/celeste/left.jpg diff --git a/public/assets/images/fotos/celeste/P1070098.jpg b/public/assets/images/fotos/celeste/right.jpg similarity index 100% rename from public/assets/images/fotos/celeste/P1070098.jpg rename to public/assets/images/fotos/celeste/right.jpg diff --git a/public/assets/images/fotos/naranjo/P1070082.jpg b/public/assets/images/fotos/naranjo/center.jpg similarity index 100% rename from public/assets/images/fotos/naranjo/P1070082.jpg rename to public/assets/images/fotos/naranjo/center.jpg diff --git a/public/assets/images/fotos/naranjo/P1070058.jpg b/public/assets/images/fotos/naranjo/left-small.jpg similarity index 100% rename from public/assets/images/fotos/naranjo/P1070058.jpg rename to public/assets/images/fotos/naranjo/left-small.jpg diff --git a/public/assets/images/fotos/naranjo/P1070072.jpg b/public/assets/images/fotos/naranjo/left.jpg similarity index 100% rename from public/assets/images/fotos/naranjo/P1070072.jpg rename to public/assets/images/fotos/naranjo/left.jpg diff --git a/public/assets/images/fotos/naranjo/P1070099.jpg b/public/assets/images/fotos/naranjo/right.jpg similarity index 100% rename from public/assets/images/fotos/naranjo/P1070099.jpg rename to public/assets/images/fotos/naranjo/right.jpg diff --git a/public/assets/images/fotos/negro/P1070078.jpg b/public/assets/images/fotos/negro/center.jpg similarity index 100% rename from public/assets/images/fotos/negro/P1070078.jpg rename to public/assets/images/fotos/negro/center.jpg diff --git a/public/assets/images/fotos/negro/P1070055.jpg b/public/assets/images/fotos/negro/left-small.jpg similarity index 100% rename from public/assets/images/fotos/negro/P1070055.jpg rename to public/assets/images/fotos/negro/left-small.jpg diff --git a/public/assets/images/fotos/negro/P1070064.jpg b/public/assets/images/fotos/negro/left.jpg similarity index 100% rename from public/assets/images/fotos/negro/P1070064.jpg rename to public/assets/images/fotos/negro/left.jpg diff --git a/public/assets/images/fotos/negro/P1070091.jpg b/public/assets/images/fotos/negro/right.jpg similarity index 100% rename from public/assets/images/fotos/negro/P1070091.jpg rename to public/assets/images/fotos/negro/right.jpg diff --git a/public/assets/images/fotos/petroleo/P1070081.jpg b/public/assets/images/fotos/petroleo/center.jpg similarity index 100% rename from public/assets/images/fotos/petroleo/P1070081.jpg rename to public/assets/images/fotos/petroleo/center.jpg diff --git a/public/assets/images/fotos/petroleo/P1070057.jpg b/public/assets/images/fotos/petroleo/left-small.jpg similarity index 100% rename from public/assets/images/fotos/petroleo/P1070057.jpg rename to public/assets/images/fotos/petroleo/left-small.jpg diff --git a/public/assets/images/fotos/petroleo/P1070071.jpg b/public/assets/images/fotos/petroleo/left.jpg similarity index 100% rename from public/assets/images/fotos/petroleo/P1070071.jpg rename to public/assets/images/fotos/petroleo/left.jpg diff --git a/public/assets/images/fotos/petroleo/P1070089.jpg b/public/assets/images/fotos/petroleo/right.jpg similarity index 100% rename from public/assets/images/fotos/petroleo/P1070089.jpg rename to public/assets/images/fotos/petroleo/right.jpg diff --git a/public/assets/images/fotos/rojo/P1070077.jpg b/public/assets/images/fotos/rojo/center.jpg similarity index 100% rename from public/assets/images/fotos/rojo/P1070077.jpg rename to public/assets/images/fotos/rojo/center.jpg diff --git a/public/assets/images/fotos/rojo/P1070054.jpg b/public/assets/images/fotos/rojo/left-small.jpg similarity index 100% rename from public/assets/images/fotos/rojo/P1070054.jpg rename to public/assets/images/fotos/rojo/left-small.jpg diff --git a/public/assets/images/fotos/rojo/P1070063.jpg b/public/assets/images/fotos/rojo/left.jpg similarity index 100% rename from public/assets/images/fotos/rojo/P1070063.jpg rename to public/assets/images/fotos/rojo/left.jpg diff --git a/public/assets/images/fotos/rojo/P1070090.jpg b/public/assets/images/fotos/rojo/right.jpg similarity index 100% rename from public/assets/images/fotos/rojo/P1070090.jpg rename to public/assets/images/fotos/rojo/right.jpg diff --git a/public/assets/images/fotos/verde/P1070079.jpg b/public/assets/images/fotos/verde/center.jpg similarity index 100% rename from public/assets/images/fotos/verde/P1070079.jpg rename to public/assets/images/fotos/verde/center.jpg diff --git a/public/assets/images/fotos/verde/P1070056.jpg b/public/assets/images/fotos/verde/left-small.jpg similarity index 100% rename from public/assets/images/fotos/verde/P1070056.jpg rename to public/assets/images/fotos/verde/left-small.jpg diff --git a/public/assets/images/fotos/verde/P1070070.jpg b/public/assets/images/fotos/verde/left.jpg similarity index 100% rename from public/assets/images/fotos/verde/P1070070.jpg rename to public/assets/images/fotos/verde/left.jpg diff --git a/public/assets/images/fotos/verde/P1070094.jpg b/public/assets/images/fotos/verde/right.jpg similarity index 100% rename from public/assets/images/fotos/verde/P1070094.jpg rename to public/assets/images/fotos/verde/right.jpg diff --git a/public/assets/images/fondo23.png b/public/assets/images/tripode.png similarity index 100% rename from public/assets/images/fondo23.png rename to public/assets/images/tripode.png diff --git a/public/assets/scripts/main.js b/public/assets/scripts/main.js index ab1700c..e9df0ad 100644 --- a/public/assets/scripts/main.js +++ b/public/assets/scripts/main.js @@ -1,3 +1,42 @@ +let available_colors = { + white: { + name: 'blanco', + rgb: 'rgb(255, 255, 255)' + }, + black: { + name: 'negro', + rgb: 'rgb(0, 0, 0)' + }, + blue: { + name: 'azul', + rgb: 'rgb(0, 0, 255)' + }, + petrol: { + name: 'petroleo', + rgb: 'rgb(0, 0, 150)' + }, + cyan: { + name: 'celeste', + rgb: 'rgb(150, 150, 255)' + }, + green: { + name: 'verde', + rgb: 'rgb(0, 255, 0)' + }, + yellow: { + name: 'amarillo', + rgb: 'rgb(255, 255, 0)' + }, + orange: { + name: 'naranjo', + rgb: 'rgb(255, 130, 0)' + }, + red: { + name: 'rojo', + rgb: 'rgb(255, 0, 0)' + } +} + class Amount { constructor(elem) { this.elem = elem @@ -113,6 +152,47 @@ class Colors { } } +let ventajas = { + elem: $('#ventajas'), + setup: function() { + let h = this.elem.css('height') + let w = this.elem.css('width') + + this.elem.find('.diagonal').css('borderBottomWidth', h) + this.elem.find('.diagonal').css('borderRightWidth', w) + } +} +let dimensiones = { + colors: available_colors, + picked: 'blue', + elem: $('#dimensiones'), + setup: function() { + this.elem.find('.colores .circle').each((i, el) => { + let color = $(el).attr('class').split(' ')[0] + if (color == 'petrol' || color == 'cyan') { + $(el).css('background-color', this.colors[color]['rgb']) + } + $(el).click((e) => { + this.change_color(color) + }) + }) + }, + change_color: function(color) { + this.picked = this.colors[color]['name'] + this.elem.find('.colores .circle').each((i, el) => { + $(el).removeClass('selected') + }) + this.elem.find('.colores .' + color + '.circle').addClass('selected') + this.change_images(this.colors[color]['name']) + }, + change_images: function(color) { + this.elem.find('.fotos img').each((i, el) => { + let pos = $(el).attr('class') + $(el).attr('src', './assets/images/fotos/' + color + '/' + pos + '.jpg') + }) + } +} + let smtp = { SecureToken: '4adcdc1f-6b6e-4e60-ab72-20da4c329b09', From: 'contacto@3dstand.cl' @@ -252,7 +332,7 @@ let testimonios = { $(document).ready(function() { - $('.menu.sticky').sticky() + $('#menu.sticky').sticky() $('.column2 .sticky').sticky({ context: '#column' }) @@ -260,6 +340,8 @@ $(document).ready(function() { $('.shopping.cart').innerText = 0 + ventajas.setup() + dimensiones.setup() let sticky_amount = new Amount($('.sticky .input input[name="cantidad"]')) let sticky_color = new Colors($('.sticky .colores'), true) sticky_form.setup() diff --git a/public/assets/scripts/main.min.js b/public/assets/scripts/main.min.js index 4266ad0..4f9536f 100644 --- a/public/assets/scripts/main.min.js +++ b/public/assets/scripts/main.min.js @@ -1,2 +1,2 @@ -"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var i=0;i'),"minus"==e&&this[e].html('')}},{key:"disable_button",value:function(e){this[e].addClass("disabled"),this[e].html("")}},{key:"check_limits",value:function(){this.enable_button("plus"),this.enable_button("minus"),this.n>this.max&&(this.n=this.max),this.n==this.max&&this.disable_button("plus"),this.n<0&&(this.n=0),0==this.n&&this.disable_button("minus")}},{key:"increment",value:function(){this.n+=1}},{key:"decrement",value:function(){--this.n}},{key:"print",value:function(){this.check_limits(),this.elem.val(this.n)}},{key:"value",get:function(){return this.n}}]),t}(),Colors=function(){function i(e){var t=1"),Attachments:[{name:"Logo",data:t.get("archivo")}]};Email.send(t)}},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()],t={SecureToken:smtp.SecureToken,From:smtp.From,To:e,Subject:"Contacto "+(new Date).toLocaleString("es-CL",{timezone:"UTC-3"}),Body:t.join("
")};Email.send(t)}},testimonios={testimonios:["Este soporte que compré en @Stand-cl me cambió la vida, me sirve para el teléfono y el ipad, y ya no tengo que andar acomodando los aparatos en cualquier parte para las videollamadas","Siiii todo mi gusto.. me encantó lo completo que es. Gracias","Está super cool se ve de buena calidad","Llego el mío, y es excelente, estoy feliz con mi compra","Hola!!Me llegó el pedido, Muchas gracias muy bello. Me salvaste la vida","Perfecto el producto, funciona impecable, muchas gracias","Están bacanes! muchísimas gracias. Le regalé a mis viejos y lo aman","Hola! Quería decirte que me encantaron los soportes, Muy útiles!","Compré 3 y olvidé decirte que los encontré geniales! Me encantaron","Diseño simple y funcional, minimalista y excelente precio, despacho súper Rápido.. gracias!"],elem:$("#felices .testimonios"),page:0,setup:function(){this.draw()},draw:function(){var i=this,n=3*this.page;this.elem.find(".testimonio").each(function(e,t){n>=i.testimonios.length?$(t).html(""):($(t).html(i.testimonios[n]),n+=1)}),this.draw_nav()},draw_nav:function(){var e=Math.ceil(this.testimonios.length/3),t=this.page,i=this.elem.parent().find(".nav"),n=this;i.html("");for(var s=0;s").attr("class","small circle outline icon").css("cursor","pointer").attr("data-page",s);s==t&&a.removeClass("outline"),a.click(function(e){n.page=parseInt($(this).attr("data-page")),n.draw()}),i.append(a)}}};$(document).ready(function(){$(".menu.sticky").sticky(),$(".column2 .sticky").sticky({context:"#column"}),$("#subir").sticky(),$(".shopping.cart").innerText=0;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(),testimonios.setup()}); +"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var i=0;i'),"minus"==e&&this[e].html('')}},{key:"disable_button",value:function(e){this[e].addClass("disabled"),this[e].html("")}},{key:"check_limits",value:function(){this.enable_button("plus"),this.enable_button("minus"),this.n>this.max&&(this.n=this.max),this.n==this.max&&this.disable_button("plus"),this.n<0&&(this.n=0),0==this.n&&this.disable_button("minus")}},{key:"increment",value:function(){this.n+=1}},{key:"decrement",value:function(){--this.n}},{key:"print",value:function(){this.check_limits(),this.elem.val(this.n)}},{key:"value",get:function(){return this.n}}]),t}(),Colors=function(){function i(e){var t=1"),Attachments:[{name:"Logo",data:t.get("archivo")}]};Email.send(t)}},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()],t={SecureToken:smtp.SecureToken,From:smtp.From,To:e,Subject:"Contacto "+(new Date).toLocaleString("es-CL",{timezone:"UTC-3"}),Body:t.join("
")};Email.send(t)}},testimonios={testimonios:["Este soporte que compré en @Stand-cl me cambió la vida, me sirve para el teléfono y el ipad, y ya no tengo que andar acomodando los aparatos en cualquier parte para las videollamadas","Siiii todo mi gusto.. me encantó lo completo que es. Gracias","Está super cool se ve de buena calidad","Llego el mío, y es excelente, estoy feliz con mi compra","Hola!!Me llegó el pedido, Muchas gracias muy bello. Me salvaste la vida","Perfecto el producto, funciona impecable, muchas gracias","Están bacanes! muchísimas gracias. Le regalé a mis viejos y lo aman","Hola! Quería decirte que me encantaron los soportes, Muy útiles!","Compré 3 y olvidé decirte que los encontré geniales! Me encantaron","Diseño simple y funcional, minimalista y excelente precio, despacho súper Rápido.. gracias!"],elem:$("#felices .testimonios"),page:0,setup:function(){this.draw()},draw:function(){var i=this,n=3*this.page;this.elem.find(".testimonio").each(function(e,t){n>=i.testimonios.length?$(t).html(""):($(t).html(i.testimonios[n]),n+=1)}),this.draw_nav()},draw_nav:function(){var e=Math.ceil(this.testimonios.length/3),t=this.page,i=this.elem.parent().find(".nav"),n=this;i.html("");for(var s=0;s").attr("class","small circle outline icon").css("cursor","pointer").attr("data-page",s);s==t&&a.removeClass("outline"),a.click(function(e){n.page=parseInt($(this).attr("data-page")),n.draw()}),i.append(a)}}};$(document).ready(function(){$("#menu.sticky").sticky(),$(".column2 .sticky").sticky({context:"#column"}),$("#subir").sticky(),$(".shopping.cart").innerText=0,ventajas.setup(),dimensiones.setup();new Amount($('.sticky .input input[name="cantidad"]')),new Colors($(".sticky .colores"),!0);sticky_form.setup();new Amount($('#corporativos .input input[name="cantidad"]')),new Colors($("#corporativos .colores"));cotiza_form.setup(),conversemos_form.setup(),testimonios.setup()}); //# sourceMappingURL=maps/main.min.js.map diff --git a/public/assets/scripts/maps/main.min.js.map b/public/assets/scripts/maps/main.min.js.map index 7c60c8f..9c58db8 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":["Amount","elem","_classCallCheck","this","minus","parent","find","plus","n","setup","max","_this","val","click","e","change","parseInt","print","name","removeClass","increment","html","addClass","enable_button","disable_button","check_limits","Colors","changing","arguments","length","undefined","color","white","black","blue","green","yellow","orange","red","picked","input","_this2","each","i","el","$","attr","split","change_color","_this3","default_color_format","smtp","SecureToken","_this4","submit","preventDefault","console","cotiza_form","_this5","file","email","data","FormData","body","content","To","From","Subject","Date","toLocaleString","timezone","Body","Attachments","get","Email","send","conversemos_form","_this6","debug","join","testimonios","page","_this7","draw_nav","N","Math","ceil","k","circle","css","tests","draw","nav","append","sticky","innerText"],"mappings":"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","file":"../main.min.js","sourcesContent":["class 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 SecureToken: '4adcdc1f-6b6e-4e60-ab72-20da4c329b09',\r\n From: 'contacto@3dstand.cl'\r\n}\r\n\r\nlet sticky_form = {\r\n elem: $('.sticky form'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n },\r\n submit: function() {\r\n console.debug('submit sticky')\r\n }\r\n}\r\nlet cotiza_form = {\r\n elem: $('#corporativos form'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n this.file = this.elem.find('input[type=\"file\"]')\r\n this.elem.find('.file').click((e) => {\r\n this.file.trigger('click')\r\n })\r\n },\r\n submit: function() {\r\n let email = this.elem.find('[name=\"email\"]').val()\r\n let data = new FormData(this.elem[0])\r\n let body = [\r\n 'Nombre: ' + this.elem.find('[name=\"nombre\"]').val(),\r\n 'E-mail: ' + email,\r\n 'Teléfono: ' + this.elem.find('[name=\"telefono\"]').val(),\r\n '',\r\n 'Color: ' + this.elem.find('[name=\"color\"]').val(),\r\n 'Cantidad: ' + this.elem.find('[name=\"cantidad\"]').val(),\r\n this.elem.find('[name=\"mensaje\"]').val()\r\n ]\r\n let content = {\r\n SecureToken: smtp.SecureToken,\r\n To: email,\r\n From: smtp.From,\r\n Subject: 'Cotizacion - ' + (new Date()).toLocaleString('es-CL', {timezone: \"UTC-3\"}),\r\n Body: body.join('
'),\r\n Attachments: [\r\n {\r\n name: \"Logo\",\r\n data: data.get('archivo')\r\n }\r\n ]\r\n }\r\n Email.send(content)\r\n }\r\n}\r\nlet conversemos_form = {\r\n elem: $('#contacto'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n },\r\n submit: function() {\r\n let email = this.elem.find('[name=\"email\"]').val()\r\n let body = [\r\n 'Nombre: ' + this.elem.find('[name=\"nombre\"]').val(),\r\n 'E-mail: ' + email,\r\n '',\r\n this.elem.find('[name=\"mensaje\"]').val()\r\n ]\r\n let content = {\r\n SecureToken: smtp.SecureToken,\r\n From: smtp.From,\r\n To: email,\r\n Subject: 'Contacto ' + (new Date()).toLocaleString('es-CL', {timezone: \"UTC-3\"}),\r\n Body: body.join('
')\r\n }\r\n Email.send(content)\r\n }\r\n}\r\n\r\nlet testimonios = {\r\n testimonios: [\r\n \"Este soporte que compré en @Stand-cl me cambió la vida, me sirve para el teléfono y el ipad, y ya no tengo que andar acomodando los aparatos en cualquier parte para las videollamadas\",\r\n \"Siiii todo mi gusto.. me encantó lo completo que es. Gracias\",\r\n \"Está super cool se ve de buena calidad\",\r\n \"Llego el mío, y es excelente, estoy feliz con mi compra\",\r\n \"Hola!!Me llegó el pedido, Muchas gracias muy bello. Me salvaste la vida\",\r\n \"Perfecto el producto, funciona impecable, muchas gracias\",\r\n \"Están bacanes! muchísimas gracias. Le regalé a mis viejos y lo aman\",\r\n \"Hola! Quería decirte que me encantaron los soportes, Muy útiles!\",\r\n \"Compré 3 y olvidé decirte que los encontré geniales! Me encantaron\",\r\n \"Diseño simple y funcional, minimalista y excelente precio, despacho súper Rápido.. gracias!\"\r\n ],\r\n elem: $('#felices .testimonios'),\r\n page: 0,\r\n setup: function() {\r\n this.draw()\r\n },\r\n draw: function() {\r\n var n = this.page * 3\r\n this.elem.find('.testimonio').each((i, el) => {\r\n if (n >= this.testimonios.length) {\r\n $(el).html('')\r\n return\r\n }\r\n $(el).html(this.testimonios[n])\r\n n += 1\r\n })\r\n this.draw_nav()\r\n },\r\n draw_nav: function() {\r\n let N = Math.ceil(this.testimonios.length / 3)\r\n let k = this.page\r\n let nav = this.elem.parent().find('.nav')\r\n let tests = this\r\n nav.html('')\r\n for (var i = 0; i < N; i ++) {\r\n var circle = $('').attr('class', 'small circle outline icon').css('cursor', 'pointer').attr('data-page', i)\r\n if (i == k) {\r\n circle.removeClass('outline')\r\n }\r\n circle.click(function(e) {\r\n tests.page = parseInt($(this).attr('data-page'))\r\n tests.draw()\r\n })\r\n nav.append(circle)\r\n }\r\n }\r\n}\r\n\r\n$(document).ready(function() {\r\n\r\n $('.menu.sticky').sticky()\r\n $('.column2 .sticky').sticky({\r\n context: '#column'\r\n })\r\n $('#subir').sticky()\r\n\r\n $('.shopping.cart').innerText = 0\r\n\r\n 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 testimonios.setup()\r\n})\r\n"]} \ No newline at end of file +{"version":3,"sources":["main.js"],"names":["available_colors","white","name","rgb","black","blue","petrol","cyan","green","yellow","Amount","elem","_classCallCheck","this","red","minus","parent","find","plus","n","setup","max","_this","val","click","e","change","parseInt","print","removeClass","increment","html","addClass","enable_button","disable_button","check_limits","Colors","changing","arguments","length","undefined","color","orange","picked","input","_this2","each","i","el","$","attr","split","change_color","_this3","default_color_format","ventajas","css","h","w","dimensiones","colors","_this4","change_images","pos","smtp","SecureToken","From","sticky_form","_this5","submit","preventDefault","console","debug","cotiza_form","_this6","file","trigger","email","FormData","body","content","To","Subject","Date","toLocaleString","timezone","Body","join","data","Email","send","conversemos_form","_this7","testimonios","page","draw","_this8","draw_nav","N","Math","ceil","nav","tests","circle","k","append","document","ready","sticky","innerText"],"mappings":"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","file":"../main.min.js","sourcesContent":["let available_colors = {\r\n white: {\r\n name: 'blanco',\r\n rgb: 'rgb(255, 255, 255)'\r\n },\r\n black: {\r\n name: 'negro',\r\n rgb: 'rgb(0, 0, 0)'\r\n },\r\n blue: {\r\n name: 'azul',\r\n rgb: 'rgb(0, 0, 255)'\r\n },\r\n petrol: {\r\n name: 'petroleo',\r\n rgb: 'rgb(0, 0, 150)'\r\n },\r\n cyan: {\r\n name: 'celeste',\r\n rgb: 'rgb(150, 150, 255)'\r\n },\r\n green: {\r\n name: 'verde',\r\n rgb: 'rgb(0, 255, 0)'\r\n },\r\n yellow: {\r\n name: 'amarillo',\r\n rgb: 'rgb(255, 255, 0)'\r\n },\r\n orange: {\r\n name: 'naranjo',\r\n rgb: 'rgb(255, 130, 0)'\r\n },\r\n red: {\r\n name: 'rojo',\r\n rgb: 'rgb(255, 0, 0)'\r\n }\r\n}\r\n\r\nclass Amount {\r\n constructor(elem) {\r\n this.elem = elem\r\n this.minus = elem.parent().find('.minus')\r\n this.plus = elem.parent().find('.plus')\r\n this.n = 0\r\n this.setup()\r\n this.max = 999\r\n }\r\n setup() {\r\n this.elem.val(0)\r\n this.plus.click((e) => {\r\n this.increment()\r\n this.print()\r\n })\r\n this.minus.click((e) => {\r\n this.decrement()\r\n this.print()\r\n })\r\n this.elem.change((e) => {\r\n this.n = parseInt(this.elem.val())\r\n this.print()\r\n })\r\n this.print()\r\n }\r\n enable_button(name) {\r\n this[name].removeClass('disabled')\r\n if (name == 'plus') {\r\n this[name].html('')\r\n }\r\n if (name == 'minus') {\r\n this[name].html('')\r\n }\r\n }\r\n disable_button(name) {\r\n this[name].addClass('disabled')\r\n this[name].html('')\r\n }\r\n check_limits() {\r\n this.enable_button('plus')\r\n this.enable_button('minus')\r\n if (this.n > this.max) {\r\n this.n = this.max\r\n }\r\n if (this.n == this.max) {\r\n this.disable_button('plus')\r\n }\r\n\r\n if (this.n < 0) {\r\n this.n = 0\r\n }\r\n if (this.n == 0) {\r\n this.disable_button('minus')\r\n }\r\n }\r\n increment() {\r\n this.n += 1\r\n }\r\n decrement() {\r\n this.n -= 1\r\n }\r\n get value() {\r\n return this.n\r\n }\r\n print() {\r\n this.check_limits()\r\n this.elem.val(this.n)\r\n }\r\n}\r\n\r\nclass Colors {\r\n constructor(elem, changing = false) {\r\n this.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 ventajas = {\r\n elem: $('#ventajas'),\r\n setup: function() {\r\n let h = this.elem.css('height')\r\n let w = this.elem.css('width')\r\n\r\n this.elem.find('.diagonal').css('borderBottomWidth', h)\r\n this.elem.find('.diagonal').css('borderRightWidth', w)\r\n }\r\n}\r\nlet dimensiones = {\r\n colors: available_colors,\r\n picked: 'blue',\r\n elem: $('#dimensiones'),\r\n setup: function() {\r\n this.elem.find('.colores .circle').each((i, el) => {\r\n let color = $(el).attr('class').split(' ')[0]\r\n if (color == 'petrol' || color == 'cyan') {\r\n $(el).css('background-color', this.colors[color]['rgb'])\r\n }\r\n $(el).click((e) => {\r\n this.change_color(color)\r\n })\r\n })\r\n },\r\n change_color: function(color) {\r\n this.picked = this.colors[color]['name']\r\n this.elem.find('.colores .circle').each((i, el) => {\r\n $(el).removeClass('selected')\r\n })\r\n this.elem.find('.colores .' + color + '.circle').addClass('selected')\r\n this.change_images(this.colors[color]['name'])\r\n },\r\n change_images: function(color) {\r\n this.elem.find('.fotos img').each((i, el) => {\r\n let pos = $(el).attr('class')\r\n $(el).attr('src', './assets/images/fotos/' + color + '/' + pos + '.jpg')\r\n })\r\n }\r\n}\r\n\r\nlet smtp = {\r\n SecureToken: '4adcdc1f-6b6e-4e60-ab72-20da4c329b09',\r\n From: 'contacto@3dstand.cl'\r\n}\r\n\r\nlet sticky_form = {\r\n elem: $('.sticky form'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n },\r\n submit: function() {\r\n console.debug('submit sticky')\r\n }\r\n}\r\nlet cotiza_form = {\r\n elem: $('#corporativos form'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n this.file = this.elem.find('input[type=\"file\"]')\r\n this.elem.find('.file').click((e) => {\r\n this.file.trigger('click')\r\n })\r\n },\r\n submit: function() {\r\n let email = this.elem.find('[name=\"email\"]').val()\r\n let data = new FormData(this.elem[0])\r\n let body = [\r\n 'Nombre: ' + this.elem.find('[name=\"nombre\"]').val(),\r\n 'E-mail: ' + email,\r\n 'Teléfono: ' + this.elem.find('[name=\"telefono\"]').val(),\r\n '',\r\n 'Color: ' + this.elem.find('[name=\"color\"]').val(),\r\n 'Cantidad: ' + this.elem.find('[name=\"cantidad\"]').val(),\r\n this.elem.find('[name=\"mensaje\"]').val()\r\n ]\r\n let content = {\r\n SecureToken: smtp.SecureToken,\r\n To: email,\r\n From: smtp.From,\r\n Subject: 'Cotizacion - ' + (new Date()).toLocaleString('es-CL', {timezone: \"UTC-3\"}),\r\n Body: body.join('
'),\r\n Attachments: [\r\n {\r\n name: \"Logo\",\r\n data: data.get('archivo')\r\n }\r\n ]\r\n }\r\n Email.send(content)\r\n }\r\n}\r\nlet conversemos_form = {\r\n elem: $('#contacto'),\r\n setup: function() {\r\n this.elem.submit((e) => {\r\n e.preventDefault()\r\n this.submit()\r\n return false\r\n })\r\n },\r\n submit: function() {\r\n let email = this.elem.find('[name=\"email\"]').val()\r\n let body = [\r\n 'Nombre: ' + this.elem.find('[name=\"nombre\"]').val(),\r\n 'E-mail: ' + email,\r\n '',\r\n this.elem.find('[name=\"mensaje\"]').val()\r\n ]\r\n let content = {\r\n SecureToken: smtp.SecureToken,\r\n From: smtp.From,\r\n To: email,\r\n Subject: 'Contacto ' + (new Date()).toLocaleString('es-CL', {timezone: \"UTC-3\"}),\r\n Body: body.join('
')\r\n }\r\n Email.send(content)\r\n }\r\n}\r\n\r\nlet testimonios = {\r\n testimonios: [\r\n \"Este soporte que compré en @Stand-cl me cambió la vida, me sirve para el teléfono y el ipad, y ya no tengo que andar acomodando los aparatos en cualquier parte para las videollamadas\",\r\n \"Siiii todo mi gusto.. me encantó lo completo que es. Gracias\",\r\n \"Está super cool se ve de buena calidad\",\r\n \"Llego el mío, y es excelente, estoy feliz con mi compra\",\r\n \"Hola!!Me llegó el pedido, Muchas gracias muy bello. Me salvaste la vida\",\r\n \"Perfecto el producto, funciona impecable, muchas gracias\",\r\n \"Están bacanes! muchísimas gracias. Le regalé a mis viejos y lo aman\",\r\n \"Hola! Quería decirte que me encantaron los soportes, Muy útiles!\",\r\n \"Compré 3 y olvidé decirte que los encontré geniales! Me encantaron\",\r\n \"Diseño simple y funcional, minimalista y excelente precio, despacho súper Rápido.. gracias!\"\r\n ],\r\n elem: $('#felices .testimonios'),\r\n page: 0,\r\n setup: function() {\r\n this.draw()\r\n },\r\n draw: function() {\r\n var n = this.page * 3\r\n this.elem.find('.testimonio').each((i, el) => {\r\n if (n >= this.testimonios.length) {\r\n $(el).html('')\r\n return\r\n }\r\n $(el).html(this.testimonios[n])\r\n n += 1\r\n })\r\n this.draw_nav()\r\n },\r\n draw_nav: function() {\r\n let N = Math.ceil(this.testimonios.length / 3)\r\n let k = this.page\r\n let nav = this.elem.parent().find('.nav')\r\n let tests = this\r\n nav.html('')\r\n for (var i = 0; i < N; i ++) {\r\n var circle = $('').attr('class', 'small circle outline icon').css('cursor', 'pointer').attr('data-page', i)\r\n if (i == k) {\r\n circle.removeClass('outline')\r\n }\r\n circle.click(function(e) {\r\n tests.page = parseInt($(this).attr('data-page'))\r\n tests.draw()\r\n })\r\n nav.append(circle)\r\n }\r\n }\r\n}\r\n\r\n$(document).ready(function() {\r\n\r\n $('#menu.sticky').sticky()\r\n $('.column2 .sticky').sticky({\r\n context: '#column'\r\n })\r\n $('#subir').sticky()\r\n\r\n $('.shopping.cart').innerText = 0\r\n\r\n ventajas.setup()\r\n dimensiones.setup()\r\n let sticky_amount = new Amount($('.sticky .input input[name=\"cantidad\"]'))\r\n let sticky_color = new Colors($('.sticky .colores'), true)\r\n sticky_form.setup()\r\n let cotiza_amount = new Amount($('#corporativos .input input[name=\"cantidad\"]'))\r\n let cotiza_color = new Colors($('#corporativos .colores'))\r\n cotiza_form.setup()\r\n conversemos_form.setup()\r\n testimonios.setup()\r\n})\r\n"]} \ No newline at end of file diff --git a/public/assets/styles/main.css b/public/assets/styles/main.css index 38d1e6e..168d1ca 100644 --- a/public/assets/styles/main.css +++ b/public/assets/styles/main.css @@ -45,7 +45,182 @@ input { border-radius: 0; } +html { + font-family: Roboto, sans; +} + +#header { + background-image: url("../images/banner.jpg"); + background-repeat: no-repeat; + background-color: rgba(0, 0, 0, 0.4); + background-blend-mode: multiply; + color: white; +} +#header .container #menu { + background: none !important; + border: none !important; + box-shadow: none !important; +} +#header .container #menu .right.menu .item .shopping.cart .cantidad { + position: relative; + color: white; +} +#header .container .segment { + margin: 0 !important; +} +#header .container .segment #logo img { + width: 50%; +} + +#descripcion { + background-image: linear-gradient(#cccccc, #cccccc); +} +#descripcion .images { + text-align: center; +} + +#ventajas { + position: relative; + background-image: url("../images/tripode.png"); +} +#ventajas .diagonal { + position: absolute; + background-blend-mode: color; +} +#ventajas .gallery { + position: relative; + text-align: center; +} +#ventajas .gallery .image { + max-height: inherit; +} +#ventajas .gallery .image img { + max-height: inherit; + margin: auto; +} +#ventajas .gallery .nav { + position: absolute; +} +#ventajas .gallery .nav.left { + top: 50%; + left: 0; +} +#ventajas .gallery .nav.right { + top: 50%; + right: 0; +} +#ventajas .gallery::after { + clear: both; +} + +#dimensiones { + position: relative; + background-image: url("../images/tripode.png"); +} +#dimensiones .fondo-gris { + position: absolute; + width: 100%; + height: 100%; + background-color: rgba(204, 204, 204, 0.5); +} +#dimensiones .left.column > .grid > .column:first-child { + min-width: 33% !important; +} +#dimensiones .left.column > .grid > .column:last-child { + min-width: 67% !important; +} + @media screen and (max-width: 800px) { + #header { + height: 25rem; + background-size: 160%; + background-position: bottom -0.9375rem center; + } + #header .container #menu { + font-size: 1.3333333333rem; + } + #header .container #menu .right.menu .item .shopping.cart .cantidad { + top: -1.875rem; + left: 0.15rem; + font-size: 0.6666666667rem; + } + #header .container .segment #logo img { + max-width: 56.25rem; + } + + #descripcion { + padding-bottom: 0.46875rem; + } + #descripcion .paragraph { + padding-top: 1.6875rem; + line-height: 1.3125rem; + text-align: justify; + } + #descripcion .paragraph .header { + margin-bottom: 0.5625rem; + font-size: 1.5rem; + } + + #ventajas .diagonal { + border-bottom: 100% solid rgba(204, 204, 204, 0.5); + border-right: 100% solid transparent; + } + #ventajas .gallery { + max-height: 25.5rem; + } + + #dimensiones .header { + font-size: 1.8333333333rem; + padding-top: 5.0625rem; + padding-bottom: 2.34375rem; + } + #dimensiones .colores { + vertical-align: center; + } + #dimensiones .colores .text { + margin-right: 0.28125rem; + } + #dimensiones .colores .white { + border: thin solid black; + background-color: white; + } + #dimensiones .colores .black { + background-color: black; + } + #dimensiones .colores .blue { + background-color: blue; + } + #dimensiones .colores .green { + background-color: lime; + } + #dimensiones .colores .yellow { + background-color: yellow; + } + #dimensiones .colores .orange { + background-color: #ff8200; + } + #dimensiones .colores .red { + background-color: red; + } + #dimensiones .colores .circle { + display: inline-block; + width: 1.40625rem; + height: 1.40625rem; + border-radius: 8000px; + margin: auto 0.09375rem; + cursor: pointer; + } + #dimensiones .colores .circle.selected { + width: 1.59375rem; + height: 1.59375rem; + cursor: default; + } + + .left.column { + width: 75%; + padding-left: 0.46875rem !important; + } + #backgrounds .cabezal { height: 25rem; background-image: url("../images/banner.jpg"); @@ -56,23 +231,23 @@ input { background-blend-mode: multiply; } #backgrounds .seccion1 { - height: 25rem; + height: rem; background-image: linear-gradient(#cccccc, #cccccc); background-position: left 10.5rem; background-size: 100% 12rem; background-repeat: no-repeat; } #backgrounds .seccion2 { - height: 27.5rem; - background-image: url("../images/fondo23.png"); + height: rem; + background-image: url("../images/tripode.png"); } #backgrounds .seccion2 .diagonal { - border-bottom: 27.5rem solid rgba(204, 204, 204, 0.5); + border-bottom: rem solid rgba(204, 204, 204, 0.5); border-right: 178.125rem solid transparent; } #backgrounds .dimensiones { height: 27.5rem; - background-image: url("../images/fondo23.png"); + background-image: url("../images/tripode.png"); } #backgrounds .dimensiones .fondo-gris { width: 100%; @@ -81,11 +256,11 @@ input { } #backgrounds .construido { height: 21.875rem; - background-image: url("../images/fondo4.jpg"); + background-image: url("../images/construido.jpg"); } #backgrounds .corporativos { height: 32.5rem; - background-image: url("../images/fondo5.png"); + background-image: url("../images/corporativo.png"); } #backgrounds .testimonios { height: 21.875rem; @@ -183,7 +358,7 @@ input { width: 90%; } #content > .column1 #seccion1 { - height: 25rem; + height: rem; width: 100%; } #content > .column1 #seccion1 .image-container { @@ -205,7 +380,7 @@ input { font-size: 2.0625rem; } #content > .column1 #seccion2 { - height: 27.5rem; + height: rem; } #content > .column1 #seccion2 > .column { display: inline-block; @@ -349,15 +524,15 @@ input { } #content > .column2 .sticky .row:first-child .column1 .colores .circle { display: inline-block; - width: 0.9375rem; - height: 0.9375rem; + width: 1.40625rem; + height: 1.40625rem; border-radius: 8000px; margin: auto 0.09375rem; cursor: pointer; } #content > .column2 .sticky .row:first-child .column1 .colores .circle.selected { - width: 1.125rem; - height: 1.125rem; + width: 1.59375rem; + height: 1.59375rem; cursor: default; } #content > .column2 .sticky .row:first-child .column1 .input { @@ -496,15 +671,15 @@ input { } #content #corporativos .column2 form .colores .circle { display: inline-block; - width: 0.9375rem; - height: 0.9375rem; + width: 1.40625rem; + height: 1.40625rem; border-radius: 8000px; margin: auto 0.09375rem; cursor: pointer; } #content #corporativos .column2 form .colores .circle.selected { - width: 1.125rem; - height: 1.125rem; + width: 1.59375rem; + height: 1.59375rem; cursor: default; } #content #corporativos .column2 form .row { @@ -730,33 +905,115 @@ input { } } @media screen and (min-width: 800px) { - #backgrounds .cabezal { + #header { height: 31.25rem; - background-image: url("../images/banner.jpg"); - background-repeat: no-repeat; - background-size: 100rem; + background-size: 160%; background-position: bottom -2.5rem center; - background-color: rgba(0, 0, 0, 0.4); - background-blend-mode: multiply; } - #backgrounds .seccion1 { + #header .container #menu i { + font-size: 2rem; + } + #header .container #menu .right.menu .item .shopping.cart .cantidad { + font-size: 1rem; + font-family: Roboto, sans; + top: -1.75rem; + left: 0.2rem; + } + + #descripcion { height: 25rem; - background-image: linear-gradient(#cccccc, #cccccc); background-position: left 7rem; background-size: 100% 8rem; background-repeat: no-repeat; } + #descripcion .images .image { + max-width: 33%; + } + #descripcion .paragraph { + padding-top: 1.75rem; + line-height: 0.875rem; + text-align: justify; + } + #descripcion .paragraph .header { + margin-bottom: 1rem; + font-size: 1.375rem; + } + + #ventajas .diagonal { + border-bottom: 27.5rem solid rgba(204, 204, 204, 0.5); + border-right: 118.75rem solid transparent; + } + #ventajas .gallery { + max-height: 25.5rem; + } + + #dimensiones { + margin-top: 0.9375rem; + } + #dimensiones .colores { + vertical-align: center; + } + #dimensiones .colores .text { + margin-right: 0.1875rem; + } + #dimensiones .colores .white { + border: thin solid black; + background-color: white; + } + #dimensiones .colores .black { + background-color: black; + } + #dimensiones .colores .blue { + background-color: blue; + } + #dimensiones .colores .green { + background-color: lime; + } + #dimensiones .colores .yellow { + background-color: yellow; + } + #dimensiones .colores .orange { + background-color: #ff8200; + } + #dimensiones .colores .red { + background-color: red; + } + #dimensiones .colores .circle { + display: inline-block; + width: 1.25rem; + height: 1.25rem; + border-radius: 8000px; + margin: auto 0.0625rem; + cursor: pointer; + } + #dimensiones .colores .circle.selected { + width: 1.375rem; + height: 1.375rem; + cursor: default; + } + + .left.column { + width: 67%; + padding-left: 0.3125rem !important; + } + + section .titulo { + font-size: 1.8333333333rem; + padding-top: 3.375rem; + padding-bottom: 1.5625rem; + } + #backgrounds .seccion2 { - height: 27.5rem; - background-image: url("../images/fondo23.png"); + height: rem; + background-image: url("../images/tripode.png"); } #backgrounds .seccion2 .diagonal { - border-bottom: 27.5rem solid rgba(204, 204, 204, 0.5); + border-bottom: rem solid rgba(204, 204, 204, 0.5); border-right: 118.75rem solid transparent; } #backgrounds .dimensiones { height: 27.5rem; - background-image: url("../images/fondo23.png"); + background-image: url("../images/tripode.png"); } #backgrounds .dimensiones .fondo-gris { width: 100%; @@ -765,11 +1022,11 @@ input { } #backgrounds .construido { height: 21.875rem; - background-image: url("../images/fondo4.jpg"); + background-image: url("../images/construido.jpg"); } #backgrounds .corporativos { height: 32.5rem; - background-image: url("../images/fondo5.png"); + background-image: url("../images/corporativo.png"); } #backgrounds .testimonios { height: 21.875rem; @@ -784,14 +1041,7 @@ input { clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%); } - html { - height: 217.5rem; - overflow: hidden; - } - body { - height: 217.5rem; - font-family: Roboto, sans; color: #333333; } @@ -801,56 +1051,6 @@ input { position: relative; top: -217.5rem; } - #content #header { - color: white; - width: 100%; - height: 31.25rem; - } - #content #header .ui.menu { - border: none !important; - background: none !important; - box-shadow: none !important; - margin: 0 !important; - color: black; - } - #content #header .ui.menu .dropdown .menu { - /*background: none !important; - border: none !important; - box-shadow: none !important;*/ - color: black; - 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: white; - display: inline-block; - top: -2.6rem; - left: 0.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; @@ -864,7 +1064,7 @@ input { width: 67%; } #content > .column1 #seccion1 { - height: 25rem; + height: rem; width: 100%; } #content > .column1 #seccion1 .image-container { @@ -887,7 +1087,7 @@ input { font-size: 1.375rem; } #content > .column1 #seccion2 { - height: 27.5rem; + height: rem; } #content > .column1 #seccion2 > .column { display: inline-block; @@ -914,7 +1114,6 @@ input { width: 23.75rem; padding: 2rem; margin-left: -3rem; - overflow: hidden; } #content > .column1 #seccion2 .column2 .row:first-child .header { font-weight: bold; @@ -1031,15 +1230,15 @@ input { } #content > .column2 .sticky .row:first-child .column1 .colores .circle { display: inline-block; - width: 0.75rem; - height: 0.75rem; + width: 1.25rem; + height: 1.25rem; border-radius: 8000px; margin: auto 0.0625rem; cursor: pointer; } #content > .column2 .sticky .row:first-child .column1 .colores .circle.selected { - width: 0.875rem; - height: 0.875rem; + width: 1.375rem; + height: 1.375rem; cursor: default; } #content > .column2 .sticky .row:first-child .column1 .input { @@ -1178,15 +1377,15 @@ input { } #content #corporativos .column2 form .colores .circle { display: inline-block; - width: 0.75rem; - height: 0.75rem; + width: 1.25rem; + height: 1.25rem; border-radius: 8000px; margin: auto 0.0625rem; cursor: pointer; } #content #corporativos .column2 form .colores .circle.selected { - width: 0.875rem; - height: 0.875rem; + width: 1.375rem; + height: 1.375rem; cursor: default; } #content #corporativos .column2 form .row { diff --git a/public/assets/styles/main.min.css b/public/assets/styles/main.min.css index 4689107..b1ee3cc 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}@media screen and (max-width: 800px){#backgrounds .cabezal{height:25rem;background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-size:160%;background-position:bottom -0.9375rem center;background-color:rgba(0,0,0,.4);background-blend-mode:multiply}#backgrounds .seccion1{height:25rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 10.5rem;background-size:100% 12rem;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:178.125rem 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-image:url("../images/fondo4.jpg")}#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 10.78125rem;background-size:100% 11.0625rem;background-repeat:no-repeat}#backgrounds .formulario{height:30rem;background-color:#ccc;clip-path:polygon(50% 0, 100% 0%, 100% 100%, 0% 100%)}html{font-size:10.6666666667px;width:100%;overflow-x:hidden}body{height:211.25rem;font-family:Roboto,sans;color:#333}#content{width:100% !important;height:211.25rem;margin:0 !important;position:relative;top:-211.25rem}#content #header{color:#fff;width:100%;height:25rem}#content #header .ui.menu{border:none !important;background:none !important;box-shadow:none !important;margin:0 !important;color:#000}#content #header .ui.menu .dropdown .menu{color:#000;font-size:1rem}#content #header .ui.menu .dropdown .menu .item{padding:1rem !important}#content #header .ui.menu .item{color:inherit !important;font-size:1rem}#content #header .ui.menu .item .shopping.cart div{position:relative;color:#000;display:inline-block;top:-1.3rem;left:.1rem;font-size:.5rem;font-family:Roboto,sans}#content #header .logo{padding:0 !important;margin:0 !important}#content #header .logo img{width:50%;max-width:56.25rem}#content #header .logo .frase1{width:75%;margin:auto;font-size:1rem}#content #header .logo .frase2{font-size:.7rem}#content>.column{display:inline-block;float:left;padding-left:1rem !important;padding-right:1rem !important}#content>.column::after{clear:both}#content>.column1{width:90%}#content>.column1 #seccion1{height:25rem;width:100%}#content>.column1 #seccion1 .image-container{display:flex;justify-content:space-between;height:22.5rem}#content>.column1 #seccion1 .image-container img{width:50%;margin-top:7.96875rem}#content>.column1 #seccion1 .paragraph{padding-top:2.625rem;line-height:1.3125rem;text-align:justify}#content>.column1 #seccion1 .paragraph .header{margin-bottom:1rem;font-size:2.0625rem}#content>.column1 #seccion2{height: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:7.5rem}#content>.column1 #seccion2 .column1 img{width:29.71875rem;height:29.71875rem}#content>.column1 #seccion2 .column2{margin-top:10.6875rem}#content>.column1 #seccion2 .column2 .row:first-child{background-color:#00427b;color:#fff;height:16.875rem;width:35.625rem;padding:2rem;margin-left:-3rem;overflow:hidden}#content>.column1 #seccion2 .column2 .row:first-child .header{font-weight:bold;font-size:1.5rem;margin-bottom:1rem}#content>.column1 #seccion2 .column2 .row:first-child ul{list-style:disc inside;font-size:.8333333333rem}#content>.column1 #seccion2 .column2 .row:last-child{margin-top:1.6875rem;display:flex;justify-content:space-between}#content>.column1 #seccion2 .column2 .row:last-child img{width:6.5625rem;height:7.96875rem}#content>.column1 #dimensiones{height:27.5rem}#content>.column1 #dimensiones .header{padding:3.46875rem 0 !important}#content>.column1 #dimensiones .header .bigger{font-size:1.5rem}#content>.column1 #dimensiones .images{display:flex}#content>.column1 #dimensiones .images .column{float:left}#content>.column1 #dimensiones .images .column>img{width:29.34375rem;height:22.03125rem}#content>.column1 #dimensiones .images .column div{width:29.34375rem;margin-top:2.34375rem}#content>.column1 #construido{height:21.875rem;padding-top:2.15625rem !important}#content>.column1 #construido .header{font-size:1.8333333333rem;padding:.9375rem 4.03125rem;background-color:rgba(255,255,255,.6)}#content>.column2{width:10%;height:101.875rem}#content>.column2 .sticky{height:24.84375rem;width:29.0625rem;margin:auto}#content>.column2 .sticky .row:first-child{height:15.9375rem;margin-top:7.5rem}#content>.column2 .sticky .row:first-child .column{display:inline-block;float:left}#content>.column2 .sticky .row:first-child .column::after{clear:both}#content>.column2 .sticky .row:first-child .column1{vertical-align:bottom;padding-top:1.875rem;width:19.375rem;font-size:1.1666666667rem}#content>.column2 .sticky .row:first-child .column1 .linea{margin-bottom:.9375rem}#content>.column2 .sticky .row:first-child .column1 .titulo{font-size:2.0833333333rem}#content>.column2 .sticky .row:first-child .column1 .precio{font-size:1.3333333333rem}#content>.column2 .sticky .row:first-child .column1 .colores{vertical-align:center}#content>.column2 .sticky .row:first-child .column1 .colores .text{margin-right:.28125rem}#content>.column2 .sticky .row:first-child .column1 .colores .white{border:thin solid #000;background-color:#fff}#content>.column2 .sticky .row:first-child .column1 .colores .black{background-color:#000}#content>.column2 .sticky .row:first-child .column1 .colores .blue{background-color:blue}#content>.column2 .sticky .row:first-child .column1 .colores .green{background-color:lime}#content>.column2 .sticky .row:first-child .column1 .colores .yellow{background-color:#ff0}#content>.column2 .sticky .row:first-child .column1 .colores .orange{background-color:#ff8200}#content>.column2 .sticky .row:first-child .column1 .colores .red{background-color:red}#content>.column2 .sticky .row:first-child .column1 .colores .circle{display:inline-block;width:.9375rem;height:.9375rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#content>.column2 .sticky .row:first-child .column1 .colores .circle.selected{width:1.125rem;height:1.125rem;cursor:default}#content>.column2 .sticky .row:first-child .column1 .input{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#content>.column2 .sticky .row:first-child .column1 .input button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;font-weight:bold}#content>.column2 .sticky .row:first-child .column1 .input input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#content>.column2 .sticky .row:first-child .column2{width:9.6875rem}#content>.column2 .sticky .row:first-child .column2 img{width:10.3125rem;height:15rem}#content>.column2 .sticky .row:last-child .button{border-radius:0 !important;width:100%}#content #corporativos{width:100%;height:32.5rem;margin-top:101.875rem !important}#content #corporativos>.column{display:inline-block;float:left;padding-left:1rem !important;padding-right:1rem !important}#content #corporativos>.column::after{clear:both}#content #corporativos .column1{width:67%}#content #corporativos .column1>.header{margin-top:6.28125rem;margin-bottom:3.46875rem}#content #corporativos .column1>.header .bigger{font-size:2.4375rem}#content #corporativos .column1 .opciones{display:flex;justify-content:space-around}#content #corporativos .column1 .opciones .opcion{display:inline-block}#content #corporativos .column1 .opciones .opcion .img-grande{display:inline-block;padding-right:1.125rem}#content #corporativos .column1 .opciones .opcion .img-grande img{width:12.65625rem;height:18.75rem}#content #corporativos .column1 .opciones .opcion .descripcion{display:inline-block;vertical-align:top;height:18.75rem;padding-top:1.875rem}#content #corporativos .column1 .opciones .opcion .descripcion .content{display:block}#content #corporativos .column1 .opciones .opcion .descripcion .content .header{font-size:1.1666666667rem;margin-bottom:.9375rem}#content #corporativos .column1 .opciones .opcion .descripcion .content ul{list-style:disc inside}#content #corporativos .column1 .opciones .opcion .descripcion .images{margin-top:3.1875rem}#content #corporativos .column1 .opciones .opcion .descripcion .images img{width:6.5625rem;height:7.96875rem}#content #corporativos .column2{width:33%;height:100%}#content #corporativos .column2 .header{margin-top:4.3125rem;margin-bottom:2.25rem;font-size:2.4375rem}#content #corporativos .column2 form .colores{vertical-align:center}#content #corporativos .column2 form .colores .text{margin-right:.28125rem}#content #corporativos .column2 form .colores .white{border:thin solid #000;background-color:#fff}#content #corporativos .column2 form .colores .black{background-color:#000}#content #corporativos .column2 form .colores .blue{background-color:blue}#content #corporativos .column2 form .colores .green{background-color:lime}#content #corporativos .column2 form .colores .yellow{background-color:#ff0}#content #corporativos .column2 form .colores .orange{background-color:#ff8200}#content #corporativos .column2 form .colores .red{background-color:red}#content #corporativos .column2 form .colores .circle{display:inline-block;width:.9375rem;height:.9375rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#content #corporativos .column2 form .colores .circle.selected{width:1.125rem;height:1.125rem;cursor:default}#content #corporativos .column2 form .row{margin-bottom:.84375rem}#content #corporativos .column2 form .colores.linea{margin-bottom:1.5rem}#content #corporativos .column2 form .input.cantidad{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#content #corporativos .column2 form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer}#content #corporativos .column2 form .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#content #corporativos .column2 form .input [type=file]{display:none}#content #corporativos .column2 form .input .file{display:inline-block;height:2.25rem;width:14.0625rem;padding-top:.28125rem;background-color:#cccccb;border:thin solid #333;font-size:.8333333333rem;text-align:center;cursor:pointer}#content #corporativos .column2 form .input [type=text]{height:1.6875rem;background-color:#fff;border:none !important;border-radius:0 !important}#content #corporativos .column2 form textarea{height:6.75rem;background-color:#fff;border:none !important;border-radius:0 !important;margin-bottom:1.5rem}#content #corporativos .column2 form .button{width:100%;background-color:#666667;color:#fff;border:none !important;border-radius:0 !important}#content #felices{height:21.875rem;padding:0 1rem !important;padding-top:5.625rem !important}#content #felices .header{font-size:1.8333333333rem}#content #felices .testimonios{margin-top:2.34375rem;display:flex;justify-content:space-between;text-align:center}#content #felices .testimonios .testimonio{height:7.5rem;color:#666667;margin-top:1.875rem;width:30%;text-align:center}#content #felices .nav{display:block;text-align:center;color:#666667}#content #formulario{height:30rem;padding:0 1rem !important}#content #formulario .whatsapp-link{color:inherit}#content #formulario>.column{float:left;padding-left:1rem !important;padding-right:1rem !important}#content #formulario>.column::after{clear:both}#content #formulario>.flotante{position:absolute;top:17.15625rem;margin:auto;left:40%;width:11.25rem;text-align:center}#content #formulario>.flotante>.content{width:12.1875rem;margin:auto;left:-50%}#content #formulario>.flotante>.content .item{display:block;padding:.46875rem 0}#content #formulario>.flotante>.content div.whatsapp{height:2.8125rem;background-color:#1a9947;color:#fff;font-size:.9375rem}#content #formulario>.flotante>.content div.whatsapp>i{position:relative;font-size:1.3333333333rem;top:.28125rem}#content #formulario>.flotante>.content .rrss{display:flex;justify-content:space-around;font-size:1.875rem}#content #formulario>.flotante>.content .rrss i.inverted.grey{color:#fff !important}#content #formulario>.column1{width:90%;margin-top:2.53125rem}#content #formulario>.column1>img{width:50.625rem;height:32.8125rem;float:left}#content #formulario>.column2{width:10%}#content #formulario>.column2 .header{margin-top:1.875rem;text-align:center;font-size:1.8333333333rem}#content #formulario>.column2 .header .whatsapp-link{display:inline-block;width:2.34375rem;height:2.34375rem;font-size:2.0833333333rem}#content #formulario>.column2 .paragraph{padding-top:1rem;padding-bottom:2.34375rem;justify-content:center}#content #formulario>.column2 form input{border-radius:0 !important;height:1.6875rem;margin-bottom:.84375rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form input::placeholder{color:#333}#content #formulario>.column2 form textarea{border-radius:0 !important;height:6.75rem;margin-bottom:2.34375rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form textarea::placeholder{color:#333}#content #formulario>.column2 form .button{width:100%;border-radius:0 !important;background-color:#fff;color:#333}#content section{background:none}#content section.segment>.container{height:100%}#content section.segment>.container>.column1{display:inline-block;width:90rem}#content section.segment>.container>.column2{display:inline-block;width:10rem}#content .simple.segment{border:none !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;padding:0 !important}#content .simple.segment>.ui.grid{height:100%}#content .fondo-blanco{background-color:rgba(255,255,255,.5)}}@media screen and (min-width: 800px){#backgrounds .cabezal{height:31.25rem;background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-size:100rem;background-position:bottom -2.5rem center;background-color:rgba(0,0,0,.4);background-blend-mode:multiply}#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-image:url("../images/fondo4.jpg")}#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 7.1875rem;background-size:100% 7.375rem;background-repeat:no-repeat}#backgrounds .formulario{height:30rem;background-color:#ccc;clip-path:polygon(50% 0, 100% 0%, 100% 100%, 0% 100%)}html{height:217.5rem;overflow:hidden}body{height:217.5rem;font-family:Roboto,sans;color:#333}#content{max-width:67.5rem !important;height:217.5rem;position:relative;top:-217.5rem}#content #header{color:#fff;width:100%;height:31.25rem}#content #header .ui.menu{border:none !important;background:none !important;box-shadow:none !important;margin:0 !important;color:#000}#content #header .ui.menu .dropdown .menu{color:#000;font-size:1rem}#content #header .ui.menu .dropdown .menu .item{padding:1rem !important}#content #header .ui.menu .item{color:inherit !important;font-size:2rem;padding:1.25rem !important}#content #header .ui.menu .item .shopping.cart div{position:relative;color:#fff;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;padding-top:1.4375rem !important}#content>.column1 #construido .header{font-size:1.8333333333rem;padding:.625rem 2.6875rem;background-color:rgba(255,255,255,.6)}#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 .input.cantidad{width:4.5rem;background:#fff;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem;color:rgba(191,191,191,.87) !important}#content #corporativos .column2 form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;color:rgba(191,191,191,.87) !important}#content #corporativos .column2 form .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center;color:rgba(191,191,191,.87) !important}#content #corporativos .column2 form .input [type=file]{display:none}#content #corporativos .column2 form .input .file{display:inline-block;height:1.5rem;padding-top:.1875rem;margin-left:.3125rem;font-size:1.3333333333rem;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;padding-top:3.75rem !important}#content #felices .header{font-size:1.8333333333rem}#content #felices .testimonios{margin-top:1.5625rem;display:flex;justify-content:space-between;text-align:center}#content #felices .testimonios .testimonio{height:5rem;color:#666667;margin-top:1.25rem;width:30%;text-align:center}#content #felices .nav{display:block;text-align:center;color:#666667}#content #formulario{height:30rem;padding:0 1rem !important}#content #formulario .whatsapp-link{color:inherit}#content #formulario>.column{float:left;padding-left:1rem !important;padding-right:1rem !important}#content #formulario>.column::after{clear:both}#content #formulario>.flotante{position:absolute;top:11.4375rem;margin:auto;left:40%;width:13.5rem;text-align:center}#content #formulario>.flotante>.content{width:8.125rem;margin:auto;left:-50%}#content #formulario>.flotante>.content .item{display:block;padding:.3125rem 0}#content #formulario>.flotante>.content div.whatsapp{height:1.875rem;background-color:#1a9947;color:#fff;font-size:.625rem}#content #formulario>.flotante>.content div.whatsapp>i{position:relative;font-size:1.3333333333rem;top:.1875rem}#content #formulario>.flotante>.content .rrss{display:flex;justify-content:space-around;font-size:1.25rem}#content #formulario>.flotante>.content .rrss i.inverted.grey{color:#fff !important}#content #formulario>.column1{width:67%;margin-top:1.6875rem}#content #formulario>.column1>img{width:33.75rem;height:21.875rem;float:left}#content #formulario>.column2{width:33%}#content #formulario>.column2 .header{margin-top:1.25rem;text-align:center;font-size:1.8333333333rem}#content #formulario>.column2 .header .whatsapp-link{display:inline-block;width:1.5625rem;height:1.5625rem;font-size:2.0833333333rem}#content #formulario>.column2 .paragraph{padding-top:1rem;padding-bottom:1.5625rem;justify-content:center}#content #formulario>.column2 form input{border-radius:0 !important;height:1.125rem;margin-bottom:.5625rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form input::placeholder{color:#333}#content #formulario>.column2 form textarea{border-radius:0 !important;height:4.5rem;margin-bottom:1.5625rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form textarea::placeholder{color:#333}#content #formulario>.column2 form .button{width:100%;border-radius:0 !important;background-color:#fff;color:#333}#content section{background:none}#content section.segment>.container{height:100%}#content section.segment>.container>.column1{display:inline-block;width:67rem}#content section.segment>.container>.column2{display:inline-block;width:33rem}#content .simple.segment{border:none !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;padding:0 !important}#content .simple.segment>.ui.grid{height:100%}#content .fondo-blanco{background-color:rgba(255,255,255,.5)}} +*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}html{font-family:Roboto,sans}#header{background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-color:rgba(0,0,0,.4);background-blend-mode:multiply;color:#fff}#header .container #menu{background:none !important;border:none !important;box-shadow:none !important}#header .container #menu .right.menu .item .shopping.cart .cantidad{position:relative;color:#fff}#header .container .segment{margin:0 !important}#header .container .segment #logo img{width:50%}#descripcion{background-image:linear-gradient(#cccccc, #cccccc)}#descripcion .images{text-align:center}#ventajas{position:relative;background-image:url("../images/tripode.png")}#ventajas .diagonal{position:absolute;background-blend-mode:color}#ventajas .gallery{position:relative;text-align:center}#ventajas .gallery .image{max-height:inherit}#ventajas .gallery .image img{max-height:inherit;margin:auto}#ventajas .gallery .nav{position:absolute}#ventajas .gallery .nav.left{top:50%;left:0}#ventajas .gallery .nav.right{top:50%;right:0}#ventajas .gallery::after{clear:both}#dimensiones{position:relative;background-image:url("../images/tripode.png")}#dimensiones .fondo-gris{position:absolute;width:100%;height:100%;background-color:rgba(204,204,204,.5)}#dimensiones .left.column>.grid>.column:first-child{min-width:33% !important}#dimensiones .left.column>.grid>.column:last-child{min-width:67% !important}@media screen and (max-width: 800px){#header{height:25rem;background-size:160%;background-position:bottom -0.9375rem center}#header .container #menu{font-size:1.3333333333rem}#header .container #menu .right.menu .item .shopping.cart .cantidad{top:-1.875rem;left:.15rem;font-size:.6666666667rem}#header .container .segment #logo img{max-width:56.25rem}#descripcion{padding-bottom:.46875rem}#descripcion .paragraph{padding-top:1.6875rem;line-height:1.3125rem;text-align:justify}#descripcion .paragraph .header{margin-bottom:.5625rem;font-size:1.5rem}#ventajas .diagonal{border-bottom:100% solid rgba(204,204,204,.5);border-right:100% solid transparent}#ventajas .gallery{max-height:25.5rem}#dimensiones .header{font-size:1.8333333333rem;padding-top:5.0625rem;padding-bottom:2.34375rem}#dimensiones .colores{vertical-align:center}#dimensiones .colores .text{margin-right:.28125rem}#dimensiones .colores .white{border:thin solid #000;background-color:#fff}#dimensiones .colores .black{background-color:#000}#dimensiones .colores .blue{background-color:blue}#dimensiones .colores .green{background-color:lime}#dimensiones .colores .yellow{background-color:#ff0}#dimensiones .colores .orange{background-color:#ff8200}#dimensiones .colores .red{background-color:red}#dimensiones .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#dimensiones .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}.left.column{width:75%;padding-left:.46875rem !important}#backgrounds .cabezal{height:25rem;background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-size:160%;background-position:bottom -0.9375rem center;background-color:rgba(0,0,0,.4);background-blend-mode:multiply}#backgrounds .seccion1{height:rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 10.5rem;background-size:100% 12rem;background-repeat:no-repeat}#backgrounds .seccion2{height:rem;background-image:url("../images/tripode.png")}#backgrounds .seccion2 .diagonal{border-bottom:rem solid rgba(204,204,204,.5);border-right:178.125rem solid transparent}#backgrounds .dimensiones{height:27.5rem;background-image:url("../images/tripode.png")}#backgrounds .dimensiones .fondo-gris{width:100%;height:100%;background-color:rgba(204,204,204,.5)}#backgrounds .construido{height:21.875rem;background-image:url("../images/construido.jpg")}#backgrounds .corporativos{height:32.5rem;background-image:url("../images/corporativo.png")}#backgrounds .testimonios{height:21.875rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 10.78125rem;background-size:100% 11.0625rem;background-repeat:no-repeat}#backgrounds .formulario{height:30rem;background-color:#ccc;clip-path:polygon(50% 0, 100% 0%, 100% 100%, 0% 100%)}html{font-size:10.6666666667px;width:100%;overflow-x:hidden}body{height:211.25rem;font-family:Roboto,sans;color:#333}#content{width:100% !important;height:211.25rem;margin:0 !important;position:relative;top:-211.25rem}#content #header{color:#fff;width:100%;height:25rem}#content #header .ui.menu{border:none !important;background:none !important;box-shadow:none !important;margin:0 !important;color:#000}#content #header .ui.menu .dropdown .menu{color:#000;font-size:1rem}#content #header .ui.menu .dropdown .menu .item{padding:1rem !important}#content #header .ui.menu .item{color:inherit !important;font-size:1rem}#content #header .ui.menu .item .shopping.cart div{position:relative;color:#000;display:inline-block;top:-1.3rem;left:.1rem;font-size:.5rem;font-family:Roboto,sans}#content #header .logo{padding:0 !important;margin:0 !important}#content #header .logo img{width:50%;max-width:56.25rem}#content #header .logo .frase1{width:75%;margin:auto;font-size:1rem}#content #header .logo .frase2{font-size:.7rem}#content>.column{display:inline-block;float:left;padding-left:1rem !important;padding-right:1rem !important}#content>.column::after{clear:both}#content>.column1{width:90%}#content>.column1 #seccion1{height:rem;width:100%}#content>.column1 #seccion1 .image-container{display:flex;justify-content:space-between;height:22.5rem}#content>.column1 #seccion1 .image-container img{width:50%;margin-top:7.96875rem}#content>.column1 #seccion1 .paragraph{padding-top:2.625rem;line-height:1.3125rem;text-align:justify}#content>.column1 #seccion1 .paragraph .header{margin-bottom:1rem;font-size:2.0625rem}#content>.column1 #seccion2{height:rem}#content>.column1 #seccion2>.column{display:inline-block;float:left;width:50%}#content>.column1 #seccion2>.column::after{clear:both}#content>.column1 #seccion2 .column1{margin-top:7.5rem}#content>.column1 #seccion2 .column1 img{width:29.71875rem;height:29.71875rem}#content>.column1 #seccion2 .column2{margin-top:10.6875rem}#content>.column1 #seccion2 .column2 .row:first-child{background-color:#00427b;color:#fff;height:16.875rem;width:35.625rem;padding:2rem;margin-left:-3rem;overflow:hidden}#content>.column1 #seccion2 .column2 .row:first-child .header{font-weight:bold;font-size:1.5rem;margin-bottom:1rem}#content>.column1 #seccion2 .column2 .row:first-child ul{list-style:disc inside;font-size:.8333333333rem}#content>.column1 #seccion2 .column2 .row:last-child{margin-top:1.6875rem;display:flex;justify-content:space-between}#content>.column1 #seccion2 .column2 .row:last-child img{width:6.5625rem;height:7.96875rem}#content>.column1 #dimensiones{height:27.5rem}#content>.column1 #dimensiones .header{padding:3.46875rem 0 !important}#content>.column1 #dimensiones .header .bigger{font-size:1.5rem}#content>.column1 #dimensiones .images{display:flex}#content>.column1 #dimensiones .images .column{float:left}#content>.column1 #dimensiones .images .column>img{width:29.34375rem;height:22.03125rem}#content>.column1 #dimensiones .images .column div{width:29.34375rem;margin-top:2.34375rem}#content>.column1 #construido{height:21.875rem;padding-top:2.15625rem !important}#content>.column1 #construido .header{font-size:1.8333333333rem;padding:.9375rem 4.03125rem;background-color:rgba(255,255,255,.6)}#content>.column2{width:10%;height:101.875rem}#content>.column2 .sticky{height:24.84375rem;width:29.0625rem;margin:auto}#content>.column2 .sticky .row:first-child{height:15.9375rem;margin-top:7.5rem}#content>.column2 .sticky .row:first-child .column{display:inline-block;float:left}#content>.column2 .sticky .row:first-child .column::after{clear:both}#content>.column2 .sticky .row:first-child .column1{vertical-align:bottom;padding-top:1.875rem;width:19.375rem;font-size:1.1666666667rem}#content>.column2 .sticky .row:first-child .column1 .linea{margin-bottom:.9375rem}#content>.column2 .sticky .row:first-child .column1 .titulo{font-size:2.0833333333rem}#content>.column2 .sticky .row:first-child .column1 .precio{font-size:1.3333333333rem}#content>.column2 .sticky .row:first-child .column1 .colores{vertical-align:center}#content>.column2 .sticky .row:first-child .column1 .colores .text{margin-right:.28125rem}#content>.column2 .sticky .row:first-child .column1 .colores .white{border:thin solid #000;background-color:#fff}#content>.column2 .sticky .row:first-child .column1 .colores .black{background-color:#000}#content>.column2 .sticky .row:first-child .column1 .colores .blue{background-color:blue}#content>.column2 .sticky .row:first-child .column1 .colores .green{background-color:lime}#content>.column2 .sticky .row:first-child .column1 .colores .yellow{background-color:#ff0}#content>.column2 .sticky .row:first-child .column1 .colores .orange{background-color:#ff8200}#content>.column2 .sticky .row:first-child .column1 .colores .red{background-color:red}#content>.column2 .sticky .row:first-child .column1 .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#content>.column2 .sticky .row:first-child .column1 .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}#content>.column2 .sticky .row:first-child .column1 .input{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#content>.column2 .sticky .row:first-child .column1 .input button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;font-weight:bold}#content>.column2 .sticky .row:first-child .column1 .input input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#content>.column2 .sticky .row:first-child .column2{width:9.6875rem}#content>.column2 .sticky .row:first-child .column2 img{width:10.3125rem;height:15rem}#content>.column2 .sticky .row:last-child .button{border-radius:0 !important;width:100%}#content #corporativos{width:100%;height:32.5rem;margin-top:101.875rem !important}#content #corporativos>.column{display:inline-block;float:left;padding-left:1rem !important;padding-right:1rem !important}#content #corporativos>.column::after{clear:both}#content #corporativos .column1{width:67%}#content #corporativos .column1>.header{margin-top:6.28125rem;margin-bottom:3.46875rem}#content #corporativos .column1>.header .bigger{font-size:2.4375rem}#content #corporativos .column1 .opciones{display:flex;justify-content:space-around}#content #corporativos .column1 .opciones .opcion{display:inline-block}#content #corporativos .column1 .opciones .opcion .img-grande{display:inline-block;padding-right:1.125rem}#content #corporativos .column1 .opciones .opcion .img-grande img{width:12.65625rem;height:18.75rem}#content #corporativos .column1 .opciones .opcion .descripcion{display:inline-block;vertical-align:top;height:18.75rem;padding-top:1.875rem}#content #corporativos .column1 .opciones .opcion .descripcion .content{display:block}#content #corporativos .column1 .opciones .opcion .descripcion .content .header{font-size:1.1666666667rem;margin-bottom:.9375rem}#content #corporativos .column1 .opciones .opcion .descripcion .content ul{list-style:disc inside}#content #corporativos .column1 .opciones .opcion .descripcion .images{margin-top:3.1875rem}#content #corporativos .column1 .opciones .opcion .descripcion .images img{width:6.5625rem;height:7.96875rem}#content #corporativos .column2{width:33%;height:100%}#content #corporativos .column2 .header{margin-top:4.3125rem;margin-bottom:2.25rem;font-size:2.4375rem}#content #corporativos .column2 form .colores{vertical-align:center}#content #corporativos .column2 form .colores .text{margin-right:.28125rem}#content #corporativos .column2 form .colores .white{border:thin solid #000;background-color:#fff}#content #corporativos .column2 form .colores .black{background-color:#000}#content #corporativos .column2 form .colores .blue{background-color:blue}#content #corporativos .column2 form .colores .green{background-color:lime}#content #corporativos .column2 form .colores .yellow{background-color:#ff0}#content #corporativos .column2 form .colores .orange{background-color:#ff8200}#content #corporativos .column2 form .colores .red{background-color:red}#content #corporativos .column2 form .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#content #corporativos .column2 form .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}#content #corporativos .column2 form .row{margin-bottom:.84375rem}#content #corporativos .column2 form .colores.linea{margin-bottom:1.5rem}#content #corporativos .column2 form .input.cantidad{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#content #corporativos .column2 form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer}#content #corporativos .column2 form .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#content #corporativos .column2 form .input [type=file]{display:none}#content #corporativos .column2 form .input .file{display:inline-block;height:2.25rem;width:14.0625rem;padding-top:.28125rem;background-color:#cccccb;border:thin solid #333;font-size:.8333333333rem;text-align:center;cursor:pointer}#content #corporativos .column2 form .input [type=text]{height:1.6875rem;background-color:#fff;border:none !important;border-radius:0 !important}#content #corporativos .column2 form textarea{height:6.75rem;background-color:#fff;border:none !important;border-radius:0 !important;margin-bottom:1.5rem}#content #corporativos .column2 form .button{width:100%;background-color:#666667;color:#fff;border:none !important;border-radius:0 !important}#content #felices{height:21.875rem;padding:0 1rem !important;padding-top:5.625rem !important}#content #felices .header{font-size:1.8333333333rem}#content #felices .testimonios{margin-top:2.34375rem;display:flex;justify-content:space-between;text-align:center}#content #felices .testimonios .testimonio{height:7.5rem;color:#666667;margin-top:1.875rem;width:30%;text-align:center}#content #felices .nav{display:block;text-align:center;color:#666667}#content #formulario{height:30rem;padding:0 1rem !important}#content #formulario .whatsapp-link{color:inherit}#content #formulario>.column{float:left;padding-left:1rem !important;padding-right:1rem !important}#content #formulario>.column::after{clear:both}#content #formulario>.flotante{position:absolute;top:17.15625rem;margin:auto;left:40%;width:11.25rem;text-align:center}#content #formulario>.flotante>.content{width:12.1875rem;margin:auto;left:-50%}#content #formulario>.flotante>.content .item{display:block;padding:.46875rem 0}#content #formulario>.flotante>.content div.whatsapp{height:2.8125rem;background-color:#1a9947;color:#fff;font-size:.9375rem}#content #formulario>.flotante>.content div.whatsapp>i{position:relative;font-size:1.3333333333rem;top:.28125rem}#content #formulario>.flotante>.content .rrss{display:flex;justify-content:space-around;font-size:1.875rem}#content #formulario>.flotante>.content .rrss i.inverted.grey{color:#fff !important}#content #formulario>.column1{width:90%;margin-top:2.53125rem}#content #formulario>.column1>img{width:50.625rem;height:32.8125rem;float:left}#content #formulario>.column2{width:10%}#content #formulario>.column2 .header{margin-top:1.875rem;text-align:center;font-size:1.8333333333rem}#content #formulario>.column2 .header .whatsapp-link{display:inline-block;width:2.34375rem;height:2.34375rem;font-size:2.0833333333rem}#content #formulario>.column2 .paragraph{padding-top:1rem;padding-bottom:2.34375rem;justify-content:center}#content #formulario>.column2 form input{border-radius:0 !important;height:1.6875rem;margin-bottom:.84375rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form input::placeholder{color:#333}#content #formulario>.column2 form textarea{border-radius:0 !important;height:6.75rem;margin-bottom:2.34375rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form textarea::placeholder{color:#333}#content #formulario>.column2 form .button{width:100%;border-radius:0 !important;background-color:#fff;color:#333}#content section{background:none}#content section.segment>.container{height:100%}#content section.segment>.container>.column1{display:inline-block;width:90rem}#content section.segment>.container>.column2{display:inline-block;width:10rem}#content .simple.segment{border:none !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;padding:0 !important}#content .simple.segment>.ui.grid{height:100%}#content .fondo-blanco{background-color:rgba(255,255,255,.5)}}@media screen and (min-width: 800px){#header{height:31.25rem;background-size:160%;background-position:bottom -2.5rem center}#header .container #menu i{font-size:2rem}#header .container #menu .right.menu .item .shopping.cart .cantidad{font-size:1rem;font-family:Roboto,sans;top:-1.75rem;left:.2rem}#descripcion{height:25rem;background-position:left 7rem;background-size:100% 8rem;background-repeat:no-repeat}#descripcion .images .image{max-width:33%}#descripcion .paragraph{padding-top:1.75rem;line-height:.875rem;text-align:justify}#descripcion .paragraph .header{margin-bottom:1rem;font-size:1.375rem}#ventajas .diagonal{border-bottom:27.5rem solid rgba(204,204,204,.5);border-right:118.75rem solid transparent}#ventajas .gallery{max-height:25.5rem}#dimensiones{margin-top:.9375rem}#dimensiones .colores{vertical-align:center}#dimensiones .colores .text{margin-right:.1875rem}#dimensiones .colores .white{border:thin solid #000;background-color:#fff}#dimensiones .colores .black{background-color:#000}#dimensiones .colores .blue{background-color:blue}#dimensiones .colores .green{background-color:lime}#dimensiones .colores .yellow{background-color:#ff0}#dimensiones .colores .orange{background-color:#ff8200}#dimensiones .colores .red{background-color:red}#dimensiones .colores .circle{display:inline-block;width:1.25rem;height:1.25rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#dimensiones .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}.left.column{width:67%;padding-left:.3125rem !important}section .titulo{font-size:1.8333333333rem;padding-top:3.375rem;padding-bottom:1.5625rem}#backgrounds .seccion2{height:rem;background-image:url("../images/tripode.png")}#backgrounds .seccion2 .diagonal{border-bottom:rem solid rgba(204,204,204,.5);border-right:118.75rem solid transparent}#backgrounds .dimensiones{height:27.5rem;background-image:url("../images/tripode.png")}#backgrounds .dimensiones .fondo-gris{width:100%;height:100%;background-color:rgba(204,204,204,.5)}#backgrounds .construido{height:21.875rem;background-image:url("../images/construido.jpg")}#backgrounds .corporativos{height:32.5rem;background-image:url("../images/corporativo.png")}#backgrounds .testimonios{height:21.875rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 7.1875rem;background-size:100% 7.375rem;background-repeat:no-repeat}#backgrounds .formulario{height:30rem;background-color:#ccc;clip-path:polygon(50% 0, 100% 0%, 100% 100%, 0% 100%)}body{color:#333}#content{max-width:67.5rem !important;height:217.5rem;position:relative;top:-217.5rem}#content>.column{display:inline-block;float:left;padding-left:1rem !important;padding-right:1rem !important}#content>.column::after{clear:both}#content>.column1{width:67%}#content>.column1 #seccion1{height:rem;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:rem}#content>.column1 #seccion2>.column{display:inline-block;float:left;width:50%}#content>.column1 #seccion2>.column::after{clear:both}#content>.column1 #seccion2 .column1{margin-top: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}#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;padding-top:1.4375rem !important}#content>.column1 #construido .header{font-size:1.8333333333rem;padding:.625rem 2.6875rem;background-color:rgba(255,255,255,.6)}#content>.column2{width:33%;height:101.875rem}#content>.column2 .sticky{height:16.5625rem;width:19.375rem;margin:auto}#content>.column2 .sticky .row:first-child{height:10.625rem;margin-top:5rem}#content>.column2 .sticky .row:first-child .column{display:inline-block;float:left}#content>.column2 .sticky .row:first-child .column::after{clear:both}#content>.column2 .sticky .row:first-child .column1{vertical-align:bottom;padding-top:1.25rem;width:12.9166666667rem;font-size:1.1666666667rem}#content>.column2 .sticky .row:first-child .column1 .linea{margin-bottom:.625rem}#content>.column2 .sticky .row:first-child .column1 .titulo{font-size:2.0833333333rem}#content>.column2 .sticky .row:first-child .column1 .precio{font-size:1.3333333333rem}#content>.column2 .sticky .row:first-child .column1 .colores{vertical-align:center}#content>.column2 .sticky .row:first-child .column1 .colores .text{margin-right:.1875rem}#content>.column2 .sticky .row:first-child .column1 .colores .white{border:thin solid #000;background-color:#fff}#content>.column2 .sticky .row:first-child .column1 .colores .black{background-color:#000}#content>.column2 .sticky .row:first-child .column1 .colores .blue{background-color:blue}#content>.column2 .sticky .row:first-child .column1 .colores .green{background-color:lime}#content>.column2 .sticky .row:first-child .column1 .colores .yellow{background-color:#ff0}#content>.column2 .sticky .row:first-child .column1 .colores .orange{background-color:#ff8200}#content>.column2 .sticky .row:first-child .column1 .colores .red{background-color:red}#content>.column2 .sticky .row:first-child .column1 .colores .circle{display:inline-block;width:1.25rem;height:1.25rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#content>.column2 .sticky .row:first-child .column1 .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}#content>.column2 .sticky .row:first-child .column1 .input{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#content>.column2 .sticky .row:first-child .column1 .input button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;font-weight:bold}#content>.column2 .sticky .row:first-child .column1 .input input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#content>.column2 .sticky .row:first-child .column2{width:6.4583333333rem}#content>.column2 .sticky .row:first-child .column2 img{width:6.875rem;height:10rem}#content>.column2 .sticky .row:last-child .button{border-radius:0 !important;width:100%}#content #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:1.25rem;height:1.25rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#content #corporativos .column2 form .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}#content #corporativos .column2 form .row{margin-bottom:.5625rem}#content #corporativos .column2 form .input.cantidad{width:4.5rem;background:#fff;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem;color:rgba(191,191,191,.87) !important}#content #corporativos .column2 form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;color:rgba(191,191,191,.87) !important}#content #corporativos .column2 form .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center;color:rgba(191,191,191,.87) !important}#content #corporativos .column2 form .input [type=file]{display:none}#content #corporativos .column2 form .input .file{display:inline-block;height:1.5rem;padding-top:.1875rem;margin-left:.3125rem;font-size:1.3333333333rem;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;padding-top:3.75rem !important}#content #felices .header{font-size:1.8333333333rem}#content #felices .testimonios{margin-top:1.5625rem;display:flex;justify-content:space-between;text-align:center}#content #felices .testimonios .testimonio{height:5rem;color:#666667;margin-top:1.25rem;width:30%;text-align:center}#content #felices .nav{display:block;text-align:center;color:#666667}#content #formulario{height:30rem;padding:0 1rem !important}#content #formulario .whatsapp-link{color:inherit}#content #formulario>.column{float:left;padding-left:1rem !important;padding-right:1rem !important}#content #formulario>.column::after{clear:both}#content #formulario>.flotante{position:absolute;top:11.4375rem;margin:auto;left:40%;width:13.5rem;text-align:center}#content #formulario>.flotante>.content{width:8.125rem;margin:auto;left:-50%}#content #formulario>.flotante>.content .item{display:block;padding:.3125rem 0}#content #formulario>.flotante>.content div.whatsapp{height:1.875rem;background-color:#1a9947;color:#fff;font-size:.625rem}#content #formulario>.flotante>.content div.whatsapp>i{position:relative;font-size:1.3333333333rem;top:.1875rem}#content #formulario>.flotante>.content .rrss{display:flex;justify-content:space-around;font-size:1.25rem}#content #formulario>.flotante>.content .rrss i.inverted.grey{color:#fff !important}#content #formulario>.column1{width:67%;margin-top:1.6875rem}#content #formulario>.column1>img{width:33.75rem;height:21.875rem;float:left}#content #formulario>.column2{width:33%}#content #formulario>.column2 .header{margin-top:1.25rem;text-align:center;font-size:1.8333333333rem}#content #formulario>.column2 .header .whatsapp-link{display:inline-block;width:1.5625rem;height:1.5625rem;font-size:2.0833333333rem}#content #formulario>.column2 .paragraph{padding-top:1rem;padding-bottom:1.5625rem;justify-content:center}#content #formulario>.column2 form input{border-radius:0 !important;height:1.125rem;margin-bottom:.5625rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form input::placeholder{color:#333}#content #formulario>.column2 form textarea{border-radius:0 !important;height:4.5rem;margin-bottom:1.5625rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form textarea::placeholder{color:#333}#content #formulario>.column2 form .button{width:100%;border-radius:0 !important;background-color:#fff;color:#333}#content section{background:none}#content section.segment>.container{height:100%}#content section.segment>.container>.column1{display:inline-block;width:67rem}#content section.segment>.container>.column2{display:inline-block;width:33rem}#content .simple.segment{border:none !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;padding:0 !important}#content .simple.segment>.ui.grid{height:100%}#content .fondo-blanco{background-color:rgba(255,255,255,.5)}} /*# 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 b93f204..c8a8a68 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,qCACE,sBACE,aACA,6CACA,4BACA,qBACA,6CACA,gCACA,+BAEF,uBACE,aACA,mDACA,iCACA,2BACA,4BAEF,uBACE,eACA,8CAEF,iCACE,iDACA,0CAEF,0BACE,eACA,8CAEF,sCACE,WACA,YACA,sCAEF,yBACE,iBACA,6CAEF,2BACE,eACA,6CAEF,0BACE,iBACA,mDACA,qCACA,gCACA,4BAEF,yBACE,aACA,sBACA,sDAGF,KACE,0BACA,WACA,kBAGF,KACE,iBACA,wBACA,WAGF,SACE,sBACA,iBACA,oBACA,kBACA,eAEF,iBACE,WACA,WACA,aAEF,0BACE,uBACA,2BACA,2BACA,oBACA,WAEF,0CAIE,WACA,eAEF,gDACE,wBAEF,gCACE,yBACA,eAEF,mDACE,kBACA,WACA,qBACA,YACA,WACA,gBACA,wBAEF,uBACE,qBACA,oBAEF,2BACE,UACA,mBAEF,+BACE,UACA,YACA,eAEF,+BACE,gBAEF,iBACE,qBACA,WACA,6BACA,8BAEF,wBACE,WAEF,kBACE,UAEF,4BACE,aACA,WAEF,6CACE,aACA,8BACA,eAEF,iDACE,UACA,sBAEF,uCACE,qBACA,sBACA,mBAEF,+CACE,mBACA,oBAEF,4BACE,eAEF,oCACE,qBACA,WACA,UAEF,2CACE,WAEF,qCACE,kBAEF,yCACE,kBACA,mBAEF,qCACE,sBAEF,sDACE,yBACA,WACA,iBACA,gBACA,aACA,kBACA,gBAEF,8DACE,iBACA,iBACA,mBAEF,yDACE,uBACA,yBAEF,qDACE,qBACA,aACA,8BAEF,yDACE,gBACA,kBAEF,+BACE,eAEF,uCACE,gCAEF,+CACE,iBAEF,uCACE,aAEF,+CACE,WAEF,mDACE,kBACA,mBAEF,mDACE,kBACA,sBAEF,8BACE,iBACA,kCAEF,sCACE,0BACA,4BACA,sCAEF,kBACE,UACA,kBAEF,0BACE,mBACA,iBACA,YAEF,2CACE,kBACA,kBAEF,mDACE,qBACA,WAEF,0DACE,WAEF,oDACE,sBACA,qBACA,gBACA,0BAEF,2DACE,uBAEF,4DACE,0BAEF,4DACE,0BAEF,6DACE,sBAEF,mEACE,uBAEF,oEACE,uBACA,sBAEF,oEACE,sBAEF,mEACE,sBAEF,oEACE,sBAEF,qEACE,sBAEF,qEACE,yBAEF,kEACE,qBAEF,qEACE,qBACA,eACA,gBACA,qBACA,sBACA,eAEF,8EACE,eACA,gBACA,eAEF,2DACE,aACA,uBACA,kBACA,qBACA,yBAEF,kEACE,gBACA,YACA,WACA,SACA,UACA,eACA,iBAEF,iEACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,oDACE,gBAEF,wDACE,iBACA,aAEF,kDACE,2BACA,WAEF,uBACE,WACA,eACA,iCAEF,+BACE,qBACA,WACA,6BACA,8BAEF,sCACE,WAEF,gCACE,UAEF,wCACE,sBACA,yBAEF,gDACE,oBAEF,0CACE,aACA,6BAEF,kDACE,qBAEF,8DACE,qBACA,uBAEF,kEACE,kBACA,gBAEF,+DACE,qBACA,mBACA,gBACA,qBAEF,wEACE,cAEF,gFACE,0BACA,uBAEF,2EACE,uBAEF,uEACE,qBAEF,2EACE,gBACA,kBAEF,gCACE,UACA,YAEF,wCACE,qBACA,sBACA,oBAEF,8CACE,sBAEF,oDACE,uBAEF,qDACE,uBACA,sBAEF,qDACE,sBAEF,oDACE,sBAEF,qDACE,sBAEF,sDACE,sBAEF,sDACE,yBAEF,mDACE,qBAEF,sDACE,qBACA,eACA,gBACA,qBACA,sBACA,eAEF,+DACE,eACA,gBACA,eAEF,0CACE,wBAEF,oDACE,qBAEF,qDACE,aACA,uBACA,kBACA,qBACA,yBAEF,4DACE,gBACA,YACA,WACA,SACA,UACA,eAEF,2DACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,wDACE,aAEF,kDACE,qBACA,eACA,iBACA,sBACA,yBACA,uBACA,yBACA,kBACA,eAEF,wDACE,iBACA,sBACA,uBACA,2BAEF,8CACE,eACA,sBACA,uBACA,2BACA,qBAEF,6CACE,WACA,yBACA,WACA,uBACA,2BAEF,kBACE,iBACA,0BACA,gCAEF,0BACE,0BAEF,+BACE,sBACA,aACA,8BACA,kBAEF,2CACE,cACA,cACA,oBACA,UACA,kBAEF,uBACE,cACA,kBACA,cAEF,qBACE,aACA,0BAEF,oCACE,cAEF,6BACE,WACA,6BACA,8BAEF,oCACE,WAEF,+BACE,kBACA,gBACA,YACA,SACA,eACA,kBAEF,wCACE,iBACA,YACA,UAEF,8CACE,cACA,oBAEF,qDACE,iBACA,yBACA,WACA,mBAEF,uDACE,kBACA,0BACA,cAEF,8CACE,aACA,6BACA,mBAEF,8DACE,sBAEF,8BACE,UACA,sBAEF,kCACE,gBACA,kBACA,WAEF,8BACE,UAEF,sCACE,oBACA,kBACA,0BAEF,qDACE,qBACA,iBACA,kBACA,0BAEF,yCACE,iBACA,0BACA,uBAEF,yCACE,2BACA,iBACA,wBACA,sCACA,yBAEF,sDACE,WAEF,4CACE,2BACA,eACA,yBACA,sCACA,yBAEF,yDACE,WAEF,2CACE,WACA,2BACA,sBACA,WAEF,iBACE,gBAEF,oCACE,YAEF,6CACE,qBACA,YAEF,6CACE,qBACA,YAEF,yBACE,uBACA,2BACA,2BACA,oBACA,qBAEF,kCACE,YAEF,uBACE,uCAGJ,qCACE,sBACE,gBACA,6CACA,4BACA,uBACA,0CACA,gCACA,+BAEF,uBACE,aACA,mDACA,8BACA,0BACA,4BAEF,uBACE,eACA,8CAEF,iCACE,iDACA,yCAEF,0BACE,eACA,8CAEF,sCACE,WACA,YACA,sCAEF,yBACE,iBACA,6CAEF,2BACE,eACA,6CAEF,0BACE,iBACA,mDACA,mCACA,8BACA,4BAEF,yBACE,aACA,sBACA,sDAGF,KACE,gBACA,gBAGF,KACE,gBACA,wBACA,WAGF,SACE,6BACA,gBACA,kBACA,cAEF,iBACE,WACA,WACA,gBAEF,0BACE,uBACA,2BACA,2BACA,oBACA,WAEF,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,iBACA,iCAEF,sCACE,0BACA,0BACA,sCAEF,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,qDACE,aACA,gBACA,kBACA,qBACA,yBACA,uCAEF,4DACE,gBACA,YACA,WACA,SACA,UACA,eACA,uCAEF,2DACE,WACA,gBACA,SACA,SACA,UACA,kBACA,uCAEF,wDACE,aAEF,kDACE,qBACA,cACA,qBACA,qBACA,0BACA,kBACA,eAEF,wDACE,gBACA,sBACA,uBACA,2BAEF,8CACE,cACA,sBACA,uBACA,2BACA,mBAEF,6CACE,WACA,yBACA,WACA,uBACA,2BAEF,kBACE,iBACA,0BACA,+BAEF,0BACE,0BAEF,+BACE,qBACA,aACA,8BACA,kBAEF,2CACE,YACA,cACA,mBACA,UACA,kBAEF,uBACE,cACA,kBACA,cAEF,qBACE,aACA,0BAEF,oCACE,cAEF,6BACE,WACA,6BACA,8BAEF,oCACE,WAEF,+BACE,kBACA,eACA,YACA,SACA,cACA,kBAEF,wCACE,eACA,YACA,UAEF,8CACE,cACA,mBAEF,qDACE,gBACA,yBACA,WACA,kBAEF,uDACE,kBACA,0BACA,aAEF,8CACE,aACA,6BACA,kBAEF,8DACE,sBAEF,8BACE,UACA,qBAEF,kCACE,eACA,iBACA,WAEF,8BACE,UAEF,sCACE,mBACA,kBACA,0BAEF,qDACE,qBACA,gBACA,iBACA,0BAEF,yCACE,iBACA,yBACA,uBAEF,yCACE,2BACA,gBACA,uBACA,sCACA,yBAEF,sDACE,WAEF,4CACE,2BACA,cACA,wBACA,sCACA,yBAEF,yDACE,WAEF,2CACE,WACA,2BACA,sBACA,WAEF,iBACE,gBAEF,oCACE,YAEF,6CACE,qBACA,YAEF,6CACE,qBACA,YAEF,yBACE,uBACA,2BACA,2BACA,oBACA,qBAEF,kCACE,YAEF,uBACE","file":"../main.min.css","sourcesContent":["*, *: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@media screen and (max-width: 800px) {\n #backgrounds .cabezal {\n height: 25rem;\n background-image: url(\"../images/banner.jpg\");\n background-repeat: no-repeat;\n background-size: 160%;\n background-position: bottom -0.9375rem center;\n background-color: rgba(0, 0, 0, 0.4);\n background-blend-mode: multiply;\n }\n #backgrounds .seccion1 {\n height: 25rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 10.5rem;\n background-size: 100% 12rem;\n background-repeat: no-repeat;\n }\n #backgrounds .seccion2 {\n height: 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: 178.125rem 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-image: url(\"../images/fondo4.jpg\");\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 10.78125rem;\n background-size: 100% 11.0625rem;\n background-repeat: no-repeat;\n }\n #backgrounds .formulario {\n height: 30rem;\n background-color: #cccccc;\n clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);\n }\n\n html {\n font-size: 10.6666666667px;\n width: 100%;\n overflow-x: hidden;\n }\n\n body {\n height: 211.25rem;\n font-family: Roboto, sans;\n color: #333333;\n }\n\n #content {\n width: 100% !important;\n height: 211.25rem;\n margin: 0 !important;\n position: relative;\n top: -211.25rem;\n }\n #content #header {\n color: white;\n width: 100%;\n height: 25rem;\n }\n #content #header .ui.menu {\n border: none !important;\n background: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n color: black;\n }\n #content #header .ui.menu .dropdown .menu {\n /*background: none !important;\n border: none !important;\n box-shadow: none !important;*/\n color: black;\n font-size: 1rem;\n }\n #content #header .ui.menu .dropdown .menu .item {\n padding: 1rem !important;\n }\n #content #header .ui.menu .item {\n color: inherit !important;\n font-size: 1rem;\n }\n #content #header .ui.menu .item .shopping.cart div {\n position: relative;\n color: black;\n display: inline-block;\n top: -1.3rem;\n left: 0.1rem;\n font-size: 0.5rem;\n font-family: Roboto, sans;\n }\n #content #header .logo {\n padding: 0 !important;\n margin: 0 !important;\n }\n #content #header .logo img {\n width: 50%;\n max-width: 56.25rem;\n }\n #content #header .logo .frase1 {\n width: 75%;\n margin: auto;\n font-size: 1rem;\n }\n #content #header .logo .frase2 {\n font-size: 0.7rem;\n }\n #content > .column {\n display: inline-block;\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content > .column::after {\n clear: both;\n }\n #content > .column1 {\n width: 90%;\n }\n #content > .column1 #seccion1 {\n height: 25rem;\n width: 100%;\n }\n #content > .column1 #seccion1 .image-container {\n display: flex;\n justify-content: space-between;\n height: 22.5rem;\n }\n #content > .column1 #seccion1 .image-container img {\n width: 50%;\n margin-top: 7.96875rem;\n }\n #content > .column1 #seccion1 .paragraph {\n padding-top: 2.625rem;\n line-height: 1.3125rem;\n text-align: justify;\n }\n #content > .column1 #seccion1 .paragraph .header {\n margin-bottom: 1rem;\n font-size: 2.0625rem;\n }\n #content > .column1 #seccion2 {\n height: 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: 7.5rem;\n }\n #content > .column1 #seccion2 .column1 img {\n width: 29.71875rem;\n height: 29.71875rem;\n }\n #content > .column1 #seccion2 .column2 {\n margin-top: 10.6875rem;\n }\n #content > .column1 #seccion2 .column2 .row:first-child {\n background-color: #00427b;\n color: white;\n height: 16.875rem;\n width: 35.625rem;\n padding: 2rem;\n margin-left: -3rem;\n overflow: hidden;\n }\n #content > .column1 #seccion2 .column2 .row:first-child .header {\n font-weight: bold;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n #content > .column1 #seccion2 .column2 .row:first-child ul {\n list-style: disc inside;\n font-size: 0.8333333333rem;\n }\n #content > .column1 #seccion2 .column2 .row:last-child {\n margin-top: 1.6875rem;\n display: flex;\n justify-content: space-between;\n }\n #content > .column1 #seccion2 .column2 .row:last-child img {\n width: 6.5625rem;\n height: 7.96875rem;\n }\n #content > .column1 #dimensiones {\n height: 27.5rem;\n }\n #content > .column1 #dimensiones .header {\n padding: 3.46875rem 0 !important;\n }\n #content > .column1 #dimensiones .header .bigger {\n font-size: 1.5rem;\n }\n #content > .column1 #dimensiones .images {\n display: flex;\n }\n #content > .column1 #dimensiones .images .column {\n float: left;\n }\n #content > .column1 #dimensiones .images .column > img {\n width: 29.34375rem;\n height: 22.03125rem;\n }\n #content > .column1 #dimensiones .images .column div {\n width: 29.34375rem;\n margin-top: 2.34375rem;\n }\n #content > .column1 #construido {\n height: 21.875rem;\n padding-top: 2.15625rem !important;\n }\n #content > .column1 #construido .header {\n font-size: 1.8333333333rem;\n padding: 0.9375rem 4.03125rem;\n background-color: rgba(255, 255, 255, 0.6);\n }\n #content > .column2 {\n width: 10%;\n height: 101.875rem;\n }\n #content > .column2 .sticky {\n height: 24.84375rem;\n width: 29.0625rem;\n margin: auto;\n }\n #content > .column2 .sticky .row:first-child {\n height: 15.9375rem;\n margin-top: 7.5rem;\n }\n #content > .column2 .sticky .row:first-child .column {\n display: inline-block;\n float: left;\n }\n #content > .column2 .sticky .row:first-child .column::after {\n clear: both;\n }\n #content > .column2 .sticky .row:first-child .column1 {\n vertical-align: bottom;\n padding-top: 1.875rem;\n width: 19.375rem;\n font-size: 1.1666666667rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .linea {\n margin-bottom: 0.9375rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .titulo {\n font-size: 2.0833333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .precio {\n font-size: 1.3333333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores {\n vertical-align: center;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .text {\n margin-right: 0.28125rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .white {\n border: thin solid black;\n background-color: white;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .black {\n background-color: black;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .blue {\n background-color: blue;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .green {\n background-color: lime;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .yellow {\n background-color: yellow;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .orange {\n background-color: #ff8200;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .red {\n background-color: red;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .circle {\n display: inline-block;\n width: 0.9375rem;\n height: 0.9375rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .circle.selected {\n width: 1.125rem;\n height: 1.125rem;\n cursor: default;\n }\n #content > .column2 .sticky .row:first-child .column1 .input {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .input button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n font-weight: bold;\n }\n #content > .column2 .sticky .row:first-child .column1 .input input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #content > .column2 .sticky .row:first-child .column2 {\n width: 9.6875rem;\n }\n #content > .column2 .sticky .row:first-child .column2 img {\n width: 10.3125rem;\n height: 15rem;\n }\n #content > .column2 .sticky .row:last-child .button {\n border-radius: 0 !important;\n width: 100%;\n }\n #content #corporativos {\n width: 100%;\n height: 32.5rem;\n margin-top: 101.875rem !important;\n }\n #content #corporativos > .column {\n display: inline-block;\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content #corporativos > .column::after {\n clear: both;\n }\n #content #corporativos .column1 {\n width: 67%;\n }\n #content #corporativos .column1 > .header {\n margin-top: 6.28125rem;\n margin-bottom: 3.46875rem;\n }\n #content #corporativos .column1 > .header .bigger {\n font-size: 2.4375rem;\n }\n #content #corporativos .column1 .opciones {\n display: flex;\n justify-content: space-around;\n }\n #content #corporativos .column1 .opciones .opcion {\n display: inline-block;\n }\n #content #corporativos .column1 .opciones .opcion .img-grande {\n display: inline-block;\n padding-right: 1.125rem;\n }\n #content #corporativos .column1 .opciones .opcion .img-grande img {\n width: 12.65625rem;\n height: 18.75rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion {\n display: inline-block;\n vertical-align: top;\n height: 18.75rem;\n padding-top: 1.875rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content {\n display: block;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content .header {\n font-size: 1.1666666667rem;\n margin-bottom: 0.9375rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content ul {\n list-style: disc inside;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .images {\n margin-top: 3.1875rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .images img {\n width: 6.5625rem;\n height: 7.96875rem;\n }\n #content #corporativos .column2 {\n width: 33%;\n height: 100%;\n }\n #content #corporativos .column2 .header {\n margin-top: 4.3125rem;\n margin-bottom: 2.25rem;\n font-size: 2.4375rem;\n }\n #content #corporativos .column2 form .colores {\n vertical-align: center;\n }\n #content #corporativos .column2 form .colores .text {\n margin-right: 0.28125rem;\n }\n #content #corporativos .column2 form .colores .white {\n border: thin solid black;\n background-color: white;\n }\n #content #corporativos .column2 form .colores .black {\n background-color: black;\n }\n #content #corporativos .column2 form .colores .blue {\n background-color: blue;\n }\n #content #corporativos .column2 form .colores .green {\n background-color: lime;\n }\n #content #corporativos .column2 form .colores .yellow {\n background-color: yellow;\n }\n #content #corporativos .column2 form .colores .orange {\n background-color: #ff8200;\n }\n #content #corporativos .column2 form .colores .red {\n background-color: red;\n }\n #content #corporativos .column2 form .colores .circle {\n display: inline-block;\n width: 0.9375rem;\n height: 0.9375rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #content #corporativos .column2 form .colores .circle.selected {\n width: 1.125rem;\n height: 1.125rem;\n cursor: default;\n }\n #content #corporativos .column2 form .row {\n margin-bottom: 0.84375rem;\n }\n #content #corporativos .column2 form .colores.linea {\n margin-bottom: 1.5rem;\n }\n #content #corporativos .column2 form .input.cantidad {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #content #corporativos .column2 form .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n }\n #content #corporativos .column2 form .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #content #corporativos .column2 form .input [type=file] {\n display: none;\n }\n #content #corporativos .column2 form .input .file {\n display: inline-block;\n height: 2.25rem;\n width: 14.0625rem;\n padding-top: 0.28125rem;\n background-color: #cccccb;\n border: thin solid #333;\n font-size: 0.8333333333rem;\n text-align: center;\n cursor: pointer;\n }\n #content #corporativos .column2 form .input [type=text] {\n height: 1.6875rem;\n background-color: white;\n border: none !important;\n border-radius: 0 !important;\n }\n #content #corporativos .column2 form textarea {\n height: 6.75rem;\n background-color: white;\n border: none !important;\n border-radius: 0 !important;\n margin-bottom: 1.5rem;\n }\n #content #corporativos .column2 form .button {\n width: 100%;\n background-color: #666667;\n color: white;\n border: none !important;\n border-radius: 0 !important;\n }\n #content #felices {\n height: 21.875rem;\n padding: 0 1rem !important;\n padding-top: 5.625rem !important;\n }\n #content #felices .header {\n font-size: 1.8333333333rem;\n }\n #content #felices .testimonios {\n margin-top: 2.34375rem;\n display: flex;\n justify-content: space-between;\n text-align: center;\n }\n #content #felices .testimonios .testimonio {\n height: 7.5rem;\n color: #666667;\n margin-top: 1.875rem;\n width: 30%;\n text-align: center;\n }\n #content #felices .nav {\n display: block;\n text-align: center;\n color: #666667;\n }\n #content #formulario {\n height: 30rem;\n padding: 0 1rem !important;\n }\n #content #formulario .whatsapp-link {\n color: inherit;\n }\n #content #formulario > .column {\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content #formulario > .column::after {\n clear: both;\n }\n #content #formulario > .flotante {\n position: absolute;\n top: 17.15625rem;\n margin: auto;\n left: 40%;\n width: 11.25rem;\n text-align: center;\n }\n #content #formulario > .flotante > .content {\n width: 12.1875rem;\n margin: auto;\n left: -50%;\n }\n #content #formulario > .flotante > .content .item {\n display: block;\n padding: 0.46875rem 0;\n }\n #content #formulario > .flotante > .content div.whatsapp {\n height: 2.8125rem;\n background-color: #1a9947;\n color: #fff;\n font-size: 0.9375rem;\n }\n #content #formulario > .flotante > .content div.whatsapp > i {\n position: relative;\n font-size: 1.3333333333rem;\n top: 0.28125rem;\n }\n #content #formulario > .flotante > .content .rrss {\n display: flex;\n justify-content: space-around;\n font-size: 1.875rem;\n }\n #content #formulario > .flotante > .content .rrss i.inverted.grey {\n color: white !important;\n }\n #content #formulario > .column1 {\n width: 90%;\n margin-top: 2.53125rem;\n }\n #content #formulario > .column1 > img {\n width: 50.625rem;\n height: 32.8125rem;\n float: left;\n }\n #content #formulario > .column2 {\n width: 10%;\n }\n #content #formulario > .column2 .header {\n margin-top: 1.875rem;\n text-align: center;\n font-size: 1.8333333333rem;\n }\n #content #formulario > .column2 .header .whatsapp-link {\n display: inline-block;\n width: 2.34375rem;\n height: 2.34375rem;\n font-size: 2.0833333333rem;\n }\n #content #formulario > .column2 .paragraph {\n padding-top: 1rem;\n padding-bottom: 2.34375rem;\n justify-content: center;\n }\n #content #formulario > .column2 form input {\n border-radius: 0 !important;\n height: 1.6875rem;\n margin-bottom: 0.84375rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form input::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form textarea {\n border-radius: 0 !important;\n height: 6.75rem;\n margin-bottom: 2.34375rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form textarea::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form .button {\n width: 100%;\n border-radius: 0 !important;\n background-color: white;\n color: #333333;\n }\n #content section {\n background: none;\n }\n #content section.segment > .container {\n height: 100%;\n }\n #content section.segment > .container > .column1 {\n display: inline-block;\n width: 90rem;\n }\n #content section.segment > .container > .column2 {\n display: inline-block;\n width: 10rem;\n }\n #content .simple.segment {\n border: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n #content .simple.segment > .ui.grid {\n height: 100%;\n }\n #content .fondo-blanco {\n background-color: rgba(255, 255, 255, 0.5);\n }\n}\n@media screen and (min-width: 800px) {\n #backgrounds .cabezal {\n height: 31.25rem;\n background-image: url(\"../images/banner.jpg\");\n background-repeat: no-repeat;\n background-size: 100rem;\n background-position: bottom -2.5rem center;\n background-color: rgba(0, 0, 0, 0.4);\n background-blend-mode: multiply;\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-image: url(\"../images/fondo4.jpg\");\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 7.1875rem;\n background-size: 100% 7.375rem;\n background-repeat: no-repeat;\n }\n #backgrounds .formulario {\n height: 30rem;\n background-color: #cccccc;\n clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);\n }\n\n html {\n height: 217.5rem;\n overflow: hidden;\n }\n\n body {\n height: 217.5rem;\n font-family: Roboto, sans;\n color: #333333;\n }\n\n #content {\n max-width: 67.5rem !important;\n height: 217.5rem;\n position: relative;\n top: -217.5rem;\n }\n #content #header {\n color: white;\n width: 100%;\n height: 31.25rem;\n }\n #content #header .ui.menu {\n border: none !important;\n background: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n color: black;\n }\n #content #header .ui.menu .dropdown .menu {\n /*background: none !important;\n border: none !important;\n box-shadow: none !important;*/\n color: black;\n font-size: 1rem;\n }\n #content #header .ui.menu .dropdown .menu .item {\n padding: 1rem !important;\n }\n #content #header .ui.menu .item {\n color: inherit !important;\n font-size: 2rem;\n padding: 1.25rem !important;\n }\n #content #header .ui.menu .item .shopping.cart div {\n position: relative;\n color: white;\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 padding-top: 1.4375rem !important;\n }\n #content > .column1 #construido .header {\n font-size: 1.8333333333rem;\n padding: 0.625rem 2.6875rem;\n background-color: rgba(255, 255, 255, 0.6);\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 .input.cantidad {\n width: 4.5rem;\n background: white;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #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 color: rgba(191, 191, 191, 0.87) !important;\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 color: rgba(191, 191, 191, 0.87) !important;\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 padding-top: 0.1875rem;\n margin-left: 0.3125rem;\n font-size: 1.3333333333rem;\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 padding-top: 3.75rem !important;\n }\n #content #felices .header {\n font-size: 1.8333333333rem;\n }\n #content #felices .testimonios {\n margin-top: 1.5625rem;\n display: flex;\n justify-content: space-between;\n text-align: center;\n }\n #content #felices .testimonios .testimonio {\n height: 5rem;\n color: #666667;\n margin-top: 1.25rem;\n width: 30%;\n text-align: center;\n }\n #content #felices .nav {\n display: block;\n text-align: center;\n color: #666667;\n }\n #content #formulario {\n height: 30rem;\n padding: 0 1rem !important;\n }\n #content #formulario .whatsapp-link {\n color: inherit;\n }\n #content #formulario > .column {\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content #formulario > .column::after {\n clear: both;\n }\n #content #formulario > .flotante {\n position: absolute;\n top: 11.4375rem;\n margin: auto;\n left: 40%;\n width: 13.5rem;\n text-align: center;\n }\n #content #formulario > .flotante > .content {\n width: 8.125rem;\n margin: auto;\n left: -50%;\n }\n #content #formulario > .flotante > .content .item {\n display: block;\n padding: 0.3125rem 0;\n }\n #content #formulario > .flotante > .content div.whatsapp {\n height: 1.875rem;\n background-color: #1a9947;\n color: #fff;\n font-size: 0.625rem;\n }\n #content #formulario > .flotante > .content div.whatsapp > i {\n position: relative;\n font-size: 1.3333333333rem;\n top: 0.1875rem;\n }\n #content #formulario > .flotante > .content .rrss {\n display: flex;\n justify-content: space-around;\n font-size: 1.25rem;\n }\n #content #formulario > .flotante > .content .rrss i.inverted.grey {\n color: white !important;\n }\n #content #formulario > .column1 {\n width: 67%;\n margin-top: 1.6875rem;\n }\n #content #formulario > .column1 > img {\n width: 33.75rem;\n height: 21.875rem;\n float: left;\n }\n #content #formulario > .column2 {\n width: 33%;\n }\n #content #formulario > .column2 .header {\n margin-top: 1.25rem;\n text-align: center;\n font-size: 1.8333333333rem;\n }\n #content #formulario > .column2 .header .whatsapp-link {\n display: inline-block;\n width: 1.5625rem;\n height: 1.5625rem;\n font-size: 2.0833333333rem;\n }\n #content #formulario > .column2 .paragraph {\n padding-top: 1rem;\n padding-bottom: 1.5625rem;\n justify-content: center;\n }\n #content #formulario > .column2 form input {\n border-radius: 0 !important;\n height: 1.125rem;\n margin-bottom: 0.5625rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form input::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form textarea {\n border-radius: 0 !important;\n height: 4.5rem;\n margin-bottom: 1.5625rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form textarea::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form .button {\n width: 100%;\n border-radius: 0 !important;\n background-color: white;\n color: #333333;\n }\n #content section {\n background: none;\n }\n #content section.segment > .container {\n height: 100%;\n }\n #content section.segment > .container > .column1 {\n display: inline-block;\n width: 67rem;\n }\n #content section.segment > .container > .column2 {\n display: inline-block;\n width: 33rem;\n }\n #content .simple.segment {\n border: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n #content .simple.segment > .ui.grid {\n height: 100%;\n }\n #content .fondo-blanco {\n background-color: rgba(255, 255, 255, 0.5);\n }\n}"]} \ No newline at end of file +{"version":3,"sources":["main.css"],"names":[],"mappings":"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,wBAGF,QACE,6CACA,4BACA,gCACA,+BACA,WAEF,yBACE,2BACA,uBACA,2BAEF,oEACE,kBACA,WAEF,4BACE,oBAEF,sCACE,UAGF,aACE,mDAEF,qBACE,kBAGF,UACE,kBACA,8CAEF,oBACE,kBACA,4BAEF,mBACE,kBACA,kBAEF,0BACE,mBAEF,8BACE,mBACA,YAEF,wBACE,kBAEF,6BACE,QACA,OAEF,8BACE,QACA,QAEF,0BACE,WAGF,aACE,kBACA,8CAEF,yBACE,kBACA,WACA,YACA,sCAEF,oDACE,yBAEF,mDACE,yBAGF,qCACE,QACE,aACA,qBACA,6CAEF,yBACE,0BAEF,oEACE,cACA,YACA,yBAEF,sCACE,mBAGF,aACE,yBAEF,wBACE,sBACA,sBACA,mBAEF,gCACE,uBACA,iBAGF,oBACE,8CACA,oCAEF,mBACE,mBAGF,qBACE,0BACA,sBACA,0BAEF,sBACE,sBAEF,4BACE,uBAEF,6BACE,uBACA,sBAEF,6BACE,sBAEF,4BACE,sBAEF,6BACE,sBAEF,8BACE,sBAEF,8BACE,yBAEF,2BACE,qBAEF,8BACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,uCACE,iBACA,kBACA,eAGF,aACE,UACA,kCAGF,sBACE,aACA,6CACA,4BACA,qBACA,6CACA,gCACA,+BAEF,uBACE,WACA,mDACA,iCACA,2BACA,4BAEF,uBACE,WACA,8CAEF,iCACE,6CACA,0CAEF,0BACE,eACA,8CAEF,sCACE,WACA,YACA,sCAEF,yBACE,iBACA,iDAEF,2BACE,eACA,kDAEF,0BACE,iBACA,mDACA,qCACA,gCACA,4BAEF,yBACE,aACA,sBACA,sDAGF,KACE,0BACA,WACA,kBAGF,KACE,iBACA,wBACA,WAGF,SACE,sBACA,iBACA,oBACA,kBACA,eAEF,iBACE,WACA,WACA,aAEF,0BACE,uBACA,2BACA,2BACA,oBACA,WAEF,0CAIE,WACA,eAEF,gDACE,wBAEF,gCACE,yBACA,eAEF,mDACE,kBACA,WACA,qBACA,YACA,WACA,gBACA,wBAEF,uBACE,qBACA,oBAEF,2BACE,UACA,mBAEF,+BACE,UACA,YACA,eAEF,+BACE,gBAEF,iBACE,qBACA,WACA,6BACA,8BAEF,wBACE,WAEF,kBACE,UAEF,4BACE,WACA,WAEF,6CACE,aACA,8BACA,eAEF,iDACE,UACA,sBAEF,uCACE,qBACA,sBACA,mBAEF,+CACE,mBACA,oBAEF,4BACE,WAEF,oCACE,qBACA,WACA,UAEF,2CACE,WAEF,qCACE,kBAEF,yCACE,kBACA,mBAEF,qCACE,sBAEF,sDACE,yBACA,WACA,iBACA,gBACA,aACA,kBACA,gBAEF,8DACE,iBACA,iBACA,mBAEF,yDACE,uBACA,yBAEF,qDACE,qBACA,aACA,8BAEF,yDACE,gBACA,kBAEF,+BACE,eAEF,uCACE,gCAEF,+CACE,iBAEF,uCACE,aAEF,+CACE,WAEF,mDACE,kBACA,mBAEF,mDACE,kBACA,sBAEF,8BACE,iBACA,kCAEF,sCACE,0BACA,4BACA,sCAEF,kBACE,UACA,kBAEF,0BACE,mBACA,iBACA,YAEF,2CACE,kBACA,kBAEF,mDACE,qBACA,WAEF,0DACE,WAEF,oDACE,sBACA,qBACA,gBACA,0BAEF,2DACE,uBAEF,4DACE,0BAEF,4DACE,0BAEF,6DACE,sBAEF,mEACE,uBAEF,oEACE,uBACA,sBAEF,oEACE,sBAEF,mEACE,sBAEF,oEACE,sBAEF,qEACE,sBAEF,qEACE,yBAEF,kEACE,qBAEF,qEACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,8EACE,iBACA,kBACA,eAEF,2DACE,aACA,uBACA,kBACA,qBACA,yBAEF,kEACE,gBACA,YACA,WACA,SACA,UACA,eACA,iBAEF,iEACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,oDACE,gBAEF,wDACE,iBACA,aAEF,kDACE,2BACA,WAEF,uBACE,WACA,eACA,iCAEF,+BACE,qBACA,WACA,6BACA,8BAEF,sCACE,WAEF,gCACE,UAEF,wCACE,sBACA,yBAEF,gDACE,oBAEF,0CACE,aACA,6BAEF,kDACE,qBAEF,8DACE,qBACA,uBAEF,kEACE,kBACA,gBAEF,+DACE,qBACA,mBACA,gBACA,qBAEF,wEACE,cAEF,gFACE,0BACA,uBAEF,2EACE,uBAEF,uEACE,qBAEF,2EACE,gBACA,kBAEF,gCACE,UACA,YAEF,wCACE,qBACA,sBACA,oBAEF,8CACE,sBAEF,oDACE,uBAEF,qDACE,uBACA,sBAEF,qDACE,sBAEF,oDACE,sBAEF,qDACE,sBAEF,sDACE,sBAEF,sDACE,yBAEF,mDACE,qBAEF,sDACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,+DACE,iBACA,kBACA,eAEF,0CACE,wBAEF,oDACE,qBAEF,qDACE,aACA,uBACA,kBACA,qBACA,yBAEF,4DACE,gBACA,YACA,WACA,SACA,UACA,eAEF,2DACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,wDACE,aAEF,kDACE,qBACA,eACA,iBACA,sBACA,yBACA,uBACA,yBACA,kBACA,eAEF,wDACE,iBACA,sBACA,uBACA,2BAEF,8CACE,eACA,sBACA,uBACA,2BACA,qBAEF,6CACE,WACA,yBACA,WACA,uBACA,2BAEF,kBACE,iBACA,0BACA,gCAEF,0BACE,0BAEF,+BACE,sBACA,aACA,8BACA,kBAEF,2CACE,cACA,cACA,oBACA,UACA,kBAEF,uBACE,cACA,kBACA,cAEF,qBACE,aACA,0BAEF,oCACE,cAEF,6BACE,WACA,6BACA,8BAEF,oCACE,WAEF,+BACE,kBACA,gBACA,YACA,SACA,eACA,kBAEF,wCACE,iBACA,YACA,UAEF,8CACE,cACA,oBAEF,qDACE,iBACA,yBACA,WACA,mBAEF,uDACE,kBACA,0BACA,cAEF,8CACE,aACA,6BACA,mBAEF,8DACE,sBAEF,8BACE,UACA,sBAEF,kCACE,gBACA,kBACA,WAEF,8BACE,UAEF,sCACE,oBACA,kBACA,0BAEF,qDACE,qBACA,iBACA,kBACA,0BAEF,yCACE,iBACA,0BACA,uBAEF,yCACE,2BACA,iBACA,wBACA,sCACA,yBAEF,sDACE,WAEF,4CACE,2BACA,eACA,yBACA,sCACA,yBAEF,yDACE,WAEF,2CACE,WACA,2BACA,sBACA,WAEF,iBACE,gBAEF,oCACE,YAEF,6CACE,qBACA,YAEF,6CACE,qBACA,YAEF,yBACE,uBACA,2BACA,2BACA,oBACA,qBAEF,kCACE,YAEF,uBACE,uCAGJ,qCACE,QACE,gBACA,qBACA,0CAEF,2BACE,eAEF,oEACE,eACA,wBACA,aACA,WAGF,aACE,aACA,8BACA,0BACA,4BAEF,4BACE,cAEF,wBACE,oBACA,oBACA,mBAEF,gCACE,mBACA,mBAGF,oBACE,iDACA,yCAEF,mBACE,mBAGF,aACE,oBAEF,sBACE,sBAEF,4BACE,sBAEF,6BACE,uBACA,sBAEF,6BACE,sBAEF,4BACE,sBAEF,6BACE,sBAEF,8BACE,sBAEF,8BACE,yBAEF,2BACE,qBAEF,8BACE,qBACA,cACA,eACA,qBACA,qBACA,eAEF,uCACE,eACA,gBACA,eAGF,aACE,UACA,iCAGF,gBACE,0BACA,qBACA,yBAGF,uBACE,WACA,8CAEF,iCACE,6CACA,yCAEF,0BACE,eACA,8CAEF,sCACE,WACA,YACA,sCAEF,yBACE,iBACA,iDAEF,2BACE,eACA,kDAEF,0BACE,iBACA,mDACA,mCACA,8BACA,4BAEF,yBACE,aACA,sBACA,sDAGF,KACE,WAGF,SACE,6BACA,gBACA,kBACA,cAEF,iBACE,qBACA,WACA,6BACA,8BAEF,wBACE,WAEF,kBACE,UAEF,4BACE,WACA,WAEF,6CACE,aACA,8BACA,aAEF,iDACE,iBACA,eACA,qBAEF,uCACE,oBACA,oBACA,mBAEF,+CACE,mBACA,mBAEF,4BACE,WAEF,oCACE,qBACA,WACA,UAEF,2CACE,WAEF,qCACE,gBAEF,yCACE,iBACA,kBAEF,qCACE,oBAEF,sDACE,yBACA,WACA,gBACA,eACA,aACA,kBAEF,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,iBACA,iCAEF,sCACE,0BACA,0BACA,sCAEF,kBACE,UACA,kBAEF,0BACE,kBACA,gBACA,YAEF,2CACE,iBACA,gBAEF,mDACE,qBACA,WAEF,0DACE,WAEF,oDACE,sBACA,oBACA,uBACA,0BAEF,2DACE,sBAEF,4DACE,0BAEF,4DACE,0BAEF,6DACE,sBAEF,mEACE,sBAEF,oEACE,uBACA,sBAEF,oEACE,sBAEF,mEACE,sBAEF,oEACE,sBAEF,qEACE,sBAEF,qEACE,yBAEF,kEACE,qBAEF,qEACE,qBACA,cACA,eACA,qBACA,qBACA,eAEF,8EACE,eACA,gBACA,eAEF,2DACE,aACA,uBACA,kBACA,qBACA,yBAEF,kEACE,gBACA,YACA,WACA,SACA,UACA,eACA,iBAEF,iEACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,oDACE,sBAEF,wDACE,eACA,aAEF,kDACE,2BACA,WAEF,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,cACA,eACA,qBACA,qBACA,eAEF,+DACE,eACA,gBACA,eAEF,0CACE,uBAEF,qDACE,aACA,gBACA,kBACA,qBACA,yBACA,uCAEF,4DACE,gBACA,YACA,WACA,SACA,UACA,eACA,uCAEF,2DACE,WACA,gBACA,SACA,SACA,UACA,kBACA,uCAEF,wDACE,aAEF,kDACE,qBACA,cACA,qBACA,qBACA,0BACA,kBACA,eAEF,wDACE,gBACA,sBACA,uBACA,2BAEF,8CACE,cACA,sBACA,uBACA,2BACA,mBAEF,6CACE,WACA,yBACA,WACA,uBACA,2BAEF,kBACE,iBACA,0BACA,+BAEF,0BACE,0BAEF,+BACE,qBACA,aACA,8BACA,kBAEF,2CACE,YACA,cACA,mBACA,UACA,kBAEF,uBACE,cACA,kBACA,cAEF,qBACE,aACA,0BAEF,oCACE,cAEF,6BACE,WACA,6BACA,8BAEF,oCACE,WAEF,+BACE,kBACA,eACA,YACA,SACA,cACA,kBAEF,wCACE,eACA,YACA,UAEF,8CACE,cACA,mBAEF,qDACE,gBACA,yBACA,WACA,kBAEF,uDACE,kBACA,0BACA,aAEF,8CACE,aACA,6BACA,kBAEF,8DACE,sBAEF,8BACE,UACA,qBAEF,kCACE,eACA,iBACA,WAEF,8BACE,UAEF,sCACE,mBACA,kBACA,0BAEF,qDACE,qBACA,gBACA,iBACA,0BAEF,yCACE,iBACA,yBACA,uBAEF,yCACE,2BACA,gBACA,uBACA,sCACA,yBAEF,sDACE,WAEF,4CACE,2BACA,cACA,wBACA,sCACA,yBAEF,yDACE,WAEF,2CACE,WACA,2BACA,sBACA,WAEF,iBACE,gBAEF,oCACE,YAEF,6CACE,qBACA,YAEF,6CACE,qBACA,YAEF,yBACE,uBACA,2BACA,2BACA,oBACA,qBAEF,kCACE,YAEF,uBACE","file":"../main.min.css","sourcesContent":["*, *:before, *:after {\n box-sizing: border-box;\n}\n\nhtml, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n text-size-adjust: none;\n}\n\nfooter, header, nav, section, main {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote:before, blockquote:after, q:before, q:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ninput {\n -webkit-appearance: none;\n border-radius: 0;\n}\n\nhtml {\n font-family: Roboto, sans;\n}\n\n#header {\n background-image: url(\"../images/banner.jpg\");\n background-repeat: no-repeat;\n background-color: rgba(0, 0, 0, 0.4);\n background-blend-mode: multiply;\n color: white;\n}\n#header .container #menu {\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n}\n#header .container #menu .right.menu .item .shopping.cart .cantidad {\n position: relative;\n color: white;\n}\n#header .container .segment {\n margin: 0 !important;\n}\n#header .container .segment #logo img {\n width: 50%;\n}\n\n#descripcion {\n background-image: linear-gradient(#cccccc, #cccccc);\n}\n#descripcion .images {\n text-align: center;\n}\n\n#ventajas {\n position: relative;\n background-image: url(\"../images/tripode.png\");\n}\n#ventajas .diagonal {\n position: absolute;\n background-blend-mode: color;\n}\n#ventajas .gallery {\n position: relative;\n text-align: center;\n}\n#ventajas .gallery .image {\n max-height: inherit;\n}\n#ventajas .gallery .image img {\n max-height: inherit;\n margin: auto;\n}\n#ventajas .gallery .nav {\n position: absolute;\n}\n#ventajas .gallery .nav.left {\n top: 50%;\n left: 0;\n}\n#ventajas .gallery .nav.right {\n top: 50%;\n right: 0;\n}\n#ventajas .gallery::after {\n clear: both;\n}\n\n#dimensiones {\n position: relative;\n background-image: url(\"../images/tripode.png\");\n}\n#dimensiones .fondo-gris {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgba(204, 204, 204, 0.5);\n}\n#dimensiones .left.column > .grid > .column:first-child {\n min-width: 33% !important;\n}\n#dimensiones .left.column > .grid > .column:last-child {\n min-width: 67% !important;\n}\n\n@media screen and (max-width: 800px) {\n #header {\n height: 25rem;\n background-size: 160%;\n background-position: bottom -0.9375rem center;\n }\n #header .container #menu {\n font-size: 1.3333333333rem;\n }\n #header .container #menu .right.menu .item .shopping.cart .cantidad {\n top: -1.875rem;\n left: 0.15rem;\n font-size: 0.6666666667rem;\n }\n #header .container .segment #logo img {\n max-width: 56.25rem;\n }\n\n #descripcion {\n padding-bottom: 0.46875rem;\n }\n #descripcion .paragraph {\n padding-top: 1.6875rem;\n line-height: 1.3125rem;\n text-align: justify;\n }\n #descripcion .paragraph .header {\n margin-bottom: 0.5625rem;\n font-size: 1.5rem;\n }\n\n #ventajas .diagonal {\n border-bottom: 100% solid rgba(204, 204, 204, 0.5);\n border-right: 100% solid transparent;\n }\n #ventajas .gallery {\n max-height: 25.5rem;\n }\n\n #dimensiones .header {\n font-size: 1.8333333333rem;\n padding-top: 5.0625rem;\n padding-bottom: 2.34375rem;\n }\n #dimensiones .colores {\n vertical-align: center;\n }\n #dimensiones .colores .text {\n margin-right: 0.28125rem;\n }\n #dimensiones .colores .white {\n border: thin solid black;\n background-color: white;\n }\n #dimensiones .colores .black {\n background-color: black;\n }\n #dimensiones .colores .blue {\n background-color: blue;\n }\n #dimensiones .colores .green {\n background-color: lime;\n }\n #dimensiones .colores .yellow {\n background-color: yellow;\n }\n #dimensiones .colores .orange {\n background-color: #ff8200;\n }\n #dimensiones .colores .red {\n background-color: red;\n }\n #dimensiones .colores .circle {\n display: inline-block;\n width: 1.40625rem;\n height: 1.40625rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #dimensiones .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n\n .left.column {\n width: 75%;\n padding-left: 0.46875rem !important;\n }\n\n #backgrounds .cabezal {\n height: 25rem;\n background-image: url(\"../images/banner.jpg\");\n background-repeat: no-repeat;\n background-size: 160%;\n background-position: bottom -0.9375rem center;\n background-color: rgba(0, 0, 0, 0.4);\n background-blend-mode: multiply;\n }\n #backgrounds .seccion1 {\n height: rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 10.5rem;\n background-size: 100% 12rem;\n background-repeat: no-repeat;\n }\n #backgrounds .seccion2 {\n height: rem;\n background-image: url(\"../images/tripode.png\");\n }\n #backgrounds .seccion2 .diagonal {\n border-bottom: rem solid rgba(204, 204, 204, 0.5);\n border-right: 178.125rem solid transparent;\n }\n #backgrounds .dimensiones {\n height: 27.5rem;\n background-image: url(\"../images/tripode.png\");\n }\n #backgrounds .dimensiones .fondo-gris {\n width: 100%;\n height: 100%;\n background-color: rgba(204, 204, 204, 0.5);\n }\n #backgrounds .construido {\n height: 21.875rem;\n background-image: url(\"../images/construido.jpg\");\n }\n #backgrounds .corporativos {\n height: 32.5rem;\n background-image: url(\"../images/corporativo.png\");\n }\n #backgrounds .testimonios {\n height: 21.875rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 10.78125rem;\n background-size: 100% 11.0625rem;\n background-repeat: no-repeat;\n }\n #backgrounds .formulario {\n height: 30rem;\n background-color: #cccccc;\n clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);\n }\n\n html {\n font-size: 10.6666666667px;\n width: 100%;\n overflow-x: hidden;\n }\n\n body {\n height: 211.25rem;\n font-family: Roboto, sans;\n color: #333333;\n }\n\n #content {\n width: 100% !important;\n height: 211.25rem;\n margin: 0 !important;\n position: relative;\n top: -211.25rem;\n }\n #content #header {\n color: white;\n width: 100%;\n height: 25rem;\n }\n #content #header .ui.menu {\n border: none !important;\n background: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n color: black;\n }\n #content #header .ui.menu .dropdown .menu {\n /*background: none !important;\n border: none !important;\n box-shadow: none !important;*/\n color: black;\n font-size: 1rem;\n }\n #content #header .ui.menu .dropdown .menu .item {\n padding: 1rem !important;\n }\n #content #header .ui.menu .item {\n color: inherit !important;\n font-size: 1rem;\n }\n #content #header .ui.menu .item .shopping.cart div {\n position: relative;\n color: black;\n display: inline-block;\n top: -1.3rem;\n left: 0.1rem;\n font-size: 0.5rem;\n font-family: Roboto, sans;\n }\n #content #header .logo {\n padding: 0 !important;\n margin: 0 !important;\n }\n #content #header .logo img {\n width: 50%;\n max-width: 56.25rem;\n }\n #content #header .logo .frase1 {\n width: 75%;\n margin: auto;\n font-size: 1rem;\n }\n #content #header .logo .frase2 {\n font-size: 0.7rem;\n }\n #content > .column {\n display: inline-block;\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content > .column::after {\n clear: both;\n }\n #content > .column1 {\n width: 90%;\n }\n #content > .column1 #seccion1 {\n height: rem;\n width: 100%;\n }\n #content > .column1 #seccion1 .image-container {\n display: flex;\n justify-content: space-between;\n height: 22.5rem;\n }\n #content > .column1 #seccion1 .image-container img {\n width: 50%;\n margin-top: 7.96875rem;\n }\n #content > .column1 #seccion1 .paragraph {\n padding-top: 2.625rem;\n line-height: 1.3125rem;\n text-align: justify;\n }\n #content > .column1 #seccion1 .paragraph .header {\n margin-bottom: 1rem;\n font-size: 2.0625rem;\n }\n #content > .column1 #seccion2 {\n height: rem;\n }\n #content > .column1 #seccion2 > .column {\n display: inline-block;\n float: left;\n width: 50%;\n }\n #content > .column1 #seccion2 > .column::after {\n clear: both;\n }\n #content > .column1 #seccion2 .column1 {\n margin-top: 7.5rem;\n }\n #content > .column1 #seccion2 .column1 img {\n width: 29.71875rem;\n height: 29.71875rem;\n }\n #content > .column1 #seccion2 .column2 {\n margin-top: 10.6875rem;\n }\n #content > .column1 #seccion2 .column2 .row:first-child {\n background-color: #00427b;\n color: white;\n height: 16.875rem;\n width: 35.625rem;\n padding: 2rem;\n margin-left: -3rem;\n overflow: hidden;\n }\n #content > .column1 #seccion2 .column2 .row:first-child .header {\n font-weight: bold;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n #content > .column1 #seccion2 .column2 .row:first-child ul {\n list-style: disc inside;\n font-size: 0.8333333333rem;\n }\n #content > .column1 #seccion2 .column2 .row:last-child {\n margin-top: 1.6875rem;\n display: flex;\n justify-content: space-between;\n }\n #content > .column1 #seccion2 .column2 .row:last-child img {\n width: 6.5625rem;\n height: 7.96875rem;\n }\n #content > .column1 #dimensiones {\n height: 27.5rem;\n }\n #content > .column1 #dimensiones .header {\n padding: 3.46875rem 0 !important;\n }\n #content > .column1 #dimensiones .header .bigger {\n font-size: 1.5rem;\n }\n #content > .column1 #dimensiones .images {\n display: flex;\n }\n #content > .column1 #dimensiones .images .column {\n float: left;\n }\n #content > .column1 #dimensiones .images .column > img {\n width: 29.34375rem;\n height: 22.03125rem;\n }\n #content > .column1 #dimensiones .images .column div {\n width: 29.34375rem;\n margin-top: 2.34375rem;\n }\n #content > .column1 #construido {\n height: 21.875rem;\n padding-top: 2.15625rem !important;\n }\n #content > .column1 #construido .header {\n font-size: 1.8333333333rem;\n padding: 0.9375rem 4.03125rem;\n background-color: rgba(255, 255, 255, 0.6);\n }\n #content > .column2 {\n width: 10%;\n height: 101.875rem;\n }\n #content > .column2 .sticky {\n height: 24.84375rem;\n width: 29.0625rem;\n margin: auto;\n }\n #content > .column2 .sticky .row:first-child {\n height: 15.9375rem;\n margin-top: 7.5rem;\n }\n #content > .column2 .sticky .row:first-child .column {\n display: inline-block;\n float: left;\n }\n #content > .column2 .sticky .row:first-child .column::after {\n clear: both;\n }\n #content > .column2 .sticky .row:first-child .column1 {\n vertical-align: bottom;\n padding-top: 1.875rem;\n width: 19.375rem;\n font-size: 1.1666666667rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .linea {\n margin-bottom: 0.9375rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .titulo {\n font-size: 2.0833333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .precio {\n font-size: 1.3333333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores {\n vertical-align: center;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .text {\n margin-right: 0.28125rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .white {\n border: thin solid black;\n background-color: white;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .black {\n background-color: black;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .blue {\n background-color: blue;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .green {\n background-color: lime;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .yellow {\n background-color: yellow;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .orange {\n background-color: #ff8200;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .red {\n background-color: red;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .circle {\n display: inline-block;\n width: 1.40625rem;\n height: 1.40625rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n #content > .column2 .sticky .row:first-child .column1 .input {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .input button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n font-weight: bold;\n }\n #content > .column2 .sticky .row:first-child .column1 .input input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #content > .column2 .sticky .row:first-child .column2 {\n width: 9.6875rem;\n }\n #content > .column2 .sticky .row:first-child .column2 img {\n width: 10.3125rem;\n height: 15rem;\n }\n #content > .column2 .sticky .row:last-child .button {\n border-radius: 0 !important;\n width: 100%;\n }\n #content #corporativos {\n width: 100%;\n height: 32.5rem;\n margin-top: 101.875rem !important;\n }\n #content #corporativos > .column {\n display: inline-block;\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content #corporativos > .column::after {\n clear: both;\n }\n #content #corporativos .column1 {\n width: 67%;\n }\n #content #corporativos .column1 > .header {\n margin-top: 6.28125rem;\n margin-bottom: 3.46875rem;\n }\n #content #corporativos .column1 > .header .bigger {\n font-size: 2.4375rem;\n }\n #content #corporativos .column1 .opciones {\n display: flex;\n justify-content: space-around;\n }\n #content #corporativos .column1 .opciones .opcion {\n display: inline-block;\n }\n #content #corporativos .column1 .opciones .opcion .img-grande {\n display: inline-block;\n padding-right: 1.125rem;\n }\n #content #corporativos .column1 .opciones .opcion .img-grande img {\n width: 12.65625rem;\n height: 18.75rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion {\n display: inline-block;\n vertical-align: top;\n height: 18.75rem;\n padding-top: 1.875rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content {\n display: block;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content .header {\n font-size: 1.1666666667rem;\n margin-bottom: 0.9375rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content ul {\n list-style: disc inside;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .images {\n margin-top: 3.1875rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .images img {\n width: 6.5625rem;\n height: 7.96875rem;\n }\n #content #corporativos .column2 {\n width: 33%;\n height: 100%;\n }\n #content #corporativos .column2 .header {\n margin-top: 4.3125rem;\n margin-bottom: 2.25rem;\n font-size: 2.4375rem;\n }\n #content #corporativos .column2 form .colores {\n vertical-align: center;\n }\n #content #corporativos .column2 form .colores .text {\n margin-right: 0.28125rem;\n }\n #content #corporativos .column2 form .colores .white {\n border: thin solid black;\n background-color: white;\n }\n #content #corporativos .column2 form .colores .black {\n background-color: black;\n }\n #content #corporativos .column2 form .colores .blue {\n background-color: blue;\n }\n #content #corporativos .column2 form .colores .green {\n background-color: lime;\n }\n #content #corporativos .column2 form .colores .yellow {\n background-color: yellow;\n }\n #content #corporativos .column2 form .colores .orange {\n background-color: #ff8200;\n }\n #content #corporativos .column2 form .colores .red {\n background-color: red;\n }\n #content #corporativos .column2 form .colores .circle {\n display: inline-block;\n width: 1.40625rem;\n height: 1.40625rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #content #corporativos .column2 form .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n #content #corporativos .column2 form .row {\n margin-bottom: 0.84375rem;\n }\n #content #corporativos .column2 form .colores.linea {\n margin-bottom: 1.5rem;\n }\n #content #corporativos .column2 form .input.cantidad {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #content #corporativos .column2 form .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n }\n #content #corporativos .column2 form .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #content #corporativos .column2 form .input [type=file] {\n display: none;\n }\n #content #corporativos .column2 form .input .file {\n display: inline-block;\n height: 2.25rem;\n width: 14.0625rem;\n padding-top: 0.28125rem;\n background-color: #cccccb;\n border: thin solid #333;\n font-size: 0.8333333333rem;\n text-align: center;\n cursor: pointer;\n }\n #content #corporativos .column2 form .input [type=text] {\n height: 1.6875rem;\n background-color: white;\n border: none !important;\n border-radius: 0 !important;\n }\n #content #corporativos .column2 form textarea {\n height: 6.75rem;\n background-color: white;\n border: none !important;\n border-radius: 0 !important;\n margin-bottom: 1.5rem;\n }\n #content #corporativos .column2 form .button {\n width: 100%;\n background-color: #666667;\n color: white;\n border: none !important;\n border-radius: 0 !important;\n }\n #content #felices {\n height: 21.875rem;\n padding: 0 1rem !important;\n padding-top: 5.625rem !important;\n }\n #content #felices .header {\n font-size: 1.8333333333rem;\n }\n #content #felices .testimonios {\n margin-top: 2.34375rem;\n display: flex;\n justify-content: space-between;\n text-align: center;\n }\n #content #felices .testimonios .testimonio {\n height: 7.5rem;\n color: #666667;\n margin-top: 1.875rem;\n width: 30%;\n text-align: center;\n }\n #content #felices .nav {\n display: block;\n text-align: center;\n color: #666667;\n }\n #content #formulario {\n height: 30rem;\n padding: 0 1rem !important;\n }\n #content #formulario .whatsapp-link {\n color: inherit;\n }\n #content #formulario > .column {\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content #formulario > .column::after {\n clear: both;\n }\n #content #formulario > .flotante {\n position: absolute;\n top: 17.15625rem;\n margin: auto;\n left: 40%;\n width: 11.25rem;\n text-align: center;\n }\n #content #formulario > .flotante > .content {\n width: 12.1875rem;\n margin: auto;\n left: -50%;\n }\n #content #formulario > .flotante > .content .item {\n display: block;\n padding: 0.46875rem 0;\n }\n #content #formulario > .flotante > .content div.whatsapp {\n height: 2.8125rem;\n background-color: #1a9947;\n color: #fff;\n font-size: 0.9375rem;\n }\n #content #formulario > .flotante > .content div.whatsapp > i {\n position: relative;\n font-size: 1.3333333333rem;\n top: 0.28125rem;\n }\n #content #formulario > .flotante > .content .rrss {\n display: flex;\n justify-content: space-around;\n font-size: 1.875rem;\n }\n #content #formulario > .flotante > .content .rrss i.inverted.grey {\n color: white !important;\n }\n #content #formulario > .column1 {\n width: 90%;\n margin-top: 2.53125rem;\n }\n #content #formulario > .column1 > img {\n width: 50.625rem;\n height: 32.8125rem;\n float: left;\n }\n #content #formulario > .column2 {\n width: 10%;\n }\n #content #formulario > .column2 .header {\n margin-top: 1.875rem;\n text-align: center;\n font-size: 1.8333333333rem;\n }\n #content #formulario > .column2 .header .whatsapp-link {\n display: inline-block;\n width: 2.34375rem;\n height: 2.34375rem;\n font-size: 2.0833333333rem;\n }\n #content #formulario > .column2 .paragraph {\n padding-top: 1rem;\n padding-bottom: 2.34375rem;\n justify-content: center;\n }\n #content #formulario > .column2 form input {\n border-radius: 0 !important;\n height: 1.6875rem;\n margin-bottom: 0.84375rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form input::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form textarea {\n border-radius: 0 !important;\n height: 6.75rem;\n margin-bottom: 2.34375rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form textarea::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form .button {\n width: 100%;\n border-radius: 0 !important;\n background-color: white;\n color: #333333;\n }\n #content section {\n background: none;\n }\n #content section.segment > .container {\n height: 100%;\n }\n #content section.segment > .container > .column1 {\n display: inline-block;\n width: 90rem;\n }\n #content section.segment > .container > .column2 {\n display: inline-block;\n width: 10rem;\n }\n #content .simple.segment {\n border: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n #content .simple.segment > .ui.grid {\n height: 100%;\n }\n #content .fondo-blanco {\n background-color: rgba(255, 255, 255, 0.5);\n }\n}\n@media screen and (min-width: 800px) {\n #header {\n height: 31.25rem;\n background-size: 160%;\n background-position: bottom -2.5rem center;\n }\n #header .container #menu i {\n font-size: 2rem;\n }\n #header .container #menu .right.menu .item .shopping.cart .cantidad {\n font-size: 1rem;\n font-family: Roboto, sans;\n top: -1.75rem;\n left: 0.2rem;\n }\n\n #descripcion {\n height: 25rem;\n background-position: left 7rem;\n background-size: 100% 8rem;\n background-repeat: no-repeat;\n }\n #descripcion .images .image {\n max-width: 33%;\n }\n #descripcion .paragraph {\n padding-top: 1.75rem;\n line-height: 0.875rem;\n text-align: justify;\n }\n #descripcion .paragraph .header {\n margin-bottom: 1rem;\n font-size: 1.375rem;\n }\n\n #ventajas .diagonal {\n border-bottom: 27.5rem solid rgba(204, 204, 204, 0.5);\n border-right: 118.75rem solid transparent;\n }\n #ventajas .gallery {\n max-height: 25.5rem;\n }\n\n #dimensiones {\n margin-top: 0.9375rem;\n }\n #dimensiones .colores {\n vertical-align: center;\n }\n #dimensiones .colores .text {\n margin-right: 0.1875rem;\n }\n #dimensiones .colores .white {\n border: thin solid black;\n background-color: white;\n }\n #dimensiones .colores .black {\n background-color: black;\n }\n #dimensiones .colores .blue {\n background-color: blue;\n }\n #dimensiones .colores .green {\n background-color: lime;\n }\n #dimensiones .colores .yellow {\n background-color: yellow;\n }\n #dimensiones .colores .orange {\n background-color: #ff8200;\n }\n #dimensiones .colores .red {\n background-color: red;\n }\n #dimensiones .colores .circle {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #dimensiones .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n\n .left.column {\n width: 67%;\n padding-left: 0.3125rem !important;\n }\n\n section .titulo {\n font-size: 1.8333333333rem;\n padding-top: 3.375rem;\n padding-bottom: 1.5625rem;\n }\n\n #backgrounds .seccion2 {\n height: rem;\n background-image: url(\"../images/tripode.png\");\n }\n #backgrounds .seccion2 .diagonal {\n border-bottom: rem solid rgba(204, 204, 204, 0.5);\n border-right: 118.75rem solid transparent;\n }\n #backgrounds .dimensiones {\n height: 27.5rem;\n background-image: url(\"../images/tripode.png\");\n }\n #backgrounds .dimensiones .fondo-gris {\n width: 100%;\n height: 100%;\n background-color: rgba(204, 204, 204, 0.5);\n }\n #backgrounds .construido {\n height: 21.875rem;\n background-image: url(\"../images/construido.jpg\");\n }\n #backgrounds .corporativos {\n height: 32.5rem;\n background-image: url(\"../images/corporativo.png\");\n }\n #backgrounds .testimonios {\n height: 21.875rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 7.1875rem;\n background-size: 100% 7.375rem;\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 body {\n color: #333333;\n }\n\n #content {\n max-width: 67.5rem !important;\n height: 217.5rem;\n position: relative;\n top: -217.5rem;\n }\n #content > .column {\n display: inline-block;\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content > .column::after {\n clear: both;\n }\n #content > .column1 {\n width: 67%;\n }\n #content > .column1 #seccion1 {\n height: rem;\n width: 100%;\n }\n #content > .column1 #seccion1 .image-container {\n display: flex;\n justify-content: space-between;\n height: 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: rem;\n }\n #content > .column1 #seccion2 > .column {\n display: inline-block;\n float: left;\n width: 50%;\n }\n #content > .column1 #seccion2 > .column::after {\n clear: both;\n }\n #content > .column1 #seccion2 .column1 {\n margin-top: 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 }\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 padding-top: 1.4375rem !important;\n }\n #content > .column1 #construido .header {\n font-size: 1.8333333333rem;\n padding: 0.625rem 2.6875rem;\n background-color: rgba(255, 255, 255, 0.6);\n }\n #content > .column2 {\n width: 33%;\n height: 101.875rem;\n }\n #content > .column2 .sticky {\n height: 16.5625rem;\n width: 19.375rem;\n margin: auto;\n }\n #content > .column2 .sticky .row:first-child {\n height: 10.625rem;\n margin-top: 5rem;\n }\n #content > .column2 .sticky .row:first-child .column {\n display: inline-block;\n float: left;\n }\n #content > .column2 .sticky .row:first-child .column::after {\n clear: both;\n }\n #content > .column2 .sticky .row:first-child .column1 {\n vertical-align: bottom;\n padding-top: 1.25rem;\n width: 12.9166666667rem;\n font-size: 1.1666666667rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .linea {\n margin-bottom: 0.625rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .titulo {\n font-size: 2.0833333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .precio {\n font-size: 1.3333333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores {\n vertical-align: center;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .text {\n margin-right: 0.1875rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .white {\n border: thin solid black;\n background-color: white;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .black {\n background-color: black;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .blue {\n background-color: blue;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .green {\n background-color: lime;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .yellow {\n background-color: yellow;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .orange {\n background-color: #ff8200;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .red {\n background-color: red;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .circle {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n #content > .column2 .sticky .row:first-child .column1 .input {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .input button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n font-weight: bold;\n }\n #content > .column2 .sticky .row:first-child .column1 .input input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #content > .column2 .sticky .row:first-child .column2 {\n width: 6.4583333333rem;\n }\n #content > .column2 .sticky .row:first-child .column2 img {\n width: 6.875rem;\n height: 10rem;\n }\n #content > .column2 .sticky .row:last-child .button {\n border-radius: 0 !important;\n width: 100%;\n }\n #content #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: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #content #corporativos .column2 form .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n #content #corporativos .column2 form .row {\n margin-bottom: 0.5625rem;\n }\n #content #corporativos .column2 form .input.cantidad {\n width: 4.5rem;\n background: white;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #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 color: rgba(191, 191, 191, 0.87) !important;\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 color: rgba(191, 191, 191, 0.87) !important;\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 padding-top: 0.1875rem;\n margin-left: 0.3125rem;\n font-size: 1.3333333333rem;\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 padding-top: 3.75rem !important;\n }\n #content #felices .header {\n font-size: 1.8333333333rem;\n }\n #content #felices .testimonios {\n margin-top: 1.5625rem;\n display: flex;\n justify-content: space-between;\n text-align: center;\n }\n #content #felices .testimonios .testimonio {\n height: 5rem;\n color: #666667;\n margin-top: 1.25rem;\n width: 30%;\n text-align: center;\n }\n #content #felices .nav {\n display: block;\n text-align: center;\n color: #666667;\n }\n #content #formulario {\n height: 30rem;\n padding: 0 1rem !important;\n }\n #content #formulario .whatsapp-link {\n color: inherit;\n }\n #content #formulario > .column {\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content #formulario > .column::after {\n clear: both;\n }\n #content #formulario > .flotante {\n position: absolute;\n top: 11.4375rem;\n margin: auto;\n left: 40%;\n width: 13.5rem;\n text-align: center;\n }\n #content #formulario > .flotante > .content {\n width: 8.125rem;\n margin: auto;\n left: -50%;\n }\n #content #formulario > .flotante > .content .item {\n display: block;\n padding: 0.3125rem 0;\n }\n #content #formulario > .flotante > .content div.whatsapp {\n height: 1.875rem;\n background-color: #1a9947;\n color: #fff;\n font-size: 0.625rem;\n }\n #content #formulario > .flotante > .content div.whatsapp > i {\n position: relative;\n font-size: 1.3333333333rem;\n top: 0.1875rem;\n }\n #content #formulario > .flotante > .content .rrss {\n display: flex;\n justify-content: space-around;\n font-size: 1.25rem;\n }\n #content #formulario > .flotante > .content .rrss i.inverted.grey {\n color: white !important;\n }\n #content #formulario > .column1 {\n width: 67%;\n margin-top: 1.6875rem;\n }\n #content #formulario > .column1 > img {\n width: 33.75rem;\n height: 21.875rem;\n float: left;\n }\n #content #formulario > .column2 {\n width: 33%;\n }\n #content #formulario > .column2 .header {\n margin-top: 1.25rem;\n text-align: center;\n font-size: 1.8333333333rem;\n }\n #content #formulario > .column2 .header .whatsapp-link {\n display: inline-block;\n width: 1.5625rem;\n height: 1.5625rem;\n font-size: 2.0833333333rem;\n }\n #content #formulario > .column2 .paragraph {\n padding-top: 1rem;\n padding-bottom: 1.5625rem;\n justify-content: center;\n }\n #content #formulario > .column2 form input {\n border-radius: 0 !important;\n height: 1.125rem;\n margin-bottom: 0.5625rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form input::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form textarea {\n border-radius: 0 !important;\n height: 4.5rem;\n margin-bottom: 1.5625rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form textarea::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form .button {\n width: 100%;\n border-radius: 0 !important;\n background-color: white;\n color: #333333;\n }\n #content section {\n background: none;\n }\n #content section.segment > .container {\n height: 100%;\n }\n #content section.segment > .container > .column1 {\n display: inline-block;\n width: 67rem;\n }\n #content section.segment > .container > .column2 {\n display: inline-block;\n width: 33rem;\n }\n #content .simple.segment {\n border: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n #content .simple.segment > .ui.grid {\n height: 100%;\n }\n #content .fondo-blanco {\n background-color: rgba(255, 255, 255, 0.5);\n }\n}"]} \ No newline at end of file diff --git a/public/index.html b/public/index.html index a5a5173..2e22742 100644 --- a/public/index.html +++ b/public/index.html @@ -1,13 +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
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
LOGO
COLOR
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 Chile
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 para el dispositivo

Ángulo preciso de inclinación para usar en conferencias

Compatible con tablets, permite cargar mientras se usa

Diseño moderno y minimalista
DIMENSIONES Y COLORES
CONSTRUIDOS CON IMPRESIÓN 3D

Diseñado y fabricado en Chile

Fabricado en plástico de orien vegetal sin derivados del petróleo
CORPORATIVOS
LOGO ABAJO
  • Siempre visible
  • Menor tamaño
LOGO ARRIBA
  • Mayor tamaño
  • No se ve al apoyar el teléfono
COTIZA CON NOSOTROS
LOGO
COLOR
CLIENTES FELICES
CONVERSEMOS

contacto@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