diff --git a/assets/sass/_phone.scss b/assets/sass/_phone.scss index 88ad99c..33b4750 100644 --- a/assets/sass/_phone.scss +++ b/assets/sass/_phone.scss @@ -7,79 +7,24 @@ @import 'phone/construidos'; @import 'phone/corporativos'; +@import 'phone/sticky'; +@import 'phone/nav'; + .left.column { width: 75%; padding-left: rem(5) !important; } +.right.column { + width: 25%; +} -#backgrounds { - .cabezal { - height: (map.get($heights, 'cabezal'))+rem; - - background-image: $fondo_cabezal; - background-repeat: no-repeat; - background-size: 160%; - background-position: bottom rem(-10) 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_ventajas_dimensiones; - - .diagonal { - border-bottom: (map.get($heights, 'seccion2'))+rem solid rgba($gris, .5); - border-right: rem(1900) solid transparent; - } - } - .dimensiones { - height: (map.get($heights, "dimensiones"))+rem; - - background-image: $fondo_ventajas_dimensiones; - .fondo-gris { - width: 100%; - height: 100%; - background-color: rgba($gris, .5); - } - } - .construido { - height: (map.get($heights, "construido"))+rem; - - background-image: $fondo_construidos; - } - .corporativos { - height: (map.get($heights, "corporativos"))+rem; - - background-image: $fondo_corporativos; - } - .testimonios { - height: (map.get($heights, "felices"))+rem; - - background-image: linear-gradient($gris, $gris); - background-position: left rem(115); - background-size: 100% rem(118); - background-repeat: no-repeat; - } - .formulario { - height: (map.get($heights, "formulario"))+rem; - background-color: $gris; - clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%); - } +.titulo { + padding-top: rem(25); + padding-bottom: rem(20); } html { font-size: $html-font-size+px; - width: 100%; - overflow-x: hidden; } body { @@ -87,624 +32,3 @@ body { font-family: Roboto, sans; color: $gris_standard; } - -#content { - width: 100% !important; - height: ($content_height)+rem; - margin: 0 !important; - 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: 1rem; - - .shopping.cart div { - position: relative; - color: rgb(0, 0, 0); - display: inline-block; - top: -1.3rem; - left: 0.1rem; - font-size: .5rem; - font-family: Roboto, sans; - } - } - } - - .logo { - padding: 0 !important; - margin: 0 !important; - - img { - width: 50%; - max-width: rem($full_width); - } - .frase1 { - width: 75%; - margin: auto; - font-size: 1rem; - } - .frase2 { - font-size: .7rem; - } - } - } - - &>.column { - display: inline-block; - float: left; - - padding-left: 1rem !important; - padding-right: 1rem !important; - - &::after { - clear: both; - } - } - &>.column1 { - width: percentage($column1/100); - - - #seccion1 { - height: (map.get($heights, "seccion1"))+rem; - width: 100%; - - .image-container { - display: flex; - justify-content: space-between; - height: rem(112+128); - - img { - width: percentage(50/100); - margin-top: rem(85); - } - } - .paragraph { - padding-top: rem(28); - line-height: rem(14); - text-align: justify; - - .header { - margin-bottom: 1rem; - font-size: rem(22); - } - } - } - - #seccion2 { - height: (map.get($heights, "seccion2"))+rem; - - &>.column { - display: inline-block; - float: left; - width: 50%; - - &::after { - clear: both; - } - } - .column1 { - margin-top: rem(80); - img { - width: rem(317); - height: rem(317); - } - } - .column2 { - margin-top: rem(114); - .row:first-child { - background-color: #00427b; - color: rgb(256, 256, 256); - height: rem(180); - width: rem(380); - padding: 2rem; - margin-left: -3rem; - overflow: hidden; - - .header { - font-weight: bold; - font-size: rem(16); - margin-bottom: 1rem; - } - - ul { - list-style: disc inside; - font-size: font-size(10); - } - } - .row:last-child { - margin-top: rem(18); - - display: flex; - justify-content: space-between; - - img { - width: rem(70); - height: rem(85); - } - } - } - } - - #dimensiones { - height: (map.get($heights, "dimensiones"))+rem; - - .header { - padding: rem(37) 0 !important; - .bigger { - font-size: rem(16); - } - } - - .images { - display: flex; - - .column { - float: left; - - &>img { - width: rem(313); - height: rem(235); - } - - div { - width: rem(313); - margin-top: rem(25); - } - } - } - } - - #construido { - height: (map.get($heights, "construido"))+rem; - padding-top: rem(23) !important; - - .header { - font-size: font_size(22); - padding: rem(10) rem(43); - background-color: rgba(255, 255, 255, .6); - } - } - } - &>.column2 { - width: percentage($column2/100); - height: ($column_height1)+rem; - - .sticky { - height: rem(265); - width: rem(310); - margin: auto; - - .row:first-child { - height: rem(170); - margin-top: rem(80); - - .column { - display: inline-block; - float: left; - - &::after { - clear: both; - } - } - .column1 { - vertical-align: bottom; - padding-top: rem(20); - width: rem(310*2/3); - - .linea { - margin-bottom: rem(10); - } - - .titulo { - font-size: font_size(25); - } - .precio { - font-size: font_size(16); - } - font-size: font_size(14); - - @include colors; - .input { - width: 4.5rem; - border: thin solid rgb(0, 0, 0); - text-align: center; - padding: .5rem 0.05rem; - font-size: font_size(10); - - button { - background: none; - border: none; - width: 1rem; - margin: 0; - padding: 0; - cursor: pointer; - font-weight: bold; - } - input { - width: 2rem; - background: none; - margin: 0; - border: 0; - padding: 0; - text-align: center; - } - } - } - .column2 { - width: rem(310/3); - - img { - width: rem(110); - height: rem(160); - } - } - } - .row:last-child { - .button { - border-radius: 0 !important; - width: 100%; - } - } - } - } - - #corporativos { - width: 100%; - height: (map.get($heights, "corporativos"))+rem; - - margin-top: ($column_height1)+rem !important; - - &>.column { - display: inline-block; - float: left; - - padding-left: 1rem !important; - padding-right: 1rem !important; - - &::after { - clear: both; - } - } - .column1 { - width: percentage(67/100); - - &>.header { - margin-top: rem(67); - margin-bottom: rem(37); - .bigger { - font-size: rem(26); - } - } - .opciones { - display: flex; - justify-content: space-around; - - .opcion { - display: inline-block; - - .img-grande { - display: inline-block; - padding-right: rem(12); - img { - width: rem(135); - height: rem(200); - } - } - .descripcion { - display: inline-block; - vertical-align: top; - height: rem(200); - padding-top: rem(20); - - .content { - display: block; - .header { - font-size: font_size(14); - margin-bottom: rem(10); - } - - ul { - list-style: disc inside; - } - } - .images { - margin-top: rem(34); - img { - width: rem(70); - height: rem(85); - } - } - } - } - } - } - .column2 { - width: percentage(33/100); - height: 100%; - - .header { - margin-top: rem(46); - margin-bottom: rem(24); - font-size: rem(26); - } - - form { - @include colors; - - .row { - margin-bottom: rem(9); - } - .colores.linea { - margin-bottom: rem(25-9); - } - .input.cantidad { - width: 4.5rem; - border: thin solid rgb(0, 0, 0); - text-align: center; - padding: .5rem 0.05rem; - font-size: font_size(10); - - button { - background: none; - border: none; - width: 1rem; - margin: 0; - padding: 0; - cursor: pointer; - } - input { - width: 2rem; - background: none; - margin: 0; - border: 0; - padding: 0; - text-align: center; - } - } - .input [type="file"] { - display: none; - } - .input .file { - display: inline-block; - height: rem(20*12/10); - width: rem(150); - padding-top: rem(3); - background-color: #cccccb; - border: thin solid #333; - font-size: font_size(10); - text-align: center; - cursor: pointer; - } - .input [type="text"] { - height: rem(18); - background-color: rgba(255, 255, 255); - border: none !important; - border-radius: 0 !important; - } - textarea { - height: rem(72); - background-color: rgba(255, 255, 255); - border: none !important; - border-radius: 0 !important; - margin-bottom: rem(25-9); - } - .button { - width: 100%; - background-color: #666667; - color: white; - border: none !important; - border-radius: 0 !important; - } - } - } - } - - #felices { - height: (map.get($heights, "felices"))+rem; - - padding: 0 1rem !important; - padding-top: rem(60) !important; - - .header { - //margin-top: rem(60); - font-size: font_size(22); - } - .testimonios { - margin-top: rem(25); - display: flex; - justify-content: space-between; - text-align: center; - - .testimonio { - height: rem(80); - color: #666667; - margin-top: rem(20); - width: percentage(30/100); - text-align: center; - } - } - .nav { - display: block; - text-align: center; - color: #666667; - } - } - - #formulario { - height: (map.get($heights, "formulario"))+rem; - - padding: 0 1rem !important; - - .whatsapp-link { - color: inherit; - } - &>.column { - float: left; - - padding-left: 1rem !important; - padding-right: 1rem !important; - - &::after { - clear: both; - } - } - &>.flotante { - position: absolute; - top: rem(183); - margin: auto; - left: 40%; - width: rem($full_width/5); - text-align: center; - - &>.content { - width: rem(130); - margin: auto; - left: -50%; - - .item { - display: block; - padding: rem(5) 0; - } - div.whatsapp { - height: rem(30); - background-color: #1a9947; - color: #fff; - font-size: rem(10); - - &>i { - position: relative; - font-size: font_size(16); - top: rem(3); - } - } - .rrss { - display: flex; - justify-content: space-around; - font-size: rem(20); - - i.inverted.grey { - color: white !important; - } - } - } - } - &>.column1 { - width: percentage($column1/100); - margin-top: rem(27); - - &>img { - width: rem(540); - height: rem(350); - float: left; - } - } - &>.column2 { - width: percentage($column2/100); - - .header { - margin-top: rem(20); - text-align: center; - font-size: font_size(22); - - .whatsapp-link { - display: inline-block; - width: rem(25); - height: rem(25); - font-size: font_size(25); - } - } - - .paragraph { - padding-top: 1rem; - padding-bottom: rem(25); - justify-content: center; - } - - form { - input { - border-radius: 0 !important; - height: rem(18); - margin-bottom: rem(9); - background-color: rgba(255, 255, 255, .5); - font-size: font_size(10); - &::placeholder { - color: $gris_standard; - } - } - textarea { - border-radius: 0 !important; - height: rem(72); - margin-bottom: rem(25); - background-color: rgba(255, 255, 255, .5); - font-size: font_size(10); - &::placeholder { - color: $gris_standard; - } - } - .button { - width: 100%; - border-radius: 0 !important; - background-color: white; - color: $gris_standard; - } - } - } - } - - section { - background: none; - - &.segment>.container { - height: 100%; - - &>.column1 { - display: inline-block; - width: ($column1)+rem; - } - &>.column2 { - display: inline-block; - width: ($column2)+rem; - } - } - } - .simple.segment { - border: none !important; - border-radius: 0 !important; - box-shadow: none !important; - margin: 0 !important; - padding: 0 !important; - - &>.ui.grid { - height: 100%; - } - } - .fondo-blanco { - background-color: rgba(255, 255, 255, .5); - } -} diff --git a/assets/sass/phone/_corporativos.scss b/assets/sass/phone/_corporativos.scss index 1c415e2..e533566 100644 --- a/assets/sass/phone/_corporativos.scss +++ b/assets/sass/phone/_corporativos.scss @@ -1,3 +1,62 @@ #corporativos { margin-top: 1rem !important; + + form { + @include colors; + + .row { + margin-bottom: rem(9); + + input { + height: 1.5rem; + } + textarea { + height: 5rem; + } + } + .input.cantidad { + width: 4.5rem; + background: rgb(255, 255, 255); + text-align: center; + padding: .5rem 0.05rem; + font-size: font_size(10); + color: rgba(191, 191, 191, .87) !important; + + button { + background: none; + border: none; + width: 1rem; + margin: 0; + padding: 0; + cursor: pointer; + color: rgba(191, 191, 191, .87) !important; + } + input { + width: 2rem; + background: none; + margin: 0; + border: 0; + padding: 0; + text-align: center; + color: rgba(191, 191, 191, .87) !important; + } + } + .input [type="file"] { + display: none; + } + .input .file { + display: inline-block; + height: rem(20*12/10); + padding-top: rem(3); + margin-left: rem(5); + font-size: font_size(16); + text-align: center; + cursor: pointer; + } + .button { + width: 100%; + background-color: #666667; + color: white; + } + } } diff --git a/assets/sass/phone/_nav.scss b/assets/sass/phone/_nav.scss new file mode 100644 index 0000000..8b6e7fd --- /dev/null +++ b/assets/sass/phone/_nav.scss @@ -0,0 +1,17 @@ +#menu { + i { + font-size: font-size(18); + } + .right.menu { + .item { + .shopping.cart { + .cantidad { + font-size: font-size(12); + font-family: $font_family; + top: rem(-14); + left: rem(3); + } + } + } + } +} diff --git a/assets/sass/phone/_sticky.scss b/assets/sass/phone/_sticky.scss new file mode 100644 index 0000000..8a3bc38 --- /dev/null +++ b/assets/sass/phone/_sticky.scss @@ -0,0 +1,70 @@ +#columna_sticky { + display: none; + position: absolute; + top: (map.get($heights, 'cabezal'))+rem; + height: 100%; + width: 100%; + + .left.column { + pointer-events: none; + } + .sticky { + background-color: rgba(255, 255, 255, .5); + + z-index: 10; + + margin-top: rem(40); + padding-top: rem(54); + + .row { + padding-top: 0 !important; + } + + .column:first-child { + vertical-align: bottom; + padding-top: rem(20); + + .titulo { + font-size: font_size(25); + } + .precio { + font-size: font_size(16); + } + font-size: font_size(14); + + @include colors; + .input.cantidad { + width: 4.5rem; + border: thin solid rgb(0, 0, 0); + text-align: center; + padding: .5rem 0.05rem; + font-size: font_size(10); + + button { + background: none; + border: none; + width: 1rem; + margin: 0; + padding: 0; + cursor: pointer; + font-weight: bold; + } + input { + width: 2rem; + background: none; + margin: 0; + border: 0; + padding: 0; + text-align: center; + } + .button { + border-radius: 0 !important; + width: 100%; + } + } + .button { + width: 100%; + } + } + } +} diff --git a/assets/sass/wide/_corporativos.scss b/assets/sass/wide/_corporativos.scss index 2653980..1817432 100644 --- a/assets/sass/wide/_corporativos.scss +++ b/assets/sass/wide/_corporativos.scss @@ -6,6 +6,13 @@ .row { margin-bottom: rem(9); + + input { + height: 1.5rem; + } + textarea { + height: 5rem; + } } .input.cantidad { width: 4.5rem; @@ -46,14 +53,6 @@ text-align: center; cursor: pointer; } - .row { - input { - height: 1.5rem; - } - textarea { - height: 5rem; - } - } .button { width: 100%; background-color: #666667; diff --git a/public/assets/images/conversemos.png b/public/assets/images/conversemos.png index f64ecb1..b1b02e8 100644 Binary files a/public/assets/images/conversemos.png and b/public/assets/images/conversemos.png differ diff --git a/public/assets/styles/main.css b/public/assets/styles/main.css index e2dede0..7b1b631 100644 --- a/public/assets/styles/main.css +++ b/public/assets/styles/main.css @@ -364,70 +364,185 @@ i.font-icon.chile:before { #corporativos { margin-top: 1rem !important; } + #corporativos form .colores { + vertical-align: center; + } + #corporativos form .colores .text { + margin-right: 0.28125rem; + } + #corporativos form .colores .circle { + display: inline-block; + width: 1.40625rem; + height: 1.40625rem; + border-radius: 8000px; + margin: auto 0.09375rem; + cursor: pointer; + } + #corporativos form .colores .circle.selected { + width: 1.59375rem; + height: 1.59375rem; + cursor: default; + } + #corporativos form .row { + margin-bottom: 0.84375rem; + } + #corporativos form .row input { + height: 1.5rem; + } + #corporativos form .row textarea { + height: 5rem; + } + #corporativos form .input.cantidad { + width: 4.5rem; + background: white; + text-align: center; + padding: 0.5rem 0.05rem; + font-size: 0.8333333333rem; + color: rgba(191, 191, 191, 0.87) !important; + } + #corporativos form .input.cantidad button { + background: none; + border: none; + width: 1rem; + margin: 0; + padding: 0; + cursor: pointer; + color: rgba(191, 191, 191, 0.87) !important; + } + #corporativos form .input.cantidad input { + width: 2rem; + background: none; + margin: 0; + border: 0; + padding: 0; + text-align: center; + color: rgba(191, 191, 191, 0.87) !important; + } + #corporativos form .input [type=file] { + display: none; + } + #corporativos form .input .file { + display: inline-block; + height: 2.25rem; + padding-top: 0.28125rem; + margin-left: 0.46875rem; + font-size: 1.3333333333rem; + text-align: center; + cursor: pointer; + } + #corporativos form .button { + width: 100%; + background-color: #666667; + color: white; + } + + #columna_sticky { + display: none; + position: absolute; + top: 25rem; + height: 100%; + width: 100%; + } + #columna_sticky .left.column { + pointer-events: none; + } + #columna_sticky .sticky { + background-color: rgba(255, 255, 255, 0.5); + z-index: 10; + margin-top: 3.75rem; + padding-top: 5.0625rem; + } + #columna_sticky .sticky .row { + padding-top: 0 !important; + } + #columna_sticky .sticky .column:first-child { + vertical-align: bottom; + padding-top: 1.875rem; + font-size: 1.1666666667rem; + } + #columna_sticky .sticky .column:first-child .titulo { + font-size: 2.0833333333rem; + } + #columna_sticky .sticky .column:first-child .precio { + font-size: 1.3333333333rem; + } + #columna_sticky .sticky .column:first-child .colores { + vertical-align: center; + } + #columna_sticky .sticky .column:first-child .colores .text { + margin-right: 0.28125rem; + } + #columna_sticky .sticky .column:first-child .colores .circle { + display: inline-block; + width: 1.40625rem; + height: 1.40625rem; + border-radius: 8000px; + margin: auto 0.09375rem; + cursor: pointer; + } + #columna_sticky .sticky .column:first-child .colores .circle.selected { + width: 1.59375rem; + height: 1.59375rem; + cursor: default; + } + #columna_sticky .sticky .column:first-child .input.cantidad { + width: 4.5rem; + border: thin solid black; + text-align: center; + padding: 0.5rem 0.05rem; + font-size: 0.8333333333rem; + } + #columna_sticky .sticky .column:first-child .input.cantidad button { + background: none; + border: none; + width: 1rem; + margin: 0; + padding: 0; + cursor: pointer; + font-weight: bold; + } + #columna_sticky .sticky .column:first-child .input.cantidad input { + width: 2rem; + background: none; + margin: 0; + border: 0; + padding: 0; + text-align: center; + } + #columna_sticky .sticky .column:first-child .input.cantidad .button { + border-radius: 0 !important; + width: 100%; + } + #columna_sticky .sticky .column:first-child .button { + width: 100%; + } + + #menu i { + font-size: 1.5rem; + } + #menu .right.menu .item .shopping.cart .cantidad { + font-size: 1rem; + font-family: Roboto, sans; + top: -1.3125rem; + left: 0.28125rem; + } .left.column { width: 75%; padding-left: 0.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, 0.4); - background-blend-mode: multiply; + .right.column { + width: 25%; } - #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, 0.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, 0.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: #cccccc; - clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%); + + .titulo { + padding-top: 2.34375rem; + padding-bottom: 1.875rem; } html { font-size: 10.6666666667px; - width: 100%; - overflow-x: hidden; } body { @@ -435,579 +550,6 @@ i.font-icon.chile:before { font-family: Roboto, sans; color: #333333; } - - #content { - width: 100% !important; - height: 211.25rem; - margin: 0 !important; - position: relative; - top: -211.25rem; - } - #content #header { - color: white; - width: 100%; - height: 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: 1rem; - } - #content #header .ui.menu .item .shopping.cart div { - position: relative; - color: black; - display: inline-block; - top: -1.3rem; - left: 0.1rem; - font-size: 0.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: 0.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: white; - 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: 0.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: 0.9375rem 4.03125rem; - background-color: rgba(255, 255, 255, 0.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: 0.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: 0.28125rem; - } - #content > .column2 .sticky .row:first-child .column1 .colores .circle { - display: inline-block; - 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.59375rem; - height: 1.59375rem; - cursor: default; - } - #content > .column2 .sticky .row:first-child .column1 .input { - width: 4.5rem; - border: thin solid black; - text-align: center; - padding: 0.5rem 0.05rem; - font-size: 0.8333333333rem; - } - #content > .column2 .sticky .row:first-child .column1 .input button { - background: none; - border: none; - width: 1rem; - margin: 0; - padding: 0; - cursor: pointer; - font-weight: bold; - } - #content > .column2 .sticky .row:first-child .column1 .input input { - width: 2rem; - background: none; - margin: 0; - border: 0; - padding: 0; - text-align: center; - } - #content > .column2 .sticky .row:first-child .column2 { - width: 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: 0.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: 0.28125rem; - } - #content #corporativos .column2 form .colores .circle { - display: inline-block; - width: 1.40625rem; - height: 1.40625rem; - border-radius: 8000px; - margin: auto 0.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: 0.84375rem; - } - #content #corporativos .column2 form .colores.linea { - margin-bottom: 1.5rem; - } - #content #corporativos .column2 form .input.cantidad { - width: 4.5rem; - border: thin solid black; - text-align: center; - padding: 0.5rem 0.05rem; - font-size: 0.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: 0.28125rem; - background-color: #cccccb; - border: thin solid #333; - font-size: 0.8333333333rem; - text-align: center; - cursor: pointer; - } - #content #corporativos .column2 form .input [type=text] { - height: 1.6875rem; - background-color: white; - border: none !important; - border-radius: 0 !important; - } - #content #corporativos .column2 form textarea { - height: 6.75rem; - background-color: white; - border: none !important; - border-radius: 0 !important; - margin-bottom: 1.5rem; - } - #content #corporativos .column2 form .button { - width: 100%; - background-color: #666667; - color: white; - 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: 0.46875rem 0; - } - #content #formulario > .flotante > .content div.whatsapp { - height: 2.8125rem; - background-color: #1a9947; - color: #fff; - font-size: 0.9375rem; - } - #content #formulario > .flotante > .content div.whatsapp > i { - position: relative; - font-size: 1.3333333333rem; - top: 0.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: white !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: 0.84375rem; - background-color: rgba(255, 255, 255, 0.5); - font-size: 0.8333333333rem; - } - #content #formulario > .column2 form input::placeholder { - color: #333333; - } - #content #formulario > .column2 form textarea { - border-radius: 0 !important; - height: 6.75rem; - margin-bottom: 2.34375rem; - background-color: rgba(255, 255, 255, 0.5); - font-size: 0.8333333333rem; - } - #content #formulario > .column2 form textarea::placeholder { - color: #333333; - } - #content #formulario > .column2 form .button { - width: 100%; - border-radius: 0 !important; - background-color: white; - color: #333333; - } - #content section { - background: none; - } - #content section.segment > .container { - height: 100%; - } - #content section.segment > .container > .column1 { - display: inline-block; - width: 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, 0.5); - } } @media screen and (orientation: landscape) { #header { @@ -1096,6 +638,12 @@ i.font-icon.chile:before { #corporativos form .row { margin-bottom: 0.5625rem; } + #corporativos form .row input { + height: 1.5rem; + } + #corporativos form .row textarea { + height: 5rem; + } #corporativos form .input.cantidad { width: 4.5rem; background: white; @@ -1134,12 +682,6 @@ i.font-icon.chile:before { text-align: center; cursor: pointer; } - #corporativos form .row input { - height: 1.5rem; - } - #corporativos form .row textarea { - height: 5rem; - } #corporativos form .button { width: 100%; background-color: #666667; diff --git a/public/assets/styles/main.min.css b/public/assets/styles/main.min.css index cd4f141..a985954 100644 --- a/public/assets/styles/main.min.css +++ b/public/assets/styles/main.min.css @@ -1,2 +1,2 @@ -*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}html{font-family:Roboto,sans}#header{background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-color:rgba(0,0,0,.4);background-blend-mode:multiply;color:#fff}#header .container .segment{margin:0 !important}#header .container .segment #logo img{width:50%}#descripcion{background-image:linear-gradient(#cccccc, #cccccc)}#descripcion .images{text-align:center}#ventajas{position:relative;background-image:url("../images/tripode.png")}#ventajas .diagonal{position:absolute;background-blend-mode:color}#ventajas .gallery{position:relative;text-align:center}#ventajas .gallery .image{max-height:inherit}#ventajas .gallery .image img{max-height:inherit;margin:auto}#ventajas .gallery .nav{position:absolute;cursor:pointer;background-color:rgba(255,255,255,.5)}#ventajas .gallery .nav.left{top:50%;left:0}#ventajas .gallery .nav.right{top:50%;right:0}#ventajas .gallery::after{clear:both}#dimensiones{position:relative;background-image:url("../images/tripode.png")}#dimensiones .fondo-gris{position:absolute;width:100%;height:100%;background-color:rgba(204,204,204,.5)}#dimensiones .left.column>.grid>.column:first-child{min-width:33% !important}#dimensiones .left.column>.grid>.column:last-child{min-width:67% !important}#construidos{background-image:url("../images/construido.jpg");background-color:linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));color:#fff;padding-bottom:1.25rem}#corporativos{background-image:url("../images/corporativo.png")}#corporativos .segment .content .header{padding-top:2rem;padding-bottom:1rem}#corporativos .segment .content ul{list-style:none;margin-left:0;padding-left:1rem;text-indent:-1rem}#testimonios .testimonios .ui.card{background-color:#ccc}#testimonios .testimonios .ui.card .rating .icon{color:#fff}#contacto{position:relative;margin-top:1rem}#contacto .background{position:absolute;width:100%;height:100%;background-color:#ccc;clip-path:polygon(50% 0, 100% 0%, 100% 100%, 0% 100%)}#contacto .column{height:100%}#contacto .column:first-child{width:67%}#contacto .column:last-child{width:33%}#contacto a{color:inherit}#contacto div.whatsapp{background-color:green;padding:.5rem 0;color:#fff}#contacto .icons .icon:first-child{color:#fff}#contacto .icons .icon:last-child{color:#ccc}#contacto .paragraph{margin-bottom:.5rem;text-align:justify}#contacto form .row{margin-bottom:.5rem}#contacto form .row input{height:1.5rem}#contacto form .row textarea{height:5rem}#menu{z-index:100;background:none !important;border:none !important;box-shadow:none !important}#menu .right.menu .item .shopping.cart .cantidad{position:relative;color:#fff}#images.modal{text-align:center}#images.modal .header{text-align:right}#images.modal .content{text-align:center}#images.modal .content img{margin:auto}.white.circle{border:thin solid #000;background-color:#fff}.black.circle{background-color:#000}.blue.circle{background-color:#006ee6}.petrol.circle{background-color:#005078}.cyan.circle{background-color:#50c8ff}.green.circle{background-color:#0ac864}.yellow.circle{background-color:#fff046}.orange.circle{background-color:#ff8246}.red.circle{background-color:#ff1432}.column:not(.row){padding-top:0 !important}@font-face{font-family:"icomoon";src:url("../fonts/icomoon.eotiedbpz");src:url("../fonts/icomoon.eot?iedbpz#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?iedbpz") format("truetype"),url("../fonts/icomoon.woff?iedbpz") format("woff"),url("../fonts/icomoon.svg?iedbpz#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=font-icon],[class*=" font-icon"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}i.font-icon.angle:before{content:""}i.font-icon.chile:before{content:""}@media screen and (orientation: portrait){#header{height:25rem;background-size:160%;background-position:bottom -0.9375rem center}#header .container #menu{font-size:1.3333333333rem}#header .container #menu .right.menu .item .shopping.cart .cantidad{top:-1.875rem;left:.15rem;font-size:.6666666667rem}#header .container .segment #logo img{max-width:56.25rem}#descripcion{padding-bottom:.46875rem}#descripcion .paragraph{padding-top:1.6875rem;line-height:1.3125rem;text-align:justify}#descripcion .paragraph .header{margin-bottom:.5625rem;font-size:1.5rem}#ventajas .diagonal{border-bottom:100% solid rgba(204,204,204,.5);border-right:100% solid transparent}#ventajas .gallery{max-height:25.5rem}#dimensiones .header{font-size:1.8333333333rem;padding-top:5.0625rem;padding-bottom:2.34375rem}#dimensiones .colores{vertical-align:center}#dimensiones .colores .text{margin-right:.28125rem}#dimensiones .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#dimensiones .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}#construidos{margin-top:1rem}#corporativos{margin-top:1rem !important}.left.column{width:75%;padding-left:.46875rem !important}#backgrounds .cabezal{height:25rem;background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-size:160%;background-position:bottom -0.9375rem center;background-color:rgba(0,0,0,.4);background-blend-mode:multiply}#backgrounds .seccion1{height:rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 10.5rem;background-size:100% 12rem;background-repeat:no-repeat}#backgrounds .seccion2{height:rem;background-image:url("../images/tripode.png")}#backgrounds .seccion2 .diagonal{border-bottom:rem solid rgba(204,204,204,.5);border-right:178.125rem solid transparent}#backgrounds .dimensiones{height:27.5rem;background-image:url("../images/tripode.png")}#backgrounds .dimensiones .fondo-gris{width:100%;height:100%;background-color:rgba(204,204,204,.5)}#backgrounds .construido{height:21.875rem;background-image:url("../images/construido.jpg")}#backgrounds .corporativos{height:32.5rem;background-image:url("../images/corporativo.png")}#backgrounds .testimonios{height:21.875rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 10.78125rem;background-size:100% 11.0625rem;background-repeat:no-repeat}#backgrounds .formulario{height:30rem;background-color:#ccc;clip-path:polygon(50% 0, 100% 0%, 100% 100%, 0% 100%)}html{font-size:10.6666666667px;width:100%;overflow-x:hidden}body{height:211.25rem;font-family:Roboto,sans;color:#333}#content{width:100% !important;height:211.25rem;margin:0 !important;position:relative;top:-211.25rem}#content #header{color:#fff;width:100%;height:25rem}#content #header .ui.menu{border:none !important;background:none !important;box-shadow:none !important;margin:0 !important;color:#000}#content #header .ui.menu .dropdown .menu{color:#000;font-size:1rem}#content #header .ui.menu .dropdown .menu .item{padding:1rem !important}#content #header .ui.menu .item{color:inherit !important;font-size:1rem}#content #header .ui.menu .item .shopping.cart div{position:relative;color:#000;display:inline-block;top:-1.3rem;left:.1rem;font-size:.5rem;font-family:Roboto,sans}#content #header .logo{padding:0 !important;margin:0 !important}#content #header .logo img{width:50%;max-width:56.25rem}#content #header .logo .frase1{width:75%;margin:auto;font-size:1rem}#content #header .logo .frase2{font-size:.7rem}#content>.column{display:inline-block;float:left;padding-left:1rem !important;padding-right:1rem !important}#content>.column::after{clear:both}#content>.column1{width:90%}#content>.column1 #seccion1{height:rem;width:100%}#content>.column1 #seccion1 .image-container{display:flex;justify-content:space-between;height:22.5rem}#content>.column1 #seccion1 .image-container img{width:50%;margin-top:7.96875rem}#content>.column1 #seccion1 .paragraph{padding-top:2.625rem;line-height:1.3125rem;text-align:justify}#content>.column1 #seccion1 .paragraph .header{margin-bottom:1rem;font-size:2.0625rem}#content>.column1 #seccion2{height:rem}#content>.column1 #seccion2>.column{display:inline-block;float:left;width:50%}#content>.column1 #seccion2>.column::after{clear:both}#content>.column1 #seccion2 .column1{margin-top:7.5rem}#content>.column1 #seccion2 .column1 img{width:29.71875rem;height:29.71875rem}#content>.column1 #seccion2 .column2{margin-top:10.6875rem}#content>.column1 #seccion2 .column2 .row:first-child{background-color:#00427b;color:#fff;height:16.875rem;width:35.625rem;padding:2rem;margin-left:-3rem;overflow:hidden}#content>.column1 #seccion2 .column2 .row:first-child .header{font-weight:bold;font-size:1.5rem;margin-bottom:1rem}#content>.column1 #seccion2 .column2 .row:first-child ul{list-style:disc inside;font-size:.8333333333rem}#content>.column1 #seccion2 .column2 .row:last-child{margin-top:1.6875rem;display:flex;justify-content:space-between}#content>.column1 #seccion2 .column2 .row:last-child img{width:6.5625rem;height:7.96875rem}#content>.column1 #dimensiones{height:27.5rem}#content>.column1 #dimensiones .header{padding:3.46875rem 0 !important}#content>.column1 #dimensiones .header .bigger{font-size:1.5rem}#content>.column1 #dimensiones .images{display:flex}#content>.column1 #dimensiones .images .column{float:left}#content>.column1 #dimensiones .images .column>img{width:29.34375rem;height:22.03125rem}#content>.column1 #dimensiones .images .column div{width:29.34375rem;margin-top:2.34375rem}#content>.column1 #construido{height:21.875rem;padding-top:2.15625rem !important}#content>.column1 #construido .header{font-size:1.8333333333rem;padding:.9375rem 4.03125rem;background-color:rgba(255,255,255,.6)}#content>.column2{width:10%;height:101.875rem}#content>.column2 .sticky{height:24.84375rem;width:29.0625rem;margin:auto}#content>.column2 .sticky .row:first-child{height:15.9375rem;margin-top:7.5rem}#content>.column2 .sticky .row:first-child .column{display:inline-block;float:left}#content>.column2 .sticky .row:first-child .column::after{clear:both}#content>.column2 .sticky .row:first-child .column1{vertical-align:bottom;padding-top:1.875rem;width:19.375rem;font-size:1.1666666667rem}#content>.column2 .sticky .row:first-child .column1 .linea{margin-bottom:.9375rem}#content>.column2 .sticky .row:first-child .column1 .titulo{font-size:2.0833333333rem}#content>.column2 .sticky .row:first-child .column1 .precio{font-size:1.3333333333rem}#content>.column2 .sticky .row:first-child .column1 .colores{vertical-align:center}#content>.column2 .sticky .row:first-child .column1 .colores .text{margin-right:.28125rem}#content>.column2 .sticky .row:first-child .column1 .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#content>.column2 .sticky .row:first-child .column1 .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}#content>.column2 .sticky .row:first-child .column1 .input{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#content>.column2 .sticky .row:first-child .column1 .input button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;font-weight:bold}#content>.column2 .sticky .row:first-child .column1 .input input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#content>.column2 .sticky .row:first-child .column2{width:9.6875rem}#content>.column2 .sticky .row:first-child .column2 img{width:10.3125rem;height:15rem}#content>.column2 .sticky .row:last-child .button{border-radius:0 !important;width:100%}#content #corporativos{width:100%;height:32.5rem;margin-top:101.875rem !important}#content #corporativos>.column{display:inline-block;float:left;padding-left:1rem !important;padding-right:1rem !important}#content #corporativos>.column::after{clear:both}#content #corporativos .column1{width:67%}#content #corporativos .column1>.header{margin-top:6.28125rem;margin-bottom:3.46875rem}#content #corporativos .column1>.header .bigger{font-size:2.4375rem}#content #corporativos .column1 .opciones{display:flex;justify-content:space-around}#content #corporativos .column1 .opciones .opcion{display:inline-block}#content #corporativos .column1 .opciones .opcion .img-grande{display:inline-block;padding-right:1.125rem}#content #corporativos .column1 .opciones .opcion .img-grande img{width:12.65625rem;height:18.75rem}#content #corporativos .column1 .opciones .opcion .descripcion{display:inline-block;vertical-align:top;height:18.75rem;padding-top:1.875rem}#content #corporativos .column1 .opciones .opcion .descripcion .content{display:block}#content #corporativos .column1 .opciones .opcion .descripcion .content .header{font-size:1.1666666667rem;margin-bottom:.9375rem}#content #corporativos .column1 .opciones .opcion .descripcion .content ul{list-style:disc inside}#content #corporativos .column1 .opciones .opcion .descripcion .images{margin-top:3.1875rem}#content #corporativos .column1 .opciones .opcion .descripcion .images img{width:6.5625rem;height:7.96875rem}#content #corporativos .column2{width:33%;height:100%}#content #corporativos .column2 .header{margin-top:4.3125rem;margin-bottom:2.25rem;font-size:2.4375rem}#content #corporativos .column2 form .colores{vertical-align:center}#content #corporativos .column2 form .colores .text{margin-right:.28125rem}#content #corporativos .column2 form .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#content #corporativos .column2 form .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}#content #corporativos .column2 form .row{margin-bottom:.84375rem}#content #corporativos .column2 form .colores.linea{margin-bottom:1.5rem}#content #corporativos .column2 form .input.cantidad{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#content #corporativos .column2 form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer}#content #corporativos .column2 form .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#content #corporativos .column2 form .input [type=file]{display:none}#content #corporativos .column2 form .input .file{display:inline-block;height:2.25rem;width:14.0625rem;padding-top:.28125rem;background-color:#cccccb;border:thin solid #333;font-size:.8333333333rem;text-align:center;cursor:pointer}#content #corporativos .column2 form .input [type=text]{height:1.6875rem;background-color:#fff;border:none !important;border-radius:0 !important}#content #corporativos .column2 form textarea{height:6.75rem;background-color:#fff;border:none !important;border-radius:0 !important;margin-bottom:1.5rem}#content #corporativos .column2 form .button{width:100%;background-color:#666667;color:#fff;border:none !important;border-radius:0 !important}#content #felices{height:21.875rem;padding:0 1rem !important;padding-top:5.625rem !important}#content #felices .header{font-size:1.8333333333rem}#content #felices .testimonios{margin-top:2.34375rem;display:flex;justify-content:space-between;text-align:center}#content #felices .testimonios .testimonio{height:7.5rem;color:#666667;margin-top:1.875rem;width:30%;text-align:center}#content #felices .nav{display:block;text-align:center;color:#666667}#content #formulario{height:30rem;padding:0 1rem !important}#content #formulario .whatsapp-link{color:inherit}#content #formulario>.column{float:left;padding-left:1rem !important;padding-right:1rem !important}#content #formulario>.column::after{clear:both}#content #formulario>.flotante{position:absolute;top:17.15625rem;margin:auto;left:40%;width:11.25rem;text-align:center}#content #formulario>.flotante>.content{width:12.1875rem;margin:auto;left:-50%}#content #formulario>.flotante>.content .item{display:block;padding:.46875rem 0}#content #formulario>.flotante>.content div.whatsapp{height:2.8125rem;background-color:#1a9947;color:#fff;font-size:.9375rem}#content #formulario>.flotante>.content div.whatsapp>i{position:relative;font-size:1.3333333333rem;top:.28125rem}#content #formulario>.flotante>.content .rrss{display:flex;justify-content:space-around;font-size:1.875rem}#content #formulario>.flotante>.content .rrss i.inverted.grey{color:#fff !important}#content #formulario>.column1{width:90%;margin-top:2.53125rem}#content #formulario>.column1>img{width:50.625rem;height:32.8125rem;float:left}#content #formulario>.column2{width:10%}#content #formulario>.column2 .header{margin-top:1.875rem;text-align:center;font-size:1.8333333333rem}#content #formulario>.column2 .header .whatsapp-link{display:inline-block;width:2.34375rem;height:2.34375rem;font-size:2.0833333333rem}#content #formulario>.column2 .paragraph{padding-top:1rem;padding-bottom:2.34375rem;justify-content:center}#content #formulario>.column2 form input{border-radius:0 !important;height:1.6875rem;margin-bottom:.84375rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form input::placeholder{color:#333}#content #formulario>.column2 form textarea{border-radius:0 !important;height:6.75rem;margin-bottom:2.34375rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form textarea::placeholder{color:#333}#content #formulario>.column2 form .button{width:100%;border-radius:0 !important;background-color:#fff;color:#333}#content section{background:none}#content section.segment>.container{height:100%}#content section.segment>.container>.column1{display:inline-block;width:90rem}#content section.segment>.container>.column2{display:inline-block;width:10rem}#content .simple.segment{border:none !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;padding:0 !important}#content .simple.segment>.ui.grid{height:100%}#content .fondo-blanco{background-color:rgba(255,255,255,.5)}}@media screen and (orientation: landscape){#header{height:31.25rem;background-size:160%;background-position:bottom -2.5rem center}#descripcion{background-position:left 7rem;background-size:100% 6.875rem;background-repeat:no-repeat;padding-top:6.25rem;margin-bottom:1.5625rem}#descripcion .images .image{max-width:33%}#descripcion .paragraph{padding-top:1.75rem;line-height:.875rem;text-align:justify}#descripcion .paragraph .header{margin-bottom:1rem;font-size:1.375rem}#ventajas .diagonal{border-bottom:27.5rem solid rgba(204,204,204,.5);border-right:118.75rem solid transparent}#ventajas .gallery{max-height:25.5rem}#dimensiones{margin-top:.9375rem}#dimensiones .colores{vertical-align:center}#dimensiones .colores .text{margin-right:.1875rem}#dimensiones .colores .circle{display:inline-block;width:1.25rem;height:1.25rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#dimensiones .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}#construidos{margin-top:.9375rem}#corporativos{margin-top:.9375rem}#corporativos form .colores{vertical-align:center}#corporativos form .colores .text{margin-right:.1875rem}#corporativos form .colores .circle{display:inline-block;width:1.25rem;height:1.25rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#corporativos form .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}#corporativos form .row{margin-bottom:.5625rem}#corporativos form .input.cantidad{width:4.5rem;background:#fff;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem;color:rgba(191,191,191,.87) !important}#corporativos form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;color:rgba(191,191,191,.87) !important}#corporativos form .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center;color:rgba(191,191,191,.87) !important}#corporativos form .input [type=file]{display:none}#corporativos form .input .file{display:inline-block;height:1.5rem;padding-top:.1875rem;margin-left:.3125rem;font-size:1.3333333333rem;text-align:center;cursor:pointer}#corporativos form .row input{height:1.5rem}#corporativos form .row textarea{height:5rem}#corporativos form .button{width:100%;background-color:#666667;color:#fff}#testimonios{margin-top:.9375rem}#contacto .image{margin:auto;vertical-align:middle}#contacto .button{width:100%;background-color:#666667;color:#fff}#columna_sticky{position:absolute;top:31.25rem;height:100%;width:100%}#columna_sticky .left.column{pointer-events:none}#columna_sticky .sticky{background-color:rgba(255,255,255,.5);z-index:10;margin-top:2.5rem;padding-top:3.375rem}#columna_sticky .sticky .row{padding-top:0 !important}#columna_sticky .sticky .column:first-child{vertical-align:bottom;padding-top:1.25rem;font-size:1.1666666667rem}#columna_sticky .sticky .column:first-child .titulo{font-size:2.0833333333rem}#columna_sticky .sticky .column:first-child .precio{font-size:1.3333333333rem}#columna_sticky .sticky .column:first-child .colores{vertical-align:center}#columna_sticky .sticky .column:first-child .colores .text{margin-right:.1875rem}#columna_sticky .sticky .column:first-child .colores .circle{display:inline-block;width:1.25rem;height:1.25rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#columna_sticky .sticky .column:first-child .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}#columna_sticky .sticky .column:first-child .input.cantidad{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#columna_sticky .sticky .column:first-child .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;font-weight:bold}#columna_sticky .sticky .column:first-child .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#columna_sticky .sticky .column:first-child .input.cantidad .button{border-radius:0 !important;width:100%}#columna_sticky .sticky .column:first-child .button{width:100%}#menu i{font-size:2rem}#menu .right.menu .item .shopping.cart .cantidad{font-size:1rem;font-family:Roboto,sans;top:-1.75rem;left:.2rem}.left.column{width:67% !important;padding-left:.3125rem !important}.right.column{width:33% !important}section .titulo{font-size:1.8333333333rem;padding-top:3.375rem;padding-bottom:1.5625rem}body{color:#333}} +*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}html{font-family:Roboto,sans}#header{background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-color:rgba(0,0,0,.4);background-blend-mode:multiply;color:#fff}#header .container .segment{margin:0 !important}#header .container .segment #logo img{width:50%}#descripcion{background-image:linear-gradient(#cccccc, #cccccc)}#descripcion .images{text-align:center}#ventajas{position:relative;background-image:url("../images/tripode.png")}#ventajas .diagonal{position:absolute;background-blend-mode:color}#ventajas .gallery{position:relative;text-align:center}#ventajas .gallery .image{max-height:inherit}#ventajas .gallery .image img{max-height:inherit;margin:auto}#ventajas .gallery .nav{position:absolute;cursor:pointer;background-color:rgba(255,255,255,.5)}#ventajas .gallery .nav.left{top:50%;left:0}#ventajas .gallery .nav.right{top:50%;right:0}#ventajas .gallery::after{clear:both}#dimensiones{position:relative;background-image:url("../images/tripode.png")}#dimensiones .fondo-gris{position:absolute;width:100%;height:100%;background-color:rgba(204,204,204,.5)}#dimensiones .left.column>.grid>.column:first-child{min-width:33% !important}#dimensiones .left.column>.grid>.column:last-child{min-width:67% !important}#construidos{background-image:url("../images/construido.jpg");background-color:linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));color:#fff;padding-bottom:1.25rem}#corporativos{background-image:url("../images/corporativo.png")}#corporativos .segment .content .header{padding-top:2rem;padding-bottom:1rem}#corporativos .segment .content ul{list-style:none;margin-left:0;padding-left:1rem;text-indent:-1rem}#testimonios .testimonios .ui.card{background-color:#ccc}#testimonios .testimonios .ui.card .rating .icon{color:#fff}#contacto{position:relative;margin-top:1rem}#contacto .background{position:absolute;width:100%;height:100%;background-color:#ccc;clip-path:polygon(50% 0, 100% 0%, 100% 100%, 0% 100%)}#contacto .column{height:100%}#contacto .column:first-child{width:67%}#contacto .column:last-child{width:33%}#contacto a{color:inherit}#contacto div.whatsapp{background-color:green;padding:.5rem 0;color:#fff}#contacto .icons .icon:first-child{color:#fff}#contacto .icons .icon:last-child{color:#ccc}#contacto .paragraph{margin-bottom:.5rem;text-align:justify}#contacto form .row{margin-bottom:.5rem}#contacto form .row input{height:1.5rem}#contacto form .row textarea{height:5rem}#menu{z-index:100;background:none !important;border:none !important;box-shadow:none !important}#menu .right.menu .item .shopping.cart .cantidad{position:relative;color:#fff}#images.modal{text-align:center}#images.modal .header{text-align:right}#images.modal .content{text-align:center}#images.modal .content img{margin:auto}.white.circle{border:thin solid #000;background-color:#fff}.black.circle{background-color:#000}.blue.circle{background-color:#006ee6}.petrol.circle{background-color:#005078}.cyan.circle{background-color:#50c8ff}.green.circle{background-color:#0ac864}.yellow.circle{background-color:#fff046}.orange.circle{background-color:#ff8246}.red.circle{background-color:#ff1432}.column:not(.row){padding-top:0 !important}@font-face{font-family:"icomoon";src:url("../fonts/icomoon.eotiedbpz");src:url("../fonts/icomoon.eot?iedbpz#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?iedbpz") format("truetype"),url("../fonts/icomoon.woff?iedbpz") format("woff"),url("../fonts/icomoon.svg?iedbpz#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=font-icon],[class*=" font-icon"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}i.font-icon.angle:before{content:""}i.font-icon.chile:before{content:""}@media screen and (orientation: portrait){#header{height:25rem;background-size:160%;background-position:bottom -0.9375rem center}#header .container #menu{font-size:1.3333333333rem}#header .container #menu .right.menu .item .shopping.cart .cantidad{top:-1.875rem;left:.15rem;font-size:.6666666667rem}#header .container .segment #logo img{max-width:56.25rem}#descripcion{padding-bottom:.46875rem}#descripcion .paragraph{padding-top:1.6875rem;line-height:1.3125rem;text-align:justify}#descripcion .paragraph .header{margin-bottom:.5625rem;font-size:1.5rem}#ventajas .diagonal{border-bottom:100% solid rgba(204,204,204,.5);border-right:100% solid transparent}#ventajas .gallery{max-height:25.5rem}#dimensiones .header{font-size:1.8333333333rem;padding-top:5.0625rem;padding-bottom:2.34375rem}#dimensiones .colores{vertical-align:center}#dimensiones .colores .text{margin-right:.28125rem}#dimensiones .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#dimensiones .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}#construidos{margin-top:1rem}#corporativos{margin-top:1rem !important}#corporativos form .colores{vertical-align:center}#corporativos form .colores .text{margin-right:.28125rem}#corporativos form .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#corporativos form .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}#corporativos form .row{margin-bottom:.84375rem}#corporativos form .row input{height:1.5rem}#corporativos form .row textarea{height:5rem}#corporativos form .input.cantidad{width:4.5rem;background:#fff;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem;color:rgba(191,191,191,.87) !important}#corporativos form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;color:rgba(191,191,191,.87) !important}#corporativos form .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center;color:rgba(191,191,191,.87) !important}#corporativos form .input [type=file]{display:none}#corporativos form .input .file{display:inline-block;height:2.25rem;padding-top:.28125rem;margin-left:.46875rem;font-size:1.3333333333rem;text-align:center;cursor:pointer}#corporativos form .button{width:100%;background-color:#666667;color:#fff}#columna_sticky{display:none;position:absolute;top:25rem;height:100%;width:100%}#columna_sticky .left.column{pointer-events:none}#columna_sticky .sticky{background-color:rgba(255,255,255,.5);z-index:10;margin-top:3.75rem;padding-top:5.0625rem}#columna_sticky .sticky .row{padding-top:0 !important}#columna_sticky .sticky .column:first-child{vertical-align:bottom;padding-top:1.875rem;font-size:1.1666666667rem}#columna_sticky .sticky .column:first-child .titulo{font-size:2.0833333333rem}#columna_sticky .sticky .column:first-child .precio{font-size:1.3333333333rem}#columna_sticky .sticky .column:first-child .colores{vertical-align:center}#columna_sticky .sticky .column:first-child .colores .text{margin-right:.28125rem}#columna_sticky .sticky .column:first-child .colores .circle{display:inline-block;width:1.40625rem;height:1.40625rem;border-radius:8000px;margin:auto .09375rem;cursor:pointer}#columna_sticky .sticky .column:first-child .colores .circle.selected{width:1.59375rem;height:1.59375rem;cursor:default}#columna_sticky .sticky .column:first-child .input.cantidad{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#columna_sticky .sticky .column:first-child .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;font-weight:bold}#columna_sticky .sticky .column:first-child .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#columna_sticky .sticky .column:first-child .input.cantidad .button{border-radius:0 !important;width:100%}#columna_sticky .sticky .column:first-child .button{width:100%}#menu i{font-size:1.5rem}#menu .right.menu .item .shopping.cart .cantidad{font-size:1rem;font-family:Roboto,sans;top:-1.3125rem;left:.28125rem}.left.column{width:75%;padding-left:.46875rem !important}.right.column{width:25%}.titulo{padding-top:2.34375rem;padding-bottom:1.875rem}html{font-size:10.6666666667px}body{height:211.25rem;font-family:Roboto,sans;color:#333}}@media screen and (orientation: landscape){#header{height:31.25rem;background-size:160%;background-position:bottom -2.5rem center}#descripcion{background-position:left 7rem;background-size:100% 6.875rem;background-repeat:no-repeat;padding-top:6.25rem;margin-bottom:1.5625rem}#descripcion .images .image{max-width:33%}#descripcion .paragraph{padding-top:1.75rem;line-height:.875rem;text-align:justify}#descripcion .paragraph .header{margin-bottom:1rem;font-size:1.375rem}#ventajas .diagonal{border-bottom:27.5rem solid rgba(204,204,204,.5);border-right:118.75rem solid transparent}#ventajas .gallery{max-height:25.5rem}#dimensiones{margin-top:.9375rem}#dimensiones .colores{vertical-align:center}#dimensiones .colores .text{margin-right:.1875rem}#dimensiones .colores .circle{display:inline-block;width:1.25rem;height:1.25rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#dimensiones .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}#construidos{margin-top:.9375rem}#corporativos{margin-top:.9375rem}#corporativos form .colores{vertical-align:center}#corporativos form .colores .text{margin-right:.1875rem}#corporativos form .colores .circle{display:inline-block;width:1.25rem;height:1.25rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#corporativos form .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}#corporativos form .row{margin-bottom:.5625rem}#corporativos form .row input{height:1.5rem}#corporativos form .row textarea{height:5rem}#corporativos form .input.cantidad{width:4.5rem;background:#fff;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem;color:rgba(191,191,191,.87) !important}#corporativos form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;color:rgba(191,191,191,.87) !important}#corporativos form .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center;color:rgba(191,191,191,.87) !important}#corporativos form .input [type=file]{display:none}#corporativos form .input .file{display:inline-block;height:1.5rem;padding-top:.1875rem;margin-left:.3125rem;font-size:1.3333333333rem;text-align:center;cursor:pointer}#corporativos form .button{width:100%;background-color:#666667;color:#fff}#testimonios{margin-top:.9375rem}#contacto .image{margin:auto;vertical-align:middle}#contacto .button{width:100%;background-color:#666667;color:#fff}#columna_sticky{position:absolute;top:31.25rem;height:100%;width:100%}#columna_sticky .left.column{pointer-events:none}#columna_sticky .sticky{background-color:rgba(255,255,255,.5);z-index:10;margin-top:2.5rem;padding-top:3.375rem}#columna_sticky .sticky .row{padding-top:0 !important}#columna_sticky .sticky .column:first-child{vertical-align:bottom;padding-top:1.25rem;font-size:1.1666666667rem}#columna_sticky .sticky .column:first-child .titulo{font-size:2.0833333333rem}#columna_sticky .sticky .column:first-child .precio{font-size:1.3333333333rem}#columna_sticky .sticky .column:first-child .colores{vertical-align:center}#columna_sticky .sticky .column:first-child .colores .text{margin-right:.1875rem}#columna_sticky .sticky .column:first-child .colores .circle{display:inline-block;width:1.25rem;height:1.25rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#columna_sticky .sticky .column:first-child .colores .circle.selected{width:1.375rem;height:1.375rem;cursor:default}#columna_sticky .sticky .column:first-child .input.cantidad{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#columna_sticky .sticky .column:first-child .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;font-weight:bold}#columna_sticky .sticky .column:first-child .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#columna_sticky .sticky .column:first-child .input.cantidad .button{border-radius:0 !important;width:100%}#columna_sticky .sticky .column:first-child .button{width:100%}#menu i{font-size:2rem}#menu .right.menu .item .shopping.cart .cantidad{font-size:1rem;font-family:Roboto,sans;top:-1.75rem;left:.2rem}.left.column{width:67% !important;padding-left:.3125rem !important}.right.column{width:33% !important}section .titulo{font-size:1.8333333333rem;padding-top:3.375rem;padding-bottom:1.5625rem}body{color:#333}} /*# sourceMappingURL=maps/main.min.css.map */ diff --git a/public/assets/styles/maps/main.min.css.map b/public/assets/styles/maps/main.min.css.map index 54168fa..9bb1460 100644 --- a/public/assets/styles/maps/main.min.css.map +++ b/public/assets/styles/maps/main.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["main.css"],"names":[],"mappings":"CACA,mBACE,sBAGF,sPACE,SACA,UACA,SACA,eACA,aACA,wBACA,kCACA,mCACA,sBAGF,+BACE,cAGF,KACE,cAGF,MACE,gBAGF,aACE,YAGF,oDACE,WACA,aAGF,MACE,yBACA,iBAGF,MACE,wBACA,gBAGF,KACE,wBAGF,QACE,6CACA,4BACA,gCACA,+BACA,WAEF,4BACE,oBAEF,sCACE,UAGF,aACE,mDAEF,qBACE,kBAGF,UACE,kBACA,8CAEF,oBACE,kBACA,4BAEF,mBACE,kBACA,kBAEF,0BACE,mBAEF,8BACE,mBACA,YAEF,wBACE,kBACA,eACA,sCAEF,6BACE,QACA,OAEF,8BACE,QACA,QAEF,0BACE,WAGF,aACE,kBACA,8CAEF,yBACE,kBACA,WACA,YACA,sCAEF,oDACE,yBAEF,mDACE,yBAGF,aACE,iDACA,iFACA,WACA,uBAGF,cACE,kDAEF,wCACE,iBACA,oBAEF,mCACE,gBACA,cACA,kBACA,kBAGF,mCACE,sBAEF,iDACE,WAGF,UACE,kBACA,gBAEF,sBACE,kBACA,WACA,YACA,sBACA,sDAEF,kBACE,YAEF,8BACE,UAEF,6BACE,UAEF,YACE,cAEF,uBACE,uBACA,gBACA,WAEF,mCACE,WAEF,kCACE,WAEF,qBACE,oBACA,mBAEF,oBACE,oBAEF,0BACE,cAEF,6BACE,YAGF,MACE,YACA,2BACA,uBACA,2BAEF,iDACE,kBACA,WAGF,cACE,kBAEF,sBACE,iBAEF,uBACE,kBAEF,2BACE,YAGF,cACE,uBACA,sBAGF,cACE,sBAGF,aACE,yBAGF,eACE,yBAGF,aACE,yBAGF,cACE,yBAGF,eACE,yBAGF,eACE,yBAGF,YACE,yBAGF,kBACE,yBAGF,WACE,sBACA,sCACA,2OACA,mBACA,kBACA,mBAEF,yCACE,iCACA,YACA,kBACA,mBACA,oBACA,oBACA,cACA,mCACA,kCAGF,yBACE,YAGF,yBACE,YAGF,0CACE,QACE,aACA,qBACA,6CAEF,yBACE,0BAEF,oEACE,cACA,YACA,yBAEF,sCACE,mBAGF,aACE,yBAEF,wBACE,sBACA,sBACA,mBAEF,gCACE,uBACA,iBAGF,oBACE,8CACA,oCAEF,mBACE,mBAGF,qBACE,0BACA,sBACA,0BAEF,sBACE,sBAEF,4BACE,uBAEF,8BACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,uCACE,iBACA,kBACA,eAGF,aACE,gBAGF,cACE,2BAGF,aACE,UACA,kCAGF,sBACE,aACA,6CACA,4BACA,qBACA,6CACA,gCACA,+BAEF,uBACE,WACA,mDACA,iCACA,2BACA,4BAEF,uBACE,WACA,8CAEF,iCACE,6CACA,0CAEF,0BACE,eACA,8CAEF,sCACE,WACA,YACA,sCAEF,yBACE,iBACA,iDAEF,2BACE,eACA,kDAEF,0BACE,iBACA,mDACA,qCACA,gCACA,4BAEF,yBACE,aACA,sBACA,sDAGF,KACE,0BACA,WACA,kBAGF,KACE,iBACA,wBACA,WAGF,SACE,sBACA,iBACA,oBACA,kBACA,eAEF,iBACE,WACA,WACA,aAEF,0BACE,uBACA,2BACA,2BACA,oBACA,WAEF,0CAIE,WACA,eAEF,gDACE,wBAEF,gCACE,yBACA,eAEF,mDACE,kBACA,WACA,qBACA,YACA,WACA,gBACA,wBAEF,uBACE,qBACA,oBAEF,2BACE,UACA,mBAEF,+BACE,UACA,YACA,eAEF,+BACE,gBAEF,iBACE,qBACA,WACA,6BACA,8BAEF,wBACE,WAEF,kBACE,UAEF,4BACE,WACA,WAEF,6CACE,aACA,8BACA,eAEF,iDACE,UACA,sBAEF,uCACE,qBACA,sBACA,mBAEF,+CACE,mBACA,oBAEF,4BACE,WAEF,oCACE,qBACA,WACA,UAEF,2CACE,WAEF,qCACE,kBAEF,yCACE,kBACA,mBAEF,qCACE,sBAEF,sDACE,yBACA,WACA,iBACA,gBACA,aACA,kBACA,gBAEF,8DACE,iBACA,iBACA,mBAEF,yDACE,uBACA,yBAEF,qDACE,qBACA,aACA,8BAEF,yDACE,gBACA,kBAEF,+BACE,eAEF,uCACE,gCAEF,+CACE,iBAEF,uCACE,aAEF,+CACE,WAEF,mDACE,kBACA,mBAEF,mDACE,kBACA,sBAEF,8BACE,iBACA,kCAEF,sCACE,0BACA,4BACA,sCAEF,kBACE,UACA,kBAEF,0BACE,mBACA,iBACA,YAEF,2CACE,kBACA,kBAEF,mDACE,qBACA,WAEF,0DACE,WAEF,oDACE,sBACA,qBACA,gBACA,0BAEF,2DACE,uBAEF,4DACE,0BAEF,4DACE,0BAEF,6DACE,sBAEF,mEACE,uBAEF,qEACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,8EACE,iBACA,kBACA,eAEF,2DACE,aACA,uBACA,kBACA,qBACA,yBAEF,kEACE,gBACA,YACA,WACA,SACA,UACA,eACA,iBAEF,iEACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,oDACE,gBAEF,wDACE,iBACA,aAEF,kDACE,2BACA,WAEF,uBACE,WACA,eACA,iCAEF,+BACE,qBACA,WACA,6BACA,8BAEF,sCACE,WAEF,gCACE,UAEF,wCACE,sBACA,yBAEF,gDACE,oBAEF,0CACE,aACA,6BAEF,kDACE,qBAEF,8DACE,qBACA,uBAEF,kEACE,kBACA,gBAEF,+DACE,qBACA,mBACA,gBACA,qBAEF,wEACE,cAEF,gFACE,0BACA,uBAEF,2EACE,uBAEF,uEACE,qBAEF,2EACE,gBACA,kBAEF,gCACE,UACA,YAEF,wCACE,qBACA,sBACA,oBAEF,8CACE,sBAEF,oDACE,uBAEF,sDACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,+DACE,iBACA,kBACA,eAEF,0CACE,wBAEF,oDACE,qBAEF,qDACE,aACA,uBACA,kBACA,qBACA,yBAEF,4DACE,gBACA,YACA,WACA,SACA,UACA,eAEF,2DACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,wDACE,aAEF,kDACE,qBACA,eACA,iBACA,sBACA,yBACA,uBACA,yBACA,kBACA,eAEF,wDACE,iBACA,sBACA,uBACA,2BAEF,8CACE,eACA,sBACA,uBACA,2BACA,qBAEF,6CACE,WACA,yBACA,WACA,uBACA,2BAEF,kBACE,iBACA,0BACA,gCAEF,0BACE,0BAEF,+BACE,sBACA,aACA,8BACA,kBAEF,2CACE,cACA,cACA,oBACA,UACA,kBAEF,uBACE,cACA,kBACA,cAEF,qBACE,aACA,0BAEF,oCACE,cAEF,6BACE,WACA,6BACA,8BAEF,oCACE,WAEF,+BACE,kBACA,gBACA,YACA,SACA,eACA,kBAEF,wCACE,iBACA,YACA,UAEF,8CACE,cACA,oBAEF,qDACE,iBACA,yBACA,WACA,mBAEF,uDACE,kBACA,0BACA,cAEF,8CACE,aACA,6BACA,mBAEF,8DACE,sBAEF,8BACE,UACA,sBAEF,kCACE,gBACA,kBACA,WAEF,8BACE,UAEF,sCACE,oBACA,kBACA,0BAEF,qDACE,qBACA,iBACA,kBACA,0BAEF,yCACE,iBACA,0BACA,uBAEF,yCACE,2BACA,iBACA,wBACA,sCACA,yBAEF,sDACE,WAEF,4CACE,2BACA,eACA,yBACA,sCACA,yBAEF,yDACE,WAEF,2CACE,WACA,2BACA,sBACA,WAEF,iBACE,gBAEF,oCACE,YAEF,6CACE,qBACA,YAEF,6CACE,qBACA,YAEF,yBACE,uBACA,2BACA,2BACA,oBACA,qBAEF,kCACE,YAEF,uBACE,uCAGJ,2CACE,QACE,gBACA,qBACA,0CAGF,aACE,8BACA,8BACA,4BACA,oBACA,wBAEF,4BACE,cAEF,wBACE,oBACA,oBACA,mBAEF,gCACE,mBACA,mBAGF,oBACE,iDACA,yCAEF,mBACE,mBAGF,aACE,oBAEF,sBACE,sBAEF,4BACE,sBAEF,8BACE,qBACA,cACA,eACA,qBACA,qBACA,eAEF,uCACE,eACA,gBACA,eAGF,aACE,oBAGF,cACE,oBAEF,4BACE,sBAEF,kCACE,sBAEF,oCACE,qBACA,cACA,eACA,qBACA,qBACA,eAEF,6CACE,eACA,gBACA,eAEF,wBACE,uBAEF,mCACE,aACA,gBACA,kBACA,qBACA,yBACA,uCAEF,0CACE,gBACA,YACA,WACA,SACA,UACA,eACA,uCAEF,yCACE,WACA,gBACA,SACA,SACA,UACA,kBACA,uCAEF,sCACE,aAEF,gCACE,qBACA,cACA,qBACA,qBACA,0BACA,kBACA,eAEF,8BACE,cAEF,iCACE,YAEF,2BACE,WACA,yBACA,WAGF,aACE,oBAGF,iBACE,YACA,sBAEF,kBACE,WACA,yBACA,WAGF,gBACE,kBACA,aACA,YACA,WAEF,6BACE,oBAEF,wBACE,sCACA,WACA,kBACA,qBAEF,6BACE,yBAEF,4CACE,sBACA,oBACA,0BAEF,oDACE,0BAEF,oDACE,0BAEF,qDACE,sBAEF,2DACE,sBAEF,6DACE,qBACA,cACA,eACA,qBACA,qBACA,eAEF,sEACE,eACA,gBACA,eAEF,4DACE,aACA,uBACA,kBACA,qBACA,yBAEF,mEACE,gBACA,YACA,WACA,SACA,UACA,eACA,iBAEF,kEACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,oEACE,2BACA,WAEF,oDACE,WAGF,QACE,eAEF,iDACE,eACA,wBACA,aACA,WAGF,aACE,qBACA,iCAGF,cACE,qBAGF,gBACE,0BACA,qBACA,yBAGF,KACE","file":"../main.min.css","sourcesContent":["@charset \"UTF-8\";\n*, *:before, *:after {\n box-sizing: border-box;\n}\n\nhtml, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n text-size-adjust: none;\n}\n\nfooter, header, nav, section, main {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote:before, blockquote:after, q:before, q:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ninput {\n -webkit-appearance: none;\n border-radius: 0;\n}\n\nhtml {\n font-family: Roboto, sans;\n}\n\n#header {\n background-image: url(\"../images/banner.jpg\");\n background-repeat: no-repeat;\n background-color: rgba(0, 0, 0, 0.4);\n background-blend-mode: multiply;\n color: white;\n}\n#header .container .segment {\n margin: 0 !important;\n}\n#header .container .segment #logo img {\n width: 50%;\n}\n\n#descripcion {\n background-image: linear-gradient(#cccccc, #cccccc);\n}\n#descripcion .images {\n text-align: center;\n}\n\n#ventajas {\n position: relative;\n background-image: url(\"../images/tripode.png\");\n}\n#ventajas .diagonal {\n position: absolute;\n background-blend-mode: color;\n}\n#ventajas .gallery {\n position: relative;\n text-align: center;\n}\n#ventajas .gallery .image {\n max-height: inherit;\n}\n#ventajas .gallery .image img {\n max-height: inherit;\n margin: auto;\n}\n#ventajas .gallery .nav {\n position: absolute;\n cursor: pointer;\n background-color: rgba(255, 255, 255, 0.5);\n}\n#ventajas .gallery .nav.left {\n top: 50%;\n left: 0;\n}\n#ventajas .gallery .nav.right {\n top: 50%;\n right: 0;\n}\n#ventajas .gallery::after {\n clear: both;\n}\n\n#dimensiones {\n position: relative;\n background-image: url(\"../images/tripode.png\");\n}\n#dimensiones .fondo-gris {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgba(204, 204, 204, 0.5);\n}\n#dimensiones .left.column > .grid > .column:first-child {\n min-width: 33% !important;\n}\n#dimensiones .left.column > .grid > .column:last-child {\n min-width: 67% !important;\n}\n\n#construidos {\n background-image: url(\"../images/construido.jpg\");\n background-color: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));\n color: white;\n padding-bottom: 1.25rem;\n}\n\n#corporativos {\n background-image: url(\"../images/corporativo.png\");\n}\n#corporativos .segment .content .header {\n padding-top: 2rem;\n padding-bottom: 1rem;\n}\n#corporativos .segment .content ul {\n list-style: none;\n margin-left: 0;\n padding-left: 1rem;\n text-indent: -1rem;\n}\n\n#testimonios .testimonios .ui.card {\n background-color: #cccccc;\n}\n#testimonios .testimonios .ui.card .rating .icon {\n color: white;\n}\n\n#contacto {\n position: relative;\n margin-top: 1rem;\n}\n#contacto .background {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: #cccccc;\n clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);\n}\n#contacto .column {\n height: 100%;\n}\n#contacto .column:first-child {\n width: 67%;\n}\n#contacto .column:last-child {\n width: 33%;\n}\n#contacto a {\n color: inherit;\n}\n#contacto div.whatsapp {\n background-color: green;\n padding: 0.5rem 0;\n color: white;\n}\n#contacto .icons .icon:first-child {\n color: white;\n}\n#contacto .icons .icon:last-child {\n color: #cccccc;\n}\n#contacto .paragraph {\n margin-bottom: 0.5rem;\n text-align: justify;\n}\n#contacto form .row {\n margin-bottom: 0.5rem;\n}\n#contacto form .row input {\n height: 1.5rem;\n}\n#contacto form .row textarea {\n height: 5rem;\n}\n\n#menu {\n z-index: 100;\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n}\n#menu .right.menu .item .shopping.cart .cantidad {\n position: relative;\n color: white;\n}\n\n#images.modal {\n text-align: center;\n}\n#images.modal .header {\n text-align: right;\n}\n#images.modal .content {\n text-align: center;\n}\n#images.modal .content img {\n margin: auto;\n}\n\n.white.circle {\n border: thin solid black;\n background-color: white;\n}\n\n.black.circle {\n background-color: black;\n}\n\n.blue.circle {\n background-color: #006ee6;\n}\n\n.petrol.circle {\n background-color: #005078;\n}\n\n.cyan.circle {\n background-color: #50c8ff;\n}\n\n.green.circle {\n background-color: #0ac864;\n}\n\n.yellow.circle {\n background-color: #fff046;\n}\n\n.orange.circle {\n background-color: #ff8246;\n}\n\n.red.circle {\n background-color: #ff1432;\n}\n\n.column:not(.row) {\n padding-top: 0 !important;\n}\n\n@font-face {\n font-family: \"icomoon\";\n src: url(\"../fonts/icomoon.eotiedbpz\");\n src: url(\"../fonts/icomoon.eot?iedbpz#iefix\") format(\"embedded-opentype\"), url(\"../fonts/icomoon.ttf?iedbpz\") format(\"truetype\"), url(\"../fonts/icomoon.woff?iedbpz\") format(\"woff\"), url(\"../fonts/icomoon.svg?iedbpz#icomoon\") format(\"svg\");\n font-weight: normal;\n font-style: normal;\n font-display: block;\n}\n[class^=font-icon], [class*=\" font-icon\"] {\n font-family: \"icomoon\" !important;\n speak: never;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ni.font-icon.angle:before {\n content: \"\";\n}\n\ni.font-icon.chile:before {\n content: \"\";\n}\n\n@media screen and (orientation: portrait) {\n #header {\n height: 25rem;\n background-size: 160%;\n background-position: bottom -0.9375rem center;\n }\n #header .container #menu {\n font-size: 1.3333333333rem;\n }\n #header .container #menu .right.menu .item .shopping.cart .cantidad {\n top: -1.875rem;\n left: 0.15rem;\n font-size: 0.6666666667rem;\n }\n #header .container .segment #logo img {\n max-width: 56.25rem;\n }\n\n #descripcion {\n padding-bottom: 0.46875rem;\n }\n #descripcion .paragraph {\n padding-top: 1.6875rem;\n line-height: 1.3125rem;\n text-align: justify;\n }\n #descripcion .paragraph .header {\n margin-bottom: 0.5625rem;\n font-size: 1.5rem;\n }\n\n #ventajas .diagonal {\n border-bottom: 100% solid rgba(204, 204, 204, 0.5);\n border-right: 100% solid transparent;\n }\n #ventajas .gallery {\n max-height: 25.5rem;\n }\n\n #dimensiones .header {\n font-size: 1.8333333333rem;\n padding-top: 5.0625rem;\n padding-bottom: 2.34375rem;\n }\n #dimensiones .colores {\n vertical-align: center;\n }\n #dimensiones .colores .text {\n margin-right: 0.28125rem;\n }\n #dimensiones .colores .circle {\n display: inline-block;\n width: 1.40625rem;\n height: 1.40625rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #dimensiones .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n\n #construidos {\n margin-top: 1rem;\n }\n\n #corporativos {\n margin-top: 1rem !important;\n }\n\n .left.column {\n width: 75%;\n padding-left: 0.46875rem !important;\n }\n\n #backgrounds .cabezal {\n height: 25rem;\n background-image: url(\"../images/banner.jpg\");\n background-repeat: no-repeat;\n background-size: 160%;\n background-position: bottom -0.9375rem center;\n background-color: rgba(0, 0, 0, 0.4);\n background-blend-mode: multiply;\n }\n #backgrounds .seccion1 {\n height: rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 10.5rem;\n background-size: 100% 12rem;\n background-repeat: no-repeat;\n }\n #backgrounds .seccion2 {\n height: rem;\n background-image: url(\"../images/tripode.png\");\n }\n #backgrounds .seccion2 .diagonal {\n border-bottom: rem solid rgba(204, 204, 204, 0.5);\n border-right: 178.125rem solid transparent;\n }\n #backgrounds .dimensiones {\n height: 27.5rem;\n background-image: url(\"../images/tripode.png\");\n }\n #backgrounds .dimensiones .fondo-gris {\n width: 100%;\n height: 100%;\n background-color: rgba(204, 204, 204, 0.5);\n }\n #backgrounds .construido {\n height: 21.875rem;\n background-image: url(\"../images/construido.jpg\");\n }\n #backgrounds .corporativos {\n height: 32.5rem;\n background-image: url(\"../images/corporativo.png\");\n }\n #backgrounds .testimonios {\n height: 21.875rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 10.78125rem;\n background-size: 100% 11.0625rem;\n background-repeat: no-repeat;\n }\n #backgrounds .formulario {\n height: 30rem;\n background-color: #cccccc;\n clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);\n }\n\n html {\n font-size: 10.6666666667px;\n width: 100%;\n overflow-x: hidden;\n }\n\n body {\n height: 211.25rem;\n font-family: Roboto, sans;\n color: #333333;\n }\n\n #content {\n width: 100% !important;\n height: 211.25rem;\n margin: 0 !important;\n position: relative;\n top: -211.25rem;\n }\n #content #header {\n color: white;\n width: 100%;\n height: 25rem;\n }\n #content #header .ui.menu {\n border: none !important;\n background: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n color: black;\n }\n #content #header .ui.menu .dropdown .menu {\n /*background: none !important;\n border: none !important;\n box-shadow: none !important;*/\n color: black;\n font-size: 1rem;\n }\n #content #header .ui.menu .dropdown .menu .item {\n padding: 1rem !important;\n }\n #content #header .ui.menu .item {\n color: inherit !important;\n font-size: 1rem;\n }\n #content #header .ui.menu .item .shopping.cart div {\n position: relative;\n color: black;\n display: inline-block;\n top: -1.3rem;\n left: 0.1rem;\n font-size: 0.5rem;\n font-family: Roboto, sans;\n }\n #content #header .logo {\n padding: 0 !important;\n margin: 0 !important;\n }\n #content #header .logo img {\n width: 50%;\n max-width: 56.25rem;\n }\n #content #header .logo .frase1 {\n width: 75%;\n margin: auto;\n font-size: 1rem;\n }\n #content #header .logo .frase2 {\n font-size: 0.7rem;\n }\n #content > .column {\n display: inline-block;\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content > .column::after {\n clear: both;\n }\n #content > .column1 {\n width: 90%;\n }\n #content > .column1 #seccion1 {\n height: rem;\n width: 100%;\n }\n #content > .column1 #seccion1 .image-container {\n display: flex;\n justify-content: space-between;\n height: 22.5rem;\n }\n #content > .column1 #seccion1 .image-container img {\n width: 50%;\n margin-top: 7.96875rem;\n }\n #content > .column1 #seccion1 .paragraph {\n padding-top: 2.625rem;\n line-height: 1.3125rem;\n text-align: justify;\n }\n #content > .column1 #seccion1 .paragraph .header {\n margin-bottom: 1rem;\n font-size: 2.0625rem;\n }\n #content > .column1 #seccion2 {\n height: rem;\n }\n #content > .column1 #seccion2 > .column {\n display: inline-block;\n float: left;\n width: 50%;\n }\n #content > .column1 #seccion2 > .column::after {\n clear: both;\n }\n #content > .column1 #seccion2 .column1 {\n margin-top: 7.5rem;\n }\n #content > .column1 #seccion2 .column1 img {\n width: 29.71875rem;\n height: 29.71875rem;\n }\n #content > .column1 #seccion2 .column2 {\n margin-top: 10.6875rem;\n }\n #content > .column1 #seccion2 .column2 .row:first-child {\n background-color: #00427b;\n color: white;\n height: 16.875rem;\n width: 35.625rem;\n padding: 2rem;\n margin-left: -3rem;\n overflow: hidden;\n }\n #content > .column1 #seccion2 .column2 .row:first-child .header {\n font-weight: bold;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n #content > .column1 #seccion2 .column2 .row:first-child ul {\n list-style: disc inside;\n font-size: 0.8333333333rem;\n }\n #content > .column1 #seccion2 .column2 .row:last-child {\n margin-top: 1.6875rem;\n display: flex;\n justify-content: space-between;\n }\n #content > .column1 #seccion2 .column2 .row:last-child img {\n width: 6.5625rem;\n height: 7.96875rem;\n }\n #content > .column1 #dimensiones {\n height: 27.5rem;\n }\n #content > .column1 #dimensiones .header {\n padding: 3.46875rem 0 !important;\n }\n #content > .column1 #dimensiones .header .bigger {\n font-size: 1.5rem;\n }\n #content > .column1 #dimensiones .images {\n display: flex;\n }\n #content > .column1 #dimensiones .images .column {\n float: left;\n }\n #content > .column1 #dimensiones .images .column > img {\n width: 29.34375rem;\n height: 22.03125rem;\n }\n #content > .column1 #dimensiones .images .column div {\n width: 29.34375rem;\n margin-top: 2.34375rem;\n }\n #content > .column1 #construido {\n height: 21.875rem;\n padding-top: 2.15625rem !important;\n }\n #content > .column1 #construido .header {\n font-size: 1.8333333333rem;\n padding: 0.9375rem 4.03125rem;\n background-color: rgba(255, 255, 255, 0.6);\n }\n #content > .column2 {\n width: 10%;\n height: 101.875rem;\n }\n #content > .column2 .sticky {\n height: 24.84375rem;\n width: 29.0625rem;\n margin: auto;\n }\n #content > .column2 .sticky .row:first-child {\n height: 15.9375rem;\n margin-top: 7.5rem;\n }\n #content > .column2 .sticky .row:first-child .column {\n display: inline-block;\n float: left;\n }\n #content > .column2 .sticky .row:first-child .column::after {\n clear: both;\n }\n #content > .column2 .sticky .row:first-child .column1 {\n vertical-align: bottom;\n padding-top: 1.875rem;\n width: 19.375rem;\n font-size: 1.1666666667rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .linea {\n margin-bottom: 0.9375rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .titulo {\n font-size: 2.0833333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .precio {\n font-size: 1.3333333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores {\n vertical-align: center;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .text {\n margin-right: 0.28125rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .circle {\n display: inline-block;\n width: 1.40625rem;\n height: 1.40625rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #content > .column2 .sticky .row:first-child .column1 .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n #content > .column2 .sticky .row:first-child .column1 .input {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #content > .column2 .sticky .row:first-child .column1 .input button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n font-weight: bold;\n }\n #content > .column2 .sticky .row:first-child .column1 .input input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #content > .column2 .sticky .row:first-child .column2 {\n width: 9.6875rem;\n }\n #content > .column2 .sticky .row:first-child .column2 img {\n width: 10.3125rem;\n height: 15rem;\n }\n #content > .column2 .sticky .row:last-child .button {\n border-radius: 0 !important;\n width: 100%;\n }\n #content #corporativos {\n width: 100%;\n height: 32.5rem;\n margin-top: 101.875rem !important;\n }\n #content #corporativos > .column {\n display: inline-block;\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content #corporativos > .column::after {\n clear: both;\n }\n #content #corporativos .column1 {\n width: 67%;\n }\n #content #corporativos .column1 > .header {\n margin-top: 6.28125rem;\n margin-bottom: 3.46875rem;\n }\n #content #corporativos .column1 > .header .bigger {\n font-size: 2.4375rem;\n }\n #content #corporativos .column1 .opciones {\n display: flex;\n justify-content: space-around;\n }\n #content #corporativos .column1 .opciones .opcion {\n display: inline-block;\n }\n #content #corporativos .column1 .opciones .opcion .img-grande {\n display: inline-block;\n padding-right: 1.125rem;\n }\n #content #corporativos .column1 .opciones .opcion .img-grande img {\n width: 12.65625rem;\n height: 18.75rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion {\n display: inline-block;\n vertical-align: top;\n height: 18.75rem;\n padding-top: 1.875rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content {\n display: block;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content .header {\n font-size: 1.1666666667rem;\n margin-bottom: 0.9375rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .content ul {\n list-style: disc inside;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .images {\n margin-top: 3.1875rem;\n }\n #content #corporativos .column1 .opciones .opcion .descripcion .images img {\n width: 6.5625rem;\n height: 7.96875rem;\n }\n #content #corporativos .column2 {\n width: 33%;\n height: 100%;\n }\n #content #corporativos .column2 .header {\n margin-top: 4.3125rem;\n margin-bottom: 2.25rem;\n font-size: 2.4375rem;\n }\n #content #corporativos .column2 form .colores {\n vertical-align: center;\n }\n #content #corporativos .column2 form .colores .text {\n margin-right: 0.28125rem;\n }\n #content #corporativos .column2 form .colores .circle {\n display: inline-block;\n width: 1.40625rem;\n height: 1.40625rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #content #corporativos .column2 form .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n #content #corporativos .column2 form .row {\n margin-bottom: 0.84375rem;\n }\n #content #corporativos .column2 form .colores.linea {\n margin-bottom: 1.5rem;\n }\n #content #corporativos .column2 form .input.cantidad {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #content #corporativos .column2 form .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n }\n #content #corporativos .column2 form .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #content #corporativos .column2 form .input [type=file] {\n display: none;\n }\n #content #corporativos .column2 form .input .file {\n display: inline-block;\n height: 2.25rem;\n width: 14.0625rem;\n padding-top: 0.28125rem;\n background-color: #cccccb;\n border: thin solid #333;\n font-size: 0.8333333333rem;\n text-align: center;\n cursor: pointer;\n }\n #content #corporativos .column2 form .input [type=text] {\n height: 1.6875rem;\n background-color: white;\n border: none !important;\n border-radius: 0 !important;\n }\n #content #corporativos .column2 form textarea {\n height: 6.75rem;\n background-color: white;\n border: none !important;\n border-radius: 0 !important;\n margin-bottom: 1.5rem;\n }\n #content #corporativos .column2 form .button {\n width: 100%;\n background-color: #666667;\n color: white;\n border: none !important;\n border-radius: 0 !important;\n }\n #content #felices {\n height: 21.875rem;\n padding: 0 1rem !important;\n padding-top: 5.625rem !important;\n }\n #content #felices .header {\n font-size: 1.8333333333rem;\n }\n #content #felices .testimonios {\n margin-top: 2.34375rem;\n display: flex;\n justify-content: space-between;\n text-align: center;\n }\n #content #felices .testimonios .testimonio {\n height: 7.5rem;\n color: #666667;\n margin-top: 1.875rem;\n width: 30%;\n text-align: center;\n }\n #content #felices .nav {\n display: block;\n text-align: center;\n color: #666667;\n }\n #content #formulario {\n height: 30rem;\n padding: 0 1rem !important;\n }\n #content #formulario .whatsapp-link {\n color: inherit;\n }\n #content #formulario > .column {\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n #content #formulario > .column::after {\n clear: both;\n }\n #content #formulario > .flotante {\n position: absolute;\n top: 17.15625rem;\n margin: auto;\n left: 40%;\n width: 11.25rem;\n text-align: center;\n }\n #content #formulario > .flotante > .content {\n width: 12.1875rem;\n margin: auto;\n left: -50%;\n }\n #content #formulario > .flotante > .content .item {\n display: block;\n padding: 0.46875rem 0;\n }\n #content #formulario > .flotante > .content div.whatsapp {\n height: 2.8125rem;\n background-color: #1a9947;\n color: #fff;\n font-size: 0.9375rem;\n }\n #content #formulario > .flotante > .content div.whatsapp > i {\n position: relative;\n font-size: 1.3333333333rem;\n top: 0.28125rem;\n }\n #content #formulario > .flotante > .content .rrss {\n display: flex;\n justify-content: space-around;\n font-size: 1.875rem;\n }\n #content #formulario > .flotante > .content .rrss i.inverted.grey {\n color: white !important;\n }\n #content #formulario > .column1 {\n width: 90%;\n margin-top: 2.53125rem;\n }\n #content #formulario > .column1 > img {\n width: 50.625rem;\n height: 32.8125rem;\n float: left;\n }\n #content #formulario > .column2 {\n width: 10%;\n }\n #content #formulario > .column2 .header {\n margin-top: 1.875rem;\n text-align: center;\n font-size: 1.8333333333rem;\n }\n #content #formulario > .column2 .header .whatsapp-link {\n display: inline-block;\n width: 2.34375rem;\n height: 2.34375rem;\n font-size: 2.0833333333rem;\n }\n #content #formulario > .column2 .paragraph {\n padding-top: 1rem;\n padding-bottom: 2.34375rem;\n justify-content: center;\n }\n #content #formulario > .column2 form input {\n border-radius: 0 !important;\n height: 1.6875rem;\n margin-bottom: 0.84375rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form input::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form textarea {\n border-radius: 0 !important;\n height: 6.75rem;\n margin-bottom: 2.34375rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n }\n #content #formulario > .column2 form textarea::placeholder {\n color: #333333;\n }\n #content #formulario > .column2 form .button {\n width: 100%;\n border-radius: 0 !important;\n background-color: white;\n color: #333333;\n }\n #content section {\n background: none;\n }\n #content section.segment > .container {\n height: 100%;\n }\n #content section.segment > .container > .column1 {\n display: inline-block;\n width: 90rem;\n }\n #content section.segment > .container > .column2 {\n display: inline-block;\n width: 10rem;\n }\n #content .simple.segment {\n border: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n #content .simple.segment > .ui.grid {\n height: 100%;\n }\n #content .fondo-blanco {\n background-color: rgba(255, 255, 255, 0.5);\n }\n}\n@media screen and (orientation: landscape) {\n #header {\n height: 31.25rem;\n background-size: 160%;\n background-position: bottom -2.5rem center;\n }\n\n #descripcion {\n background-position: left 7rem;\n background-size: 100% 6.875rem;\n background-repeat: no-repeat;\n padding-top: 6.25rem;\n margin-bottom: 1.5625rem;\n }\n #descripcion .images .image {\n max-width: 33%;\n }\n #descripcion .paragraph {\n padding-top: 1.75rem;\n line-height: 0.875rem;\n text-align: justify;\n }\n #descripcion .paragraph .header {\n margin-bottom: 1rem;\n font-size: 1.375rem;\n }\n\n #ventajas .diagonal {\n border-bottom: 27.5rem solid rgba(204, 204, 204, 0.5);\n border-right: 118.75rem solid transparent;\n }\n #ventajas .gallery {\n max-height: 25.5rem;\n }\n\n #dimensiones {\n margin-top: 0.9375rem;\n }\n #dimensiones .colores {\n vertical-align: center;\n }\n #dimensiones .colores .text {\n margin-right: 0.1875rem;\n }\n #dimensiones .colores .circle {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #dimensiones .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n\n #construidos {\n margin-top: 0.9375rem;\n }\n\n #corporativos {\n margin-top: 0.9375rem;\n }\n #corporativos form .colores {\n vertical-align: center;\n }\n #corporativos form .colores .text {\n margin-right: 0.1875rem;\n }\n #corporativos form .colores .circle {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #corporativos form .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n #corporativos form .row {\n margin-bottom: 0.5625rem;\n }\n #corporativos form .input.cantidad {\n width: 4.5rem;\n background: white;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input [type=file] {\n display: none;\n }\n #corporativos form .input .file {\n display: inline-block;\n height: 1.5rem;\n padding-top: 0.1875rem;\n margin-left: 0.3125rem;\n font-size: 1.3333333333rem;\n text-align: center;\n cursor: pointer;\n }\n #corporativos form .row input {\n height: 1.5rem;\n }\n #corporativos form .row textarea {\n height: 5rem;\n }\n #corporativos form .button {\n width: 100%;\n background-color: #666667;\n color: white;\n }\n\n #testimonios {\n margin-top: 0.9375rem;\n }\n\n #contacto .image {\n margin: auto;\n vertical-align: middle;\n }\n #contacto .button {\n width: 100%;\n background-color: #666667;\n color: white;\n }\n\n #columna_sticky {\n position: absolute;\n top: 31.25rem;\n height: 100%;\n width: 100%;\n }\n #columna_sticky .left.column {\n pointer-events: none;\n }\n #columna_sticky .sticky {\n background-color: rgba(255, 255, 255, 0.5);\n z-index: 10;\n margin-top: 2.5rem;\n padding-top: 3.375rem;\n }\n #columna_sticky .sticky .row {\n padding-top: 0 !important;\n }\n #columna_sticky .sticky .column:first-child {\n vertical-align: bottom;\n padding-top: 1.25rem;\n font-size: 1.1666666667rem;\n }\n #columna_sticky .sticky .column:first-child .titulo {\n font-size: 2.0833333333rem;\n }\n #columna_sticky .sticky .column:first-child .precio {\n font-size: 1.3333333333rem;\n }\n #columna_sticky .sticky .column:first-child .colores {\n vertical-align: center;\n }\n #columna_sticky .sticky .column:first-child .colores .text {\n margin-right: 0.1875rem;\n }\n #columna_sticky .sticky .column:first-child .colores .circle {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #columna_sticky .sticky .column:first-child .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n font-weight: bold;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad .button {\n border-radius: 0 !important;\n width: 100%;\n }\n #columna_sticky .sticky .column:first-child .button {\n width: 100%;\n }\n\n #menu i {\n font-size: 2rem;\n }\n #menu .right.menu .item .shopping.cart .cantidad {\n font-size: 1rem;\n font-family: Roboto, sans;\n top: -1.75rem;\n left: 0.2rem;\n }\n\n .left.column {\n width: 67% !important;\n padding-left: 0.3125rem !important;\n }\n\n .right.column {\n width: 33% !important;\n }\n\n section .titulo {\n font-size: 1.8333333333rem;\n padding-top: 3.375rem;\n padding-bottom: 1.5625rem;\n }\n\n body {\n color: #333333;\n }\n}"]} \ No newline at end of file +{"version":3,"sources":["main.css"],"names":[],"mappings":"CACA,mBACE,sBAGF,sPACE,SACA,UACA,SACA,eACA,aACA,wBACA,kCACA,mCACA,sBAGF,+BACE,cAGF,KACE,cAGF,MACE,gBAGF,aACE,YAGF,oDACE,WACA,aAGF,MACE,yBACA,iBAGF,MACE,wBACA,gBAGF,KACE,wBAGF,QACE,6CACA,4BACA,gCACA,+BACA,WAEF,4BACE,oBAEF,sCACE,UAGF,aACE,mDAEF,qBACE,kBAGF,UACE,kBACA,8CAEF,oBACE,kBACA,4BAEF,mBACE,kBACA,kBAEF,0BACE,mBAEF,8BACE,mBACA,YAEF,wBACE,kBACA,eACA,sCAEF,6BACE,QACA,OAEF,8BACE,QACA,QAEF,0BACE,WAGF,aACE,kBACA,8CAEF,yBACE,kBACA,WACA,YACA,sCAEF,oDACE,yBAEF,mDACE,yBAGF,aACE,iDACA,iFACA,WACA,uBAGF,cACE,kDAEF,wCACE,iBACA,oBAEF,mCACE,gBACA,cACA,kBACA,kBAGF,mCACE,sBAEF,iDACE,WAGF,UACE,kBACA,gBAEF,sBACE,kBACA,WACA,YACA,sBACA,sDAEF,kBACE,YAEF,8BACE,UAEF,6BACE,UAEF,YACE,cAEF,uBACE,uBACA,gBACA,WAEF,mCACE,WAEF,kCACE,WAEF,qBACE,oBACA,mBAEF,oBACE,oBAEF,0BACE,cAEF,6BACE,YAGF,MACE,YACA,2BACA,uBACA,2BAEF,iDACE,kBACA,WAGF,cACE,kBAEF,sBACE,iBAEF,uBACE,kBAEF,2BACE,YAGF,cACE,uBACA,sBAGF,cACE,sBAGF,aACE,yBAGF,eACE,yBAGF,aACE,yBAGF,cACE,yBAGF,eACE,yBAGF,eACE,yBAGF,YACE,yBAGF,kBACE,yBAGF,WACE,sBACA,sCACA,2OACA,mBACA,kBACA,mBAEF,yCACE,iCACA,YACA,kBACA,mBACA,oBACA,oBACA,cACA,mCACA,kCAGF,yBACE,YAGF,yBACE,YAGF,0CACE,QACE,aACA,qBACA,6CAEF,yBACE,0BAEF,oEACE,cACA,YACA,yBAEF,sCACE,mBAGF,aACE,yBAEF,wBACE,sBACA,sBACA,mBAEF,gCACE,uBACA,iBAGF,oBACE,8CACA,oCAEF,mBACE,mBAGF,qBACE,0BACA,sBACA,0BAEF,sBACE,sBAEF,4BACE,uBAEF,8BACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,uCACE,iBACA,kBACA,eAGF,aACE,gBAGF,cACE,2BAEF,4BACE,sBAEF,kCACE,uBAEF,oCACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,6CACE,iBACA,kBACA,eAEF,wBACE,wBAEF,8BACE,cAEF,iCACE,YAEF,mCACE,aACA,gBACA,kBACA,qBACA,yBACA,uCAEF,0CACE,gBACA,YACA,WACA,SACA,UACA,eACA,uCAEF,yCACE,WACA,gBACA,SACA,SACA,UACA,kBACA,uCAEF,sCACE,aAEF,gCACE,qBACA,eACA,sBACA,sBACA,0BACA,kBACA,eAEF,2BACE,WACA,yBACA,WAGF,gBACE,aACA,kBACA,UACA,YACA,WAEF,6BACE,oBAEF,wBACE,sCACA,WACA,mBACA,sBAEF,6BACE,yBAEF,4CACE,sBACA,qBACA,0BAEF,oDACE,0BAEF,oDACE,0BAEF,qDACE,sBAEF,2DACE,uBAEF,6DACE,qBACA,iBACA,kBACA,qBACA,sBACA,eAEF,sEACE,iBACA,kBACA,eAEF,4DACE,aACA,uBACA,kBACA,qBACA,yBAEF,mEACE,gBACA,YACA,WACA,SACA,UACA,eACA,iBAEF,kEACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,oEACE,2BACA,WAEF,oDACE,WAGF,QACE,iBAEF,iDACE,eACA,wBACA,eACA,eAGF,aACE,UACA,kCAGF,cACE,UAGF,QACE,uBACA,wBAGF,KACE,0BAGF,KACE,iBACA,wBACA,YAGJ,2CACE,QACE,gBACA,qBACA,0CAGF,aACE,8BACA,8BACA,4BACA,oBACA,wBAEF,4BACE,cAEF,wBACE,oBACA,oBACA,mBAEF,gCACE,mBACA,mBAGF,oBACE,iDACA,yCAEF,mBACE,mBAGF,aACE,oBAEF,sBACE,sBAEF,4BACE,sBAEF,8BACE,qBACA,cACA,eACA,qBACA,qBACA,eAEF,uCACE,eACA,gBACA,eAGF,aACE,oBAGF,cACE,oBAEF,4BACE,sBAEF,kCACE,sBAEF,oCACE,qBACA,cACA,eACA,qBACA,qBACA,eAEF,6CACE,eACA,gBACA,eAEF,wBACE,uBAEF,8BACE,cAEF,iCACE,YAEF,mCACE,aACA,gBACA,kBACA,qBACA,yBACA,uCAEF,0CACE,gBACA,YACA,WACA,SACA,UACA,eACA,uCAEF,yCACE,WACA,gBACA,SACA,SACA,UACA,kBACA,uCAEF,sCACE,aAEF,gCACE,qBACA,cACA,qBACA,qBACA,0BACA,kBACA,eAEF,2BACE,WACA,yBACA,WAGF,aACE,oBAGF,iBACE,YACA,sBAEF,kBACE,WACA,yBACA,WAGF,gBACE,kBACA,aACA,YACA,WAEF,6BACE,oBAEF,wBACE,sCACA,WACA,kBACA,qBAEF,6BACE,yBAEF,4CACE,sBACA,oBACA,0BAEF,oDACE,0BAEF,oDACE,0BAEF,qDACE,sBAEF,2DACE,sBAEF,6DACE,qBACA,cACA,eACA,qBACA,qBACA,eAEF,sEACE,eACA,gBACA,eAEF,4DACE,aACA,uBACA,kBACA,qBACA,yBAEF,mEACE,gBACA,YACA,WACA,SACA,UACA,eACA,iBAEF,kEACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,oEACE,2BACA,WAEF,oDACE,WAGF,QACE,eAEF,iDACE,eACA,wBACA,aACA,WAGF,aACE,qBACA,iCAGF,cACE,qBAGF,gBACE,0BACA,qBACA,yBAGF,KACE","file":"../main.min.css","sourcesContent":["@charset \"UTF-8\";\n*, *:before, *:after {\n box-sizing: border-box;\n}\n\nhtml, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n text-size-adjust: none;\n}\n\nfooter, header, nav, section, main {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote:before, blockquote:after, q:before, q:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ninput {\n -webkit-appearance: none;\n border-radius: 0;\n}\n\nhtml {\n font-family: Roboto, sans;\n}\n\n#header {\n background-image: url(\"../images/banner.jpg\");\n background-repeat: no-repeat;\n background-color: rgba(0, 0, 0, 0.4);\n background-blend-mode: multiply;\n color: white;\n}\n#header .container .segment {\n margin: 0 !important;\n}\n#header .container .segment #logo img {\n width: 50%;\n}\n\n#descripcion {\n background-image: linear-gradient(#cccccc, #cccccc);\n}\n#descripcion .images {\n text-align: center;\n}\n\n#ventajas {\n position: relative;\n background-image: url(\"../images/tripode.png\");\n}\n#ventajas .diagonal {\n position: absolute;\n background-blend-mode: color;\n}\n#ventajas .gallery {\n position: relative;\n text-align: center;\n}\n#ventajas .gallery .image {\n max-height: inherit;\n}\n#ventajas .gallery .image img {\n max-height: inherit;\n margin: auto;\n}\n#ventajas .gallery .nav {\n position: absolute;\n cursor: pointer;\n background-color: rgba(255, 255, 255, 0.5);\n}\n#ventajas .gallery .nav.left {\n top: 50%;\n left: 0;\n}\n#ventajas .gallery .nav.right {\n top: 50%;\n right: 0;\n}\n#ventajas .gallery::after {\n clear: both;\n}\n\n#dimensiones {\n position: relative;\n background-image: url(\"../images/tripode.png\");\n}\n#dimensiones .fondo-gris {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgba(204, 204, 204, 0.5);\n}\n#dimensiones .left.column > .grid > .column:first-child {\n min-width: 33% !important;\n}\n#dimensiones .left.column > .grid > .column:last-child {\n min-width: 67% !important;\n}\n\n#construidos {\n background-image: url(\"../images/construido.jpg\");\n background-color: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));\n color: white;\n padding-bottom: 1.25rem;\n}\n\n#corporativos {\n background-image: url(\"../images/corporativo.png\");\n}\n#corporativos .segment .content .header {\n padding-top: 2rem;\n padding-bottom: 1rem;\n}\n#corporativos .segment .content ul {\n list-style: none;\n margin-left: 0;\n padding-left: 1rem;\n text-indent: -1rem;\n}\n\n#testimonios .testimonios .ui.card {\n background-color: #cccccc;\n}\n#testimonios .testimonios .ui.card .rating .icon {\n color: white;\n}\n\n#contacto {\n position: relative;\n margin-top: 1rem;\n}\n#contacto .background {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: #cccccc;\n clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);\n}\n#contacto .column {\n height: 100%;\n}\n#contacto .column:first-child {\n width: 67%;\n}\n#contacto .column:last-child {\n width: 33%;\n}\n#contacto a {\n color: inherit;\n}\n#contacto div.whatsapp {\n background-color: green;\n padding: 0.5rem 0;\n color: white;\n}\n#contacto .icons .icon:first-child {\n color: white;\n}\n#contacto .icons .icon:last-child {\n color: #cccccc;\n}\n#contacto .paragraph {\n margin-bottom: 0.5rem;\n text-align: justify;\n}\n#contacto form .row {\n margin-bottom: 0.5rem;\n}\n#contacto form .row input {\n height: 1.5rem;\n}\n#contacto form .row textarea {\n height: 5rem;\n}\n\n#menu {\n z-index: 100;\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n}\n#menu .right.menu .item .shopping.cart .cantidad {\n position: relative;\n color: white;\n}\n\n#images.modal {\n text-align: center;\n}\n#images.modal .header {\n text-align: right;\n}\n#images.modal .content {\n text-align: center;\n}\n#images.modal .content img {\n margin: auto;\n}\n\n.white.circle {\n border: thin solid black;\n background-color: white;\n}\n\n.black.circle {\n background-color: black;\n}\n\n.blue.circle {\n background-color: #006ee6;\n}\n\n.petrol.circle {\n background-color: #005078;\n}\n\n.cyan.circle {\n background-color: #50c8ff;\n}\n\n.green.circle {\n background-color: #0ac864;\n}\n\n.yellow.circle {\n background-color: #fff046;\n}\n\n.orange.circle {\n background-color: #ff8246;\n}\n\n.red.circle {\n background-color: #ff1432;\n}\n\n.column:not(.row) {\n padding-top: 0 !important;\n}\n\n@font-face {\n font-family: \"icomoon\";\n src: url(\"../fonts/icomoon.eotiedbpz\");\n src: url(\"../fonts/icomoon.eot?iedbpz#iefix\") format(\"embedded-opentype\"), url(\"../fonts/icomoon.ttf?iedbpz\") format(\"truetype\"), url(\"../fonts/icomoon.woff?iedbpz\") format(\"woff\"), url(\"../fonts/icomoon.svg?iedbpz#icomoon\") format(\"svg\");\n font-weight: normal;\n font-style: normal;\n font-display: block;\n}\n[class^=font-icon], [class*=\" font-icon\"] {\n font-family: \"icomoon\" !important;\n speak: never;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ni.font-icon.angle:before {\n content: \"\";\n}\n\ni.font-icon.chile:before {\n content: \"\";\n}\n\n@media screen and (orientation: portrait) {\n #header {\n height: 25rem;\n background-size: 160%;\n background-position: bottom -0.9375rem center;\n }\n #header .container #menu {\n font-size: 1.3333333333rem;\n }\n #header .container #menu .right.menu .item .shopping.cart .cantidad {\n top: -1.875rem;\n left: 0.15rem;\n font-size: 0.6666666667rem;\n }\n #header .container .segment #logo img {\n max-width: 56.25rem;\n }\n\n #descripcion {\n padding-bottom: 0.46875rem;\n }\n #descripcion .paragraph {\n padding-top: 1.6875rem;\n line-height: 1.3125rem;\n text-align: justify;\n }\n #descripcion .paragraph .header {\n margin-bottom: 0.5625rem;\n font-size: 1.5rem;\n }\n\n #ventajas .diagonal {\n border-bottom: 100% solid rgba(204, 204, 204, 0.5);\n border-right: 100% solid transparent;\n }\n #ventajas .gallery {\n max-height: 25.5rem;\n }\n\n #dimensiones .header {\n font-size: 1.8333333333rem;\n padding-top: 5.0625rem;\n padding-bottom: 2.34375rem;\n }\n #dimensiones .colores {\n vertical-align: center;\n }\n #dimensiones .colores .text {\n margin-right: 0.28125rem;\n }\n #dimensiones .colores .circle {\n display: inline-block;\n width: 1.40625rem;\n height: 1.40625rem;\n border-radius: 8000px;\n margin: auto 0.09375rem;\n cursor: pointer;\n }\n #dimensiones .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n\n #construidos {\n margin-top: 1rem;\n }\n\n #corporativos {\n margin-top: 1rem !important;\n }\n #corporativos form .colores {\n vertical-align: center;\n }\n #corporativos form .colores .text {\n margin-right: 0.28125rem;\n }\n #corporativos 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 #corporativos form .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n #corporativos form .row {\n margin-bottom: 0.84375rem;\n }\n #corporativos form .row input {\n height: 1.5rem;\n }\n #corporativos form .row textarea {\n height: 5rem;\n }\n #corporativos form .input.cantidad {\n width: 4.5rem;\n background: white;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input [type=file] {\n display: none;\n }\n #corporativos form .input .file {\n display: inline-block;\n height: 2.25rem;\n padding-top: 0.28125rem;\n margin-left: 0.46875rem;\n font-size: 1.3333333333rem;\n text-align: center;\n cursor: pointer;\n }\n #corporativos form .button {\n width: 100%;\n background-color: #666667;\n color: white;\n }\n\n #columna_sticky {\n display: none;\n position: absolute;\n top: 25rem;\n height: 100%;\n width: 100%;\n }\n #columna_sticky .left.column {\n pointer-events: none;\n }\n #columna_sticky .sticky {\n background-color: rgba(255, 255, 255, 0.5);\n z-index: 10;\n margin-top: 3.75rem;\n padding-top: 5.0625rem;\n }\n #columna_sticky .sticky .row {\n padding-top: 0 !important;\n }\n #columna_sticky .sticky .column:first-child {\n vertical-align: bottom;\n padding-top: 1.875rem;\n font-size: 1.1666666667rem;\n }\n #columna_sticky .sticky .column:first-child .titulo {\n font-size: 2.0833333333rem;\n }\n #columna_sticky .sticky .column:first-child .precio {\n font-size: 1.3333333333rem;\n }\n #columna_sticky .sticky .column:first-child .colores {\n vertical-align: center;\n }\n #columna_sticky .sticky .column:first-child .colores .text {\n margin-right: 0.28125rem;\n }\n #columna_sticky .sticky .column:first-child .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 #columna_sticky .sticky .column:first-child .colores .circle.selected {\n width: 1.59375rem;\n height: 1.59375rem;\n cursor: default;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n font-weight: bold;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad .button {\n border-radius: 0 !important;\n width: 100%;\n }\n #columna_sticky .sticky .column:first-child .button {\n width: 100%;\n }\n\n #menu i {\n font-size: 1.5rem;\n }\n #menu .right.menu .item .shopping.cart .cantidad {\n font-size: 1rem;\n font-family: Roboto, sans;\n top: -1.3125rem;\n left: 0.28125rem;\n }\n\n .left.column {\n width: 75%;\n padding-left: 0.46875rem !important;\n }\n\n .right.column {\n width: 25%;\n }\n\n .titulo {\n padding-top: 2.34375rem;\n padding-bottom: 1.875rem;\n }\n\n html {\n font-size: 10.6666666667px;\n }\n\n body {\n height: 211.25rem;\n font-family: Roboto, sans;\n color: #333333;\n }\n}\n@media screen and (orientation: landscape) {\n #header {\n height: 31.25rem;\n background-size: 160%;\n background-position: bottom -2.5rem center;\n }\n\n #descripcion {\n background-position: left 7rem;\n background-size: 100% 6.875rem;\n background-repeat: no-repeat;\n padding-top: 6.25rem;\n margin-bottom: 1.5625rem;\n }\n #descripcion .images .image {\n max-width: 33%;\n }\n #descripcion .paragraph {\n padding-top: 1.75rem;\n line-height: 0.875rem;\n text-align: justify;\n }\n #descripcion .paragraph .header {\n margin-bottom: 1rem;\n font-size: 1.375rem;\n }\n\n #ventajas .diagonal {\n border-bottom: 27.5rem solid rgba(204, 204, 204, 0.5);\n border-right: 118.75rem solid transparent;\n }\n #ventajas .gallery {\n max-height: 25.5rem;\n }\n\n #dimensiones {\n margin-top: 0.9375rem;\n }\n #dimensiones .colores {\n vertical-align: center;\n }\n #dimensiones .colores .text {\n margin-right: 0.1875rem;\n }\n #dimensiones .colores .circle {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #dimensiones .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n\n #construidos {\n margin-top: 0.9375rem;\n }\n\n #corporativos {\n margin-top: 0.9375rem;\n }\n #corporativos form .colores {\n vertical-align: center;\n }\n #corporativos form .colores .text {\n margin-right: 0.1875rem;\n }\n #corporativos form .colores .circle {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #corporativos form .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n #corporativos form .row {\n margin-bottom: 0.5625rem;\n }\n #corporativos form .row input {\n height: 1.5rem;\n }\n #corporativos form .row textarea {\n height: 5rem;\n }\n #corporativos form .input.cantidad {\n width: 4.5rem;\n background: white;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n color: rgba(191, 191, 191, 0.87) !important;\n }\n #corporativos form .input [type=file] {\n display: none;\n }\n #corporativos form .input .file {\n display: inline-block;\n height: 1.5rem;\n padding-top: 0.1875rem;\n margin-left: 0.3125rem;\n font-size: 1.3333333333rem;\n text-align: center;\n cursor: pointer;\n }\n #corporativos form .button {\n width: 100%;\n background-color: #666667;\n color: white;\n }\n\n #testimonios {\n margin-top: 0.9375rem;\n }\n\n #contacto .image {\n margin: auto;\n vertical-align: middle;\n }\n #contacto .button {\n width: 100%;\n background-color: #666667;\n color: white;\n }\n\n #columna_sticky {\n position: absolute;\n top: 31.25rem;\n height: 100%;\n width: 100%;\n }\n #columna_sticky .left.column {\n pointer-events: none;\n }\n #columna_sticky .sticky {\n background-color: rgba(255, 255, 255, 0.5);\n z-index: 10;\n margin-top: 2.5rem;\n padding-top: 3.375rem;\n }\n #columna_sticky .sticky .row {\n padding-top: 0 !important;\n }\n #columna_sticky .sticky .column:first-child {\n vertical-align: bottom;\n padding-top: 1.25rem;\n font-size: 1.1666666667rem;\n }\n #columna_sticky .sticky .column:first-child .titulo {\n font-size: 2.0833333333rem;\n }\n #columna_sticky .sticky .column:first-child .precio {\n font-size: 1.3333333333rem;\n }\n #columna_sticky .sticky .column:first-child .colores {\n vertical-align: center;\n }\n #columna_sticky .sticky .column:first-child .colores .text {\n margin-right: 0.1875rem;\n }\n #columna_sticky .sticky .column:first-child .colores .circle {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n }\n #columna_sticky .sticky .column:first-child .colores .circle.selected {\n width: 1.375rem;\n height: 1.375rem;\n cursor: default;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n font-weight: bold;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n }\n #columna_sticky .sticky .column:first-child .input.cantidad .button {\n border-radius: 0 !important;\n width: 100%;\n }\n #columna_sticky .sticky .column:first-child .button {\n width: 100%;\n }\n\n #menu i {\n font-size: 2rem;\n }\n #menu .right.menu .item .shopping.cart .cantidad {\n font-size: 1rem;\n font-family: Roboto, sans;\n top: -1.75rem;\n left: 0.2rem;\n }\n\n .left.column {\n width: 67% !important;\n padding-left: 0.3125rem !important;\n }\n\n .right.column {\n width: 33% !important;\n }\n\n section .titulo {\n font-size: 1.8333333333rem;\n padding-top: 3.375rem;\n padding-bottom: 1.5625rem;\n }\n\n body {\n color: #333333;\n }\n}"]} \ No newline at end of file