From c6dabb0627a559c7945430c76642ca5b8a92b4ba Mon Sep 17 00:00:00 2001 From: Aldarien Date: Fri, 29 Jan 2021 15:04:08 -0300 Subject: [PATCH] Configurando version telefono --- assets/html/0021_sticky.html | 3 ++ assets/html/009_contacto.html | 2 +- assets/html/014_modal_sticky.html | 45 ++++++++++++++++++++++ assets/sass/phone/_sticky.scss | 7 +++- assets/sass/wide/_sticky.scss | 3 ++ public/assets/styles/main.css | 10 ++++- public/assets/styles/main.min.css | 2 +- public/assets/styles/maps/main.min.css.map | 2 +- public/index.html | 2 +- 9 files changed, 70 insertions(+), 6 deletions(-) create mode 100644 assets/html/014_modal_sticky.html diff --git a/assets/html/0021_sticky.html b/assets/html/0021_sticky.html index d96936c..8d26884 100644 --- a/assets/html/0021_sticky.html +++ b/assets/html/0021_sticky.html @@ -48,6 +48,9 @@ + diff --git a/assets/html/009_contacto.html b/assets/html/009_contacto.html index ca91117..fe5a97e 100644 --- a/assets/html/009_contacto.html +++ b/assets/html/009_contacto.html @@ -31,7 +31,7 @@
- + diff --git a/assets/html/014_modal_sticky.html b/assets/html/014_modal_sticky.html new file mode 100644 index 0000000..bcad3c2 --- /dev/null +++ b/assets/html/014_modal_sticky.html @@ -0,0 +1,45 @@ + diff --git a/assets/sass/phone/_sticky.scss b/assets/sass/phone/_sticky.scss index 8a3bc38..247e2f9 100644 --- a/assets/sass/phone/_sticky.scss +++ b/assets/sass/phone/_sticky.scss @@ -1,5 +1,4 @@ #columna_sticky { - display: none; position: absolute; top: (map.get($heights, 'cabezal'))+rem; height: 100%; @@ -9,6 +8,7 @@ pointer-events: none; } .sticky { + display: none; background-color: rgba(255, 255, 255, .5); z-index: 10; @@ -67,4 +67,9 @@ } } } + #side_button { + height: 100%; + background-color: rgb(0, 0, 0); + transform: rotate(-90deg); + } } diff --git a/assets/sass/wide/_sticky.scss b/assets/sass/wide/_sticky.scss index 2d0c96f..28cb963 100644 --- a/assets/sass/wide/_sticky.scss +++ b/assets/sass/wide/_sticky.scss @@ -68,4 +68,7 @@ } } } + #side_button { + display: none; + } } diff --git a/public/assets/styles/main.css b/public/assets/styles/main.css index 60a24e9..ec7bc02 100644 --- a/public/assets/styles/main.css +++ b/public/assets/styles/main.css @@ -475,7 +475,6 @@ i.font-icon.chile:before { } #columna_sticky { - display: none; position: absolute; top: 25rem; height: 100%; @@ -485,6 +484,7 @@ i.font-icon.chile:before { pointer-events: none; } #columna_sticky .sticky { + display: none; background-color: rgba(255, 255, 255, 0.5); z-index: 10; margin-top: 3.75rem; @@ -554,6 +554,11 @@ i.font-icon.chile:before { #columna_sticky .sticky .column:first-child .button { width: 100%; } + #columna_sticky #side_button { + height: 100%; + background-color: black; + transform: rotate(-90deg); + } #menu i { font-size: 1.5rem; @@ -821,6 +826,9 @@ i.font-icon.chile:before { color: white; background-color: #333333; } + #columna_sticky #side_button { + display: none; + } #menu i { font-size: 2rem; diff --git a/public/assets/styles/main.min.css b/public/assets/styles/main.min.css index 2732b0a..946aeab 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{cursor:pointer}#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}#carro form .input.cantidad{width:4.5rem;background:#fff;text-align:center;padding:.5rem .05rem;font-size:10pt;color:rgba(0,0,0,.87) !important}#carro form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;color:inherit !important}#carro form .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center;color:inherit !important}#carro form .precio{text-align:right}#carro .content>.button{width:100%;color:#fff;background-color:#333}.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:#333;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:#333;color:#fff}#testimonios{margin-top:.9375rem}#contacto .image{margin:auto;vertical-align:middle}#contacto .button{width:100%;background-color:#333;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%;color:#fff;background-color:#333}#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{cursor:pointer}#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}#carro form .input.cantidad{width:4.5rem;background:#fff;text-align:center;padding:.5rem .05rem;font-size:10pt;color:rgba(0,0,0,.87) !important}#carro form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer;color:inherit !important}#carro form .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center;color:inherit !important}#carro form .precio{text-align:right}#carro .content>.button{width:100%;color:#fff;background-color:#333}.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:#333;color:#fff}#columna_sticky{position:absolute;top:25rem;height:100%;width:100%}#columna_sticky .left.column{pointer-events:none}#columna_sticky .sticky{display:none;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%}#columna_sticky #side_button{height:100%;background-color:#000;transform:rotate(-90deg)}#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:#333;color:#fff}#testimonios{margin-top:.9375rem}#contacto .image{margin:auto;vertical-align:middle}#contacto .button{width:100%;background-color:#333;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%;color:#fff;background-color:#333}#columna_sticky #side_button{display:none}#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 29c8180..158a23b 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,uCACE,eAEF,iDACE,kBACA,WAGF,cACE,kBAEF,sBACE,iBAEF,uBACE,kBAEF,2BACE,YAGF,4BACE,aACA,gBACA,kBACA,qBACA,eACA,iCAEF,mCACE,gBACA,YACA,WACA,SACA,UACA,eACA,yBAEF,kCACE,WACA,gBACA,SACA,SACA,UACA,kBACA,yBAEF,oBACE,iBAEF,wBACE,WACA,WACA,sBAGF,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,sBACA,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,sBACA,WAGF,aACE,oBAGF,iBACE,YACA,sBAEF,kBACE,WACA,sBACA,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,WACA,WACA,sBAGF,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 {\n cursor: pointer;\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#carro form .input.cantidad {\n width: 4.5rem;\n background: white;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 10pt;\n color: rgba(0, 0, 0, 0.87) !important;\n}\n#carro form .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n color: inherit !important;\n}\n#carro 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: inherit !important;\n}\n#carro form .precio {\n text-align: right;\n}\n#carro .content > .button {\n width: 100%;\n color: white;\n background-color: #333333;\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: #333333;\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: #333333;\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: #333333;\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 color: white;\n background-color: #333333;\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,uCACE,eAEF,iDACE,kBACA,WAGF,cACE,kBAEF,sBACE,iBAEF,uBACE,kBAEF,2BACE,YAGF,4BACE,aACA,gBACA,kBACA,qBACA,eACA,iCAEF,mCACE,gBACA,YACA,WACA,SACA,UACA,eACA,yBAEF,kCACE,WACA,gBACA,SACA,SACA,UACA,kBACA,yBAEF,oBACE,iBAEF,wBACE,WACA,WACA,sBAGF,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,sBACA,WAGF,gBACE,kBACA,UACA,YACA,WAEF,6BACE,oBAEF,wBACE,aACA,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,WAEF,6BACE,YACA,sBACA,yBAGF,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,sBACA,WAGF,aACE,oBAGF,iBACE,YACA,sBAEF,kBACE,WACA,sBACA,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,WACA,WACA,sBAEF,6BACE,aAGF,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 {\n cursor: pointer;\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#carro form .input.cantidad {\n width: 4.5rem;\n background: white;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 10pt;\n color: rgba(0, 0, 0, 0.87) !important;\n}\n#carro form .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n color: inherit !important;\n}\n#carro 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: inherit !important;\n}\n#carro form .precio {\n text-align: right;\n}\n#carro .content > .button {\n width: 100%;\n color: white;\n background-color: #333333;\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: #333333;\n color: white;\n }\n\n #columna_sticky {\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 display: none;\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 #columna_sticky #side_button {\n height: 100%;\n background-color: black;\n transform: rotate(-90deg);\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: #333333;\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: #333333;\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 color: white;\n background-color: #333333;\n }\n #columna_sticky #side_button {\n display: none;\n }\n\n #menu i {\n font-size: 2rem;\n }\n #menu .right.menu .item .shopping.cart .cantidad {\n font-size: 1rem;\n font-family: Roboto, sans;\n top: -1.75rem;\n left: 0.2rem;\n }\n\n .left.column {\n width: 67% !important;\n padding-left: 0.3125rem !important;\n }\n\n .right.column {\n width: 33% !important;\n }\n\n section .titulo {\n font-size: 1.8333333333rem;\n padding-top: 3.375rem;\n padding-bottom: 1.5625rem;\n }\n\n body {\n color: #333333;\n }\n}"]} \ No newline at end of file diff --git a/public/index.html b/public/index.html index 2fbd935..9b498f4 100644 --- a/public/index.html +++ b/public/index.html @@ -1 +1 @@ -Stand Chile
STAND
$ 5.990
COLOR
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
VENTAJAS

Apoyo estable para el dispositivo

Ángulo preciso de inclinación para usar en conferencias

Compatible con tablets, permite cargar mientras se usa

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

Diseñado y fabricado en Chile


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

contacto@3dstand.cl
CONVERSEMOS!
scing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nosventas
\ No newline at end of file +Stand Chile
STAND
$ 5.990
COLOR
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
VENTAJAS

Apoyo estable para el dispositivo

Ángulo preciso de inclinación para usar en conferencias

Compatible con tablets, permite cargar mientras se usa

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

Diseñado y fabricado en Chile


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

contacto@3dstand.cl
CONVERSEMOS!
scing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nosventas
\ No newline at end of file