{"version":3,"sources":["exteriorconcept.scss","_reset.scss","_header.scss","_footer.scss","_main.scss","_index.scss","_colecciones.scss","_productos.scss","_nosotros.scss","_marcas.scss","_contacto.scss","_cotizacion.scss","_avisoDePrivacidad.scss","_formContact.scss","_responsive.scss"],"names":[],"mappings":"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","file":"exteriorconcept.css","sourcesContent":["@charset \"utf-8\";\r\n/* CSS Document */\r\n\r\n@import \"reset\";\r\n@import \"header\";\r\n@import \"footer\";\r\n@import \"main\";\r\n@import \"index\";\r\n@import \"colecciones\";\r\n@import \"productos\";\r\n@import \"nosotros\";\r\n@import \"marcas\";\r\n@import \"contacto\";\r\n@import \"cotizacion\";\r\n@import \"avisoDePrivacidad\";\r\n@import \"formContact\";\r\n@import \"responsive\";","/*************************************************************************** [[ Reset defaul navegator styles ]] ******************/\n@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600&display=swap');\n// @font-face { font-family: blanch; font-style: normal; src: url(\"/fonts/BLANCH_CAPS.otf\"); }\n// @import url('https://fonts.googleapis.com/css2?family=Saira+Extra+Condensed:wght@300;400;500&display=swap');\n\n// $fontTit: 'blanch', 'arial';\n// $fontTit: 'Yanone Kaffeesatz', Tahoma, Verdana, sans-serif;\n$fontTit:'Barlow Condensed';\n$FontGen: 'Barlow Condensed';\n\n$lightGrey: #616161;\n$darkGrey: #373737;\n$gold: #c5b9a0;\n\nhtml, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }\nbody { font-family: $FontGen; font-size:16px; letter-spacing: .15em;\n    button { letter-spacing: .15em; }\n}\nhtml { scroll-behavior: smooth; }\narticle,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }\nnav ul{ list-style:none; }\nblockquote, q { quotes:none; }\nblockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }\ntable { border-collapse:collapse; border-spacing:0; }\na { color: #000; text-decoration: none;\n    > img { border: none; }\n}\nh1, h2, h3, button { font-family: $fontTit; text-transform: uppercase; font-weight: 500; }\n","/*************************************************************************** [[ Header ]] ******************/\n#Header { background-color: #fff; float: left; font-family: $fontTit; font-weight: 500; position: fixed; transition: .3s; width: 100%; z-index: 90;\n    &.largeHeader { height: 10em;\n        >.hLogo {\n            >.imgLogo {  height: 6.5em; margin: 1.8em; width: 6.5em;}\n        }\n        >#HMenu{\n            >span {\n                &.luxury { margin: 1.2em 0 .2em; }\n                &.general { margin: .6em 0 .3em; }\n            }\n            >a {\n                &.hEnviarMensaje { margin-top: 1em; }\n            }\n        }\n        >#HMenuExterior {\n            >.hExterior { margin: 1em 0 0 0; }\n            >.hTools { margin: 2em 0; }\n        }\n    }\n    &.smallHeader { height: 7em;\n        >.hLogo { height: 6em;\n            >.imgLogo { height: 5em; margin: 1em 2em; width: 5em; }\n        }\n        >#HMenu{\n            >span {\n                &.luxury { margin: 0; }\n                &.general { margin: 0; }\n            }\n            >a {\n                &.hEnviarMensaje { margin-top: .1em; }\n            }\n        }\n        >#HMenuExterior {\n            >.hExterior { margin: -4em 0 0 0; }\n            >.hTools { margin: 2.5em 0; }\n        }\n    }\n    >.hLogo { float: left; height: 100%; position: relative; transition: .3s; width: 13em;\n        >.imgLogo { float: right; position: relative; transition: .3s; z-index: 1;\n            >* { height: 100%; position: absolute; width: 100%; }\n        }\n    }\n    >#HMenu{ float: left; position: relative; transition: .3s; text-transform: uppercase; width: calc(100% - 26em);\n        &.showHMenu { width: 14em; z-index: 12; }\n        $transition: .2s;\n        $button-size: 2.6rem;\n        $color:#fff;\n        >#Navicon { border: none; background: #000; cursor: pointer; display: none; float: right; margin: .4em 0; padding: calc($button-size/2.2) calc($button-size/5) ; position: relative; transition: .3s;\n            .lines { background: $color; border-radius: calc($button-size/14); display: block; display: inline-block; height: calc($button-size/7); position: relative; transition: background .3s .3s ease; width: $button-size;\n                &:before, &:after { content: ''; display: inline-block; height: calc($button-size/7); background: $color; border-radius: calc($button-size/14); transition: $transition; position: absolute; right: 0; transition: top .3s .3s ease, transform .3s ease; transform-origin: 50% 50%; width: $button-size; }\n                &:before { top: calc($button-size/4); }\n                &:after { top: -(calc($button-size/4)); }\n            }\n            &.close > .lines { transition: background .3s 0s ease; background: transparent;\n                &:before, &:after { transition: top .3s ease, transform .3s .3s ease; top: 0; width: $button-size; }\n                &:before { transform: rotate3d(0,0,1,45deg); }\n                &:after { transform: rotate3d(0,0,1,-45deg); }\n            }\n        }\n        >span { box-sizing: border-box; color: $gold; float: left; padding: 0 2%; transition: .3s;\n            &.luxury { font-size: 1.2em; width: calc(100% - 10em);\n                &::first-letter { font-size: 1.1em; font-weight: 600; }\n            }\n            &.general { border-top: 1px solid $gold; font-size: 1.1em; padding-top: .2em; width: 100%; }\n        }\n        >a { box-sizing: border-box; color: #000; float: right; padding: .2em .5em; transition: .3s;\n            &.hEnviarMensaje { background-color: #000; color: #fff; text-align: center; width: 8em; }\n            &.hDescuentos { color: #000; margin-top: -1.5em; text-align: right; width: 10em; }\n        }\n        >.hMenus { box-sizing: border-box; float: left; padding: 0 2%; position: relative; transition: .3s; width: calc(100% - 18em);\n            &#HMenusPremium {\n                >.hMenu { float: left;\n                    >.hMenuLink { font-size: 1.1em; padding: .1em 0;\n                        &::first-letter { font-size: 1.2em; font-weight: 600; }\n                    }\n                }\n            }\n            &#HMenusBeneral {\n                >.hMenu { float: left;\n                    >.hMenuLink { font-size:.9em; padding: .1em 0; }\n                }\n            }\n            >.hMenu { float: left;\n                &:hover >.hMenuLink {\n                    &:after { border-top-color: #000; }\n                }\n                >.hMenuLink { box-sizing: border-box; color: #000; float: left; margin-right: 1.5em; padding-right: .3em; position: relative; transition: .3s;\n                    &.active {\n                            &:after { border-top-color: #000; }\n                    }\n                    &:after { border-left: .2em solid transparent; border-right: .2em solid transparent; border-top: .3em solid transparent; top: 0; content: ''; height: 0; left: calc(50% - .3em); position: absolute; transition: .3s; }\n                }\n            }\n        }\n    }\n    >#HMenuExterior { background-color: #000; box-sizing: border-box; float: right; height: 100%; overflow: hidden; padding: 0 1em; position: relative; width: 11.2em;\n        >ul { float: left; font-size: 1em; list-style-type: none; width: 100%;\n            &.hExterior { transition: .3s;\n                >li { padding: .1em 0; }\n            }\n            >li {\n                >a { color: #ddd; }\n            }\n        }\n    }\n    >#ContactFloat { background-color: rgba(#fff, .7); border-radius: 1.2em 0 0 1.2em; padding: .5em 0; position: fixed; right: 0; top: 25vh;\n        >button, >a { background-color: none; border: none; cursor: pointer; clear: both; float: left; font-size: 1em; height: 2.5em; margin: .3em; padding: 0; position: relative; width: 2.5em;\n            &::before { background-repeat: no-repeat; background-size: 300% 200%; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }\n            &.whatsApp { \n                &::before { background-image: url('/images/web/iconsExteriorConcept.png'); background-position: bottom center; }\n            }\n            &.message { \n                &::before { background-image: url('/images/web/iconsExteriorConcept.png'); background-position: bottom left; }\n            }\n            &.phone { display: none;\n                &::before { background-image: url('/images/web/iconsExteriorConcept.png'); background-position: bottom right; }\n            }\n        }\n    }\n}\n\n#TestVariables { background-color: #fff; display: none; position: fixed; right: 0; bottom: 20vh; z-index: 100; }\n\n","/*************************************************************************** [[ Footer ]] ******************/\n#Showroms { float: left; font-family: $fontTit; height: 43em; overflow: hidden; width: 100%;\n    // >.contactSucursal { background-size: cover; float: left; height: 50%; overflow: hidden; position: relative; width: 33.33%;\n    >.contactSucursal { background-size: cover; float: left; height: 50%; overflow: hidden; position: relative; width: 25%;\n        // &:nth-child(1n+4) { width: 25%; }\n        &:hover >h4 { background-color: $darkGrey; color: #fff; }\n        &:hover >.contactDates { bottom: 0; }\n        >h4 { background-color: #fff; float: left; font-size: 1.2em; padding: 1em 0; position: relative; text-align: center; transition: .5s; width: 100%; z-index: 1;\n            >span { border-style: solid; border-width: 0 2px; padding: 0 1em; text-transform: uppercase; }\n        }\n        >.contactDates { background-color: rgba( #000000, .7 ); bottom: 100%; color: #fff; box-sizing: border-box; float: left; font-family: $fontTit; height: 90%; padding: 1em 10%; position: absolute; transition: .5s; width: 100%;\n            >h5 { margin-top: 1.2em; }\n            >p {\n                >button, >a { background-color: transparent; border: none; color: #fff; cursor: pointer; float: left; font-family: $fontTit; margin-top: .8em; text-align: left; text-decoration: underline; width: 100%; }\n            }\n        }\n    }\n}\n\n.popUp { height: 0; overflow: hidden; position: fixed; transition: .5s; width: 100vw; z-index: 100;\n    &.active { height: 100vh; }\n    >.bgPopUp { background-color: rgba( #000, .6); height: 100%; position: absolute; width: 100%; z-index: 0; }\n    >.contPupUp { background-color: #fff; float: left; height: 80vh; margin: 10vh 0 0 8vw; position: relative; width: 80vw; z-index: 1;\n        $btnClose-size: 4em;\n        >.btnClose { background-color: transparent; border: none; cursor: pointer; height: $btnClose-size; padding: 0; position: absolute; right: 0; top: 0; width: $btnClose-size; z-index: 10;\n            >.lines { background-color: #000; height: $btnClose-size; position: relative; width: $btnClose-size;\n                &:before, &:after { content: ''; display: block; height: calc($btnClose-size/12); background: #fff;  position: absolute; right: -(calc($btnClose-size/3)); transform-origin: 50% 50%; width: calc($btnClose-size/1.4); }\n                &:before { transform: rotate(45deg); }\n                &:after { transform: rotate(-45deg); }\n            }\n        }\n        >#Maps { float: left; height: 100%; position: relative; width: 100%; z-index: 1; }\n        >#video { float: left; height: 100%; position: relative; width: 100%; z-index: 1; }\n    }\n}\n\n#Footer { background-color: #373737; color: #fff; float: left; font-family: $fontTit; position: relative; width: 100%;\n    >.showrooms { background-color: #555; float: left; margin: 2em calc(50% - 10em); text-align: center; width: 20em;\n        >.aShowrooms { border-color: #fff; border-style: solid; border-width: 0 1px; font-size: 2em; font-weight: 600; padding: .3em 1em; width: 100%; }\n    }\n    >div { float: left; margin: 2em 0 1em; width: 20%;\n        &.fSocialMedia { float: left;                                                  \n            >.fSiguenos { float: left; margin-left: 2.5em;\n                >a { color: #fff; float: left; font-weight: bold; height: 2em; margin: 0 .3em; position: relative; width: 2em;\n                    &::before { background-repeat: no-repeat; background-size: 300% 200%; content: ''; height: 100%; position: absolute; width: 100%; }\n                    &.facebook {\n                        &::before { background-image: url('/images/web/iconsExteriorConcept.png'); background-position: top left; }\n                    }\n                    &.twitter {\n                        &::before { background-image: url('/images/web/iconsExteriorConcept.png'); background-position: top center; }\n                    }\n                    &.instagram {\n                        &::before { background-image: url('/images/web/iconsExteriorConcept.png'); background-position: top right; }\n                    }\n                    >img { float: left; width: 100%; }\n                }\n            }\n        }\n        &.fFormContacto { width: 40%; }\n        >h4 { border-color: #ccc; border-style: solid; border-width: 0 2px 0 2px; float: left; font-size: 1.2em; margin: 0 10% .5em; padding: 0 .8em; }\n        >a { box-sizing: border-box; color: #fff; float: left; padding: 0 3em; width: 90%;} \n    }\n}","/*************************************************************************** [[ Main ]] ******************/\n#Main { float: left; transition: .3s; width: 100%;\n    &.largeHeader { margin-top: 10em; }\n    &.smallHeader { margin-top: 7em; }\n    /****************************** [[ Estuilos Generales ]] ******************/\n    /****************************** [[ 404 ]] ******************/\n}\n\n//Posicionar de forma centrada todas las etiquetas picture que se usen como background\n.bgImage { align-items: center; display: flex; justify-content: center; height: 100%; left: 0; position: absolute; top: 0; z-index: 0; width: 100%;\n    >picture { height: fit-content; width: 100%;\n        >img { height: auto; width: 100%; }\n    }\n}","/*************************************************************************** [[ Index ]] ******************/\n#Main {\n    /*Slide  *********************************************************/\n    #IndexSlide { background-color: #000; height: 90vh; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; \n        video { position: absolute; height: 100%; top: 0; width: 100%; z-index: 0; }\n        .videoCover { background-color: rgba(#000, .3); position: absolute; height: 100%; width: 100%; z-index: 1; }\n        #SlideImg { background-image: url('../../images/index/buen-fin_1920.jpg'); background-size: cover; background-position: center; height: 100%; width: 100%;}\n    }\n    >#IndexDesafio { border-bottom: 1em solid #000; float: left; height: 30em; margin-top: 70vh; /*margin-top: 0;*/ overflow: hidden; position: relative; width: 100%; z-index: 1;\n        // >.imgDesafio { background-image: url('/images/index/develop.webp'); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; position: absolute; width: 70%; }\n        >.imgDesafio { height: 100%; position: absolute; width: 60%; z-index: 0;\n            >picture { float: left; width: 100%;\n                >* { float: left; width: 100%; }\n            }\n        }\n        >.desafio { background-image: linear-gradient( -70deg, rgba(#f3f3f3, 1) 70%, rgba(#f3f3f3, 0) 70%); float: right; height: 100%; position: relative; width: 75%; z-index: 1;\n            >.tableDesafio { float: right; position: relative; width: 65%;\n                tr { float: left; width: 100%;\n                    > td { float: left; margin-right: 4%; width: 29%; } \n                }\n                >thead { float: left; font-family: $fontTit; font-size: 1.3em; font-weight: 600; margin: 2em 10% 1em; width: 80%;\n                    >tr { \n                        >td { box-sizing: border-box; border-color: #000; border-style: solid; border-width: 0 2px 0 2px; padding: 0 .5em; }\n                    }\n                }\n                >tbody { float: left; font-size: 1.1em; margin: 0 10%; width: 80%;\n                    >tr { \n                        >td { box-sizing: border-box; padding: 0 .5em; }\n                    }\n                }\n            }\n        }\n    }\n    >.indexProducts { border-bottom: 1em solid #000; float: left; font-family: $fontTit; overflow: hidden; position: relative; width: 100%;\n        &.left {\n            >.txtTopProducts { background-image: linear-gradient( 70deg, rgba(#000000, .7) 70%, rgba(#000000, 0) 70%); float: left; padding: 5em 0 5em 2em;\n                >h2 { float: left; }\n                >p { float: left; }\n            }\n        }\n        &.right {\n            >.txtTopProducts { background-image: linear-gradient( -70deg, rgba(#000000, .7) 70%, rgba(#000000, 0) 70%); float: right; padding: 5em 2em 5em 0;\n                >h2 { float: right; }\n                >p { float: right; }\n            }\n        }\n        &.indexLuxuryBrands { display: none; }\n        >.txtTopProducts { color: #fff; position: relative; width: 28em;\n            >h2 { font-size: 1.6em; font-weight: normal; width: 60%;\n                &:first-letter { font-size: 1.2em; }\n                >span { font-size: 2em; font-weight: 500; }\n            }\n            >p { font-size: 1.2em; font-weight: 800; width: 60%; }\n        }\n    }\n    >.indexPages { background-color: #000; display: none; float: left; position: relative; padding: .5em 1% 1em; width: 98%;\n        >a { box-sizing: border-box; border: 1px solid #333; color: #ccc; float: left; font-size: 1.2em; font-family: $fontTit; font-weight: 600; margin: .2em 0; padding: 1em 0; text-align: center; transition: .3s;\n            &.fullwidth { width: 100%; }\n            &.midWidth { width: 50%; }\n        }\n    }\n}","/*************************************************************************** [[ Index ]] ******************/\n#Main {\n    >.coleccionesGenerales { display: flex; float: left; margin-bottom: 2em; height: 60vh; width: 100%;\n        &:hover >.coleccion { border: none; }\n        &:hover >.coleccion >h3 { background-color:$gold; color: #fff; }\n        &:hover >.coleccion >img { filter: sepia(.7)  saturate(.4); }\n        >.coleccion { box-sizing: border-box; border-width: 0 1px; border-color: #fff; border-style: solid; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex: 1; height: 100%; justify-content: center; float: left; overflow: hidden; position: relative; transition: .5s;\n            &:hover { flex: 5; }\n            &:hover >h3 { background-color: #000; color: $gold; left: 3em; }\n            &:hover >img { filter: none; }\n            >h3 { border-radius: 3.5em 3.5em 0 0; background-color: #000; bottom: 0; color: $gold; height: 5em; left: calc(50% - 2.5em); padding: 2.2em 0 0; position: absolute; text-align: center; text-transform: uppercase; transition: .3s; width: 7em; z-index: 1;\n                >span { box-sizing: border-box; float: left; font-size: 1.1em; width: 100%;\n                    &::first-letter { font-size: 1.2em; font-weight: 600; }\n                }\n            }\n            >.imgColeccion { height: 100%; position: relative; transition: 1s; }\n            >.descuento { background-color: rgba($gold, .6); color: #fff; font-family: $fontTit; font-size: 3em; line-height: 1em; padding: .1em; position: absolute; right: 0; top: 0em; }\n            >.sello { left: 1.5em; position: absolute; top: 1.5em; width: 6em; }\n        }\n    }\n    >.coleccionesPremium { float: left; width: 100%;\n        >.headCollection { background-color: $gold; border-bottom: 2em solid #fff; float: left; height: 80vh; overflow: hidden; width: 100%;\n            >h3 { background-color: #000; box-sizing: border-box; color: #fff; float: left; font-size: 2em; padding: .2em 1em ; width: 100%;\n                >.brand { float: left;\n                    &::first-letter { font-size: 1.2em; font-weight: 600; }\n                }\n                >.gold { color: $gold; float: left; margin-left: .2em;\n                    &::first-letter { font-size: 1.2em; font-weight: 600; }\n                }\n            }\n            >.txt { box-sizing: border-box; color: #fff; float: left; font-size: 1.1em; height: 100%; line-height: 1.6em; padding: 3em 2em; width: 45%; }\n            >.img { background-position: center; background-repeat: no-repeat; background-size: cover; float: left; height: 100%; width: 55%; }\n        }\n        >.coleccion { background-position: center; background-repeat: no-repeat; background-size: cover; float: left; height: 60vh; margin-bottom: 2em; position: relative; width: 100%;\n            >div { float: right; margin-top: -2em; position: relative;\n                >h3 { background-color: #000; border-bottom: .5em solid $gold; color: #fff; float: right; font-size: 2.6em; font-weight: 400; padding: .8em .1em; position: relative; position: relative; text-align: center; width: 4.1em; z-index: 1;\n                    &::first-letter { font-size: 1.2em; font-weight: 500; }\n                }\n                >.material { background-color: transparent; background-position: center; background-size: cover; content: ''; border-radius: 0 0 50% 50%; bottom: -7em; height: 10em; position: absolute; right: 0; width: 100%; z-index: 0; }\n            }\n            >.sello { left: 2em; position: absolute; top: 2em; width: 7em; }\n        }\n    }\n    >#Coleccion { float: left; width: 100%; \n        >.coleccionHead { background-position: center; background-repeat: no-repeat; background-size: cover; float: left; height: 70vh; position: relative; width: 100%;\n            >div { float: right; margin-top: -2em; position: relative;\n                >h3 { background-color: #000; border-bottom: .5em solid $gold; color: #fff; float: right; font-size: 2.5em; font-weight: 400; padding: .8em .1em; position: relative; position: relative; text-align: center; width: 4.28em; z-index: 1;\n                    &::first-letter { font-size: 1.2em; font-weight: 500; }\n                }\n                >.material { background-color: transparent; background-position: center; background-size: cover; content: ''; border-radius: 0 0 50% 50%; bottom: -7em; height: 10em; position: absolute; right: 0; width: 100%; z-index: 0; }\n            }\n            >.sello { left: 2em; position: absolute; top: 2em; width: 10em; }\n        }\n        >.coleccionBody { float: left; margin-left: 15%; font-family: $FontGen; font-weight: 400; width: 70%;\n            >.disenador { background-color: #000; border-radius: 0 0 5em 5em; box-sizing: border-box; color: #fff; float: left; padding: 2em 1em 5em; text-align: center; width: 10em;\n                >h3 { float: left; font-weight: 400; margin-bottom: 1.2em; width: 100%; }\n                >p { float: left; width: 100%; }\n            }\n            >.descripcion { float: right; font-size: 1.2em; letter-spacing: normal; margin-top: 1.6em; text-align: justify; width: calc(100% - 11em); }\n        }\n        >.coleccionFooter { background-position: center; background-repeat: no-repeat; background-size: cover; float: left; margin-bottom: 1em; height: 60vh; width: 100%; }\n    }\n    //Listado de productos de la colección\n    #ColeccionSlide { float: left; width: 100%;\n        >.divContcoleccion { float: left; margin: 1em 0 4em 0; width: 100%;\n            >.producto { color: #000; float: left; margin: 0 1%; width: 23%;\n                &:nth-child(4n+1){ clear: left; }\n                >a { float: left; width: 100%; \n                    >.imgProducto { float: left; width: 100%; }\n                }\n                >.txtProducto { float: left; margin: 0 10%; width: 80%;\n                    >h2 { float: left; font-size: 1.4em; margin-bottom: .3em; width: 100%;\n                        &::first-letter { font-size: 1.2em; font-weight: 600; }\n                    }\n                    >.colors { float: left; margin-bottom: .3em; width: 100%;\n                        >button { border: none; border-radius: 50%; cursor: pointer; float: left; height: 1em; margin: .2em .5em .2em 0; padding: 0; width: 1em; }\n                    }\n                    >button { background-color: #fff; border: none; cursor: pointer; float: left; font-size: 1.1em; padding: 0; text-decoration: underline; }\n                }\n            }\n        }\n    }\n}","/*************************************************************************** [[ Index ]] ******************/\n#Main {\n    >.divProducto { float: left; margin: 0; width: 100%;\n        >.imgView { box-sizing: border-box; float: left; width: 60%;\n            >#ImgZoom { box-sizing: border-box; background-color: grey; background-position: center; background-repeat: no-repeat; background-size: cover; float: left; height: 40em; margin: 0 2em; width: 100%; }\n            >.imgGalleria { box-sizing: border-box; float: left; margin: 0 2em; overflow: hidden; width: 100%;\n                >.contImgGaleria { float: left; margin: .5em 0; width: 200%;\n                    >button { background-color: gray; background-position: center; background-repeat: no-repeat; background-size: cover; border: none; cursor: pointer; float: left; height: 8em; margin: 0 1%; width: 8%; }\n                }\n            }\n        }\n        >.descripcion { box-sizing: border-box; float: left; padding: 0 4em; width: 40%;\n            >h1, h3 { float: left; font-family: $fontTit; }\n            >h1 { font-size: 2.5em;  margin-bottom: .3em;\n                &::first-letter { font-size: 1.2em; font-weight: 600; }\n            }\n            >p { float: left; margin-bottom: 2em; width: 100%; }\n            >.finishOptions { float: left; width: 100%;\n                >h3 { font-size: 1.6em; margin-bottom: .5em; width: 100%; }\n                >div { float: left; margin-bottom: 4em; width: 20%;\n                    >button { border: 0; border-radius: 1em; cursor: pointer; float: left; margin-left: calc(50% - 2em); height: 4em; transition: .3s; width: 4em;\n                        &:hover { transform: scale(1.1);}\n                    }\n                    >span { float: left; font-family: $fontTit; margin: 0 10%; text-align: center; width: 80%; }\n                }\n            }\n            >.divButtons { float: left; width: 100%;\n                >button, >a { background-color: $gold; border: 0; box-sizing: border-box; clear: left; color: #000; cursor: pointer; padding: .2em .5em; float: left; font-family: $fontTit; font-size: 1.2em; text-align: center; transition: .3s; width: 16em;\n                    &:hover { background-color: #fff; border: 1px solid $gold; }\n                    &.agregarCotizacion { margin-bottom: 1em; }\n                    &.verColeccion { margin-bottom: .2em; }\n                    &.cotizarColeccion { }\n                }\n                >#ColeccionAgregada { float: left; width: 100%; }\n            }\n        }\n    }\n    >.recomendaciones { background-color: #ddd; float: left; padding: 2em 3% 0; width: 94%;\n        >h3 { border-bottom: 2px solid $gold; float: left; font-size: 2.5em; margin-bottom: 1em; width: 100%; }\n        >.recomendacion { float: left; margin-bottom: 4em; width: 50%;\n            >.imgRecomendacion { background-position: center; background-repeat: no-repeat; background-size: cover; float: left; height: 14em; width: 40%; }\n            >.txtRecomendacion { float: right; width: 50%;\n                >h3 { float: left; font-family: $fontTit; font-size: 2em; margin-bottom: .4em; width: 100%; }\n                >p { float: left; width: 100%; }\n                >a { color: #000; float: left; font-family: $fontTit; font-size: 1.2em; margin: .6em 0 1em; }\n                >button { background-color: $gold; box-sizing: border-box; clear: left; cursor: pointer; float: left; font-family: $fontTit; font-size: 1.2em; padding: .2em 1em;\n                    &:hover { background-color: #fff; border: 2px solid $gold; }\n                }\n            }\n        }\n    }\n}","/*************************************************************************** [[ Index ]] ******************/\n#Main {\n    >.headNosotros { background-position: center; background-repeat: no-repeat; background-size: cover; float: left; height: 70vh; position: relative; width: 100%;\n        >.txtNosotros { color: #fff; font-size: 3em; left: 2em; position: absolute; top: 10vh; width: 40%; }\n    }\n    >section { float: left; overflow: hidden; position: relative;\n        h1, h2 { font-family: $fontTit; font-size: 3em; position: relative; }\n    }\n    >.exteriorConcept { margin: 4em 0; width: 100%;\n        >.imgExterior { float: left; margin: 0 5%; width: 40%;\n            >img { float: left; width: 100%; }\n        }\n        >.txtExterior { float: left; width: 45%;\n            >h1 { float: left; margin-bottom: .5em; width: 100%; }\n            >p { float: left; font-size: 1.1em; width: 100%; }\n        }\n    }\n    >.misionVision { background-color: #ddd; display: grid; float: left; grid-template-columns: 50% 50%; width: 100%;\n        >div { box-sizing: border-box; float: left; padding: 2em 20%; position: relative; width: 100%;\n            >h2, >p { float: left; position: relative;}\n        }\n        >.mision {  float: left; }\n        >.vision { float: right; float: left;\n            &::before { background-image: linear-gradient( -70deg, rgba($gold, 1) 70%, rgba($gold, 0) 70%); content: ''; height: 100%; left: -40%; position: absolute; top: 0; width: 140%; }\n        }\n    }\n}","/*************************************************************************** [[ Index ]] ******************/\n#Main {\n    &.pageMarcas {\n        >.headMarcas { background-color: #eee; float: left; margin-bottom: 4em; width: 100%;\n            >h1 { font-family: $fontTit; float: left; font-size: 3em; margin: 1em 0 .5em; }\n            >.imgMarcas { float: left; margin: 3em 5%; width: 40%; }\n            >.txtMarcas { float: left; font-size: 1.2em; width: 45%; }\n        }\n        >.marcas { display: grid; grid-template-columns: 25% 25% 25% 25%; grid-gap: 1em 0; float: left; margin: 0 0 6em; width: 100%;\n            >.marca { float: left; width: 100%;\n                >img { box-sizing: border-box; float: left; margin-left: 2em; width: calc(100% - 4em); }\n                >.aTitle { float: left; width: 100%;\n                    >h2 { float: left; font-family: $fontTit; font-size: 2em; letter-spacing: .2em; margin: .7em 0; padding: 0 .8em;\n                        &::first-letter { font-size: 1.2em; font-weight: 600; }\n                    }\n                }\n                >p { float: left; margin-bottom: 1em; padding: 0 2em; text-align: justify;\n                    &.borderRight { border-right: 2px solid $gold; }\n                    &.borderLeft { border-right: 2px solid $gold; }\n                }\n                >.aCatalogo { background-color: $gold; color: #000; float: left; font-size: 1.2em; margin-left: 2em; padding: .2em 0; text-align: center; width: calc(100% - 4em); }\n            }\n        }\n    }\n}","/*************************************************************************** [[ Contacto ]] ******************/","/*************************************************************************** [[ Index ]] ******************/\n#Main {\n    &.pageCotizacion {\n        h1, h3 { border-bottom: 2px solid $gold; float: left; font-family: $fontTit; font-size: 3em; }\n        >h1{ margin: 1em 10% .3em; width: 80%; }\n        >.formCorizador { float: left; width: 100%;\n            >.productos { float: left; margin: 1em 10%; width: 80%;\n                >.producto { float: left; height: 7em; margin-bottom: .5em; overflow: hidden; transition: .3s; width: 100%;\n                    &.remove { opacity: 0; height: 0; }\n                    &:nth-child(2n) { background-color: rgba(197, 185, 160, 0.1); }\n                    >img { border-right: 2px solid $gold; float :left; padding: 1em; width: 8em; }\n                    >.datosProducto { box-sizing: border-box; float: left; margin: 0 3em; padding: .5em 0; width: calc(100% - 30em);\n                        >label { background: none; border: none; color: #000; clear: left; float: left;\n                            >.nombreProducto { font-family: $fontTit; font-size: 2.5em; margin-top: -.3em; }\n                            >.marcaProducto { font-size: .8em; margin-top: -.7em; }\n                        }\n                        >input { float: left; clear: both; }\n                        >span { float: left; font-size: .8em; padding: 0; }\n                        >p { float: left; width: 100%; }\n                    }\n                    >.cantProducto { float: right; margin: 0 1em; width: 6em;\n                        >label { float: left; font-family: $fontTit; font-size: 1.5em; text-align: center; width: 100% }\n                        >input { border-color: $gold; border-style: solid; float: left; font-size: 1.2em; padding: .2em 0; text-align: center; width: 5em; }\n                        >.deleteProduct { background-color: #000; border: none; box-sizing: border-box; color: #fff; float: left; font-size: 1.2em; margin-top: .2em; padding: .2em 0; width: 100%; }\n                    }\n                }\n            }\n            >.datosContacto { background-color: rgba( #c5b9a0, .3); float: left; padding: 0 10%; width: 80%;\n                >h3 { margin: .2em 0 .3em; width: 100%; }\n                >.callToAction { box-sizing: border-box; float: left; margin: 2em;\n                    >img { float: left; width: 8em; }\n                }\n                >.divInputs { float: right; margin: 1em 2em 3em 0; width: calc(100% - 16em);\n                    >div { float: left; margin: 0 2%; width: 46%;\n                        >label { float: left; font-family: $fontTit; font-size: 1.4em; margin: .2em 0 0; }\n                        >input[type=text], input[type=email], input[type=tel], textarea, select { background-color: #fff; border: none; box-sizing: border-box; float: left; font-size: 1.2em; padding: .3em 1em; width: 100%;\n                            &.invalidData { border: 1px solid red; }\n                        }\n                        >textarea { height: 6em; }\n                        >.legales { float: left; font-size: .9em; margin: .5em 0; text-align: justify; width: 100%; }\n                        >input[type=submit] { background-color: $gold; box-sizing: border-box; cursor: pointer; float: right; font-family: $fontTit; font-size: 2em; margin-top: .5em; padding: 0 .5em; transition: .3s;\n                            &:hover { background-color: #fff; border: 1px solid $gold; }\n                        }\n                        >#FCotWrongMessage { color: red; float: right; font-size: .8em; position: relative; width: 100%; z-index: 200; }\n                    }\n                }\n            }\n            >.divMessage { float: left; font-size: 2em; text-align: center; width: 80%; }\n        }\n    }\n}","/*************************************************************************** [[ Index ]] ******************/\n#Main {\n    &.avisoDePrivacidad { float: left;\n        >.txtAviso { float: left; margin: 1em 10%; width: 80%;\n            >h1 { font-size: 2em; margin-bottom: 1em; }\n            >h3 { font-size: 1.5em; margin-bottom: .5em; }\n            >p { margin-bottom: 1em; }\n            >ol { margin: 1em; }\n        }\n    }\n}","/*************************************************************************** [[ formContact Styles ]] ******************/\n#FormContact{ float: left; width: 100%;\n    >div { float: left; width: calc(50% - 3.4em);\n        &:nth-child(2) { margin-left: 3.4em; }\n        >.divBox { box-sizing: border-box; float: left; padding: .5em 0; width: 90%;\n            >label { color: #ccc; float: left; margin: .2em 0; padding: 0; }\n            >input[type=text], input[type=email], input[type=tel], textarea, select { background-color: $lightGrey; border: none; color: #fff; font-size: 1.2em; font-family: $fontTit; letter-spacing: .1em; padding: .2em 5%; width: 90%;\n                &.invalidData { border: 1px solid red; }\n            }\n            >textarea { height: 4em; }\n            >label > a { color: #fff; }\n            >#btnFormContact { cursor: pointer; float: right; font-family: $fontTit; font-size: 1.3em; font-weight: bold; margin-top: .6em; padding: 0em 0; text-transform: uppercase; width: 6em; }\n            //Requeridas para validacion de formulario\n            >#FConWrongMessage { color: red; float: right; font-size: .8em; position: relative; width: 100%; z-index: 200; }\n        }\n        #OkMessage { float: left; margin: 15% 5%; text-align: center; width: 90%;\n            >strong { font-size: 1.2em; }\n            >p { color: #FF0D00; font-size: 1.1em; }\n            >.back { float: left; margin: 0 25%; width: 50%; }\n        }\n    }\n    >.divMessage { float: left; font-size: 2em; margin: 1em 15%; text-align: center; width: 70%; }\n}\n","/*************************************************************************** [[ Resposive styles ]] ******************/\n@media (min-width: 1921px){\n    \n}\n\n@media (min-width: 1281px) and (max-width: 1920px) {\n    \n}\n\n@media (min-width: 769px) and (max-width: 1280px) {\n    \n}\n\n/*@media (min-width: 768px) and (max-width:990px) {}*/\n@media (max-width: 768px) {\n    #Header { z-index: 101;\n        &.largeHeader { height: 4em;\n            >.hLogo { height: 3em;\n                >.imgLogo { height: 3em; width: 3em; margin: .5em 0; }\n                >.imgLogoPic { display: none; }\n            }\n            >#HMenu{ margin-top: 0;\n                >span {\n                    &.general { margin: .5em 0 0; }\n                }\n            }\n            >#HMenuExterior {\n                >.hExterior { margin: 2em 0 0 0; }\n                >.hTools { margin: 1em 0; }\n            }\n        }\n        &.smallHeader { height: 4em; }\n        >.hLogo { width: 3em;\n            >.imgLogo { height: 3em;  width: 3em; }\n        }\n        >#HMenu{ background-color: #fff; right: 0; position: absolute; top: 0; text-align: center; width: 0;\n            >#Navicon { display: block; }\n            >span { padding: .2em;\n                &.luxury { width: 100%; }\n            }\n            >a { padding: .2em 0;\n                &.hEnviarMensaje { display: none; }\n                &.hDescuentos { margin-top: 0; text-align: center; width: 100%; }\n            }\n            >.hMenus { width: 100%;\n                >.hMenu { width: 100%;\n                    >.hMenuLink { margin-right: 0; padding: .2em; width: 100%; }\n                }\n            }\n        }\n        >#HMenuExterior { bottom: 0; height: 3.6em; position: fixed; width: 100%;\n            >ul {\n                &.hExterior { display: none; }\n            }\n        }\n        >#ContactFloat { border-radius: 0; left: 0; bottom: 3.5em; padding: .1em 0; top: auto;\n            >a { clear: none;  margin: .3em calc(16.66% - 1.25em);\n                &.phone { display: block; }\n            }\n        }\n    }\n    #Main {\n        &.largeHeader { margin-top: 4em; }\n        &.smallHeader { margin-top: 4em; }\n        #IndexSlide { height: 60vh; \n            .videoCover { display: none; }\n            #SlideImg { background-image: url('../../images/index/buen-fin_720.jpg');}\n        }\n        >#IndexDesafio { height: 0; margin-top: 0;}\n        >.indexProducts {\n            &.left {\n                >.txtTopProducts { padding: 2.5em 0 2.5em 1em; }\n            }\n            &.right {\n                >.txtTopProducts { padding: 2.5em 1em 2.5em 0; }\n            }\n            &.product { display: none; }\n            &.indexLuxuryBrands { display: block; }\n            >.txtTopProducts { width: 12em;\n                >h2 { font-size: 1em;\n                    >span { font-size: 1.5em; }\n                }\n                >p { font-size: 1.2em; }\n            }\n        }\n        >.indexPages { display: block; }\n        >.coleccionesPremium {\n            >.headCollection {height: auto;\n                >h3 { font-size: 1.3em; padding-left: .5em; }\n                >.txt { font-size: 1em; line-height: 1.3em; padding: 2em 1em; width: 100%; }\n                >.img { height: 20em; width: 100%; }\n            }\n            >.coleccion { height: 18em; margin-bottom: 1em;\n                >div { margin-top: -1em;\n                    >h3 { font-size: 1.5em; padding: .6em .1em; }\n                    >.material { bottom: -3em; height: 6em; }\n                }\n                >.sello { left: 1em; top: 1em; width: 5em; }\n            }\n        }\n        >.coleccionesGenerales { display: block; margin-bottom: 0em; height: auto; width: 100%;\n            >.coleccion { border-width: 1px; display: block; flex: none; height: 16em; width: 100%;\n                >h3 { border-radius: 3.3em 3.3em 0 0; height: 4em; left: .5em; padding: 1.6em 0 0; width: 6.6em;\n                    >span { font-size: 1em; margin: 0 2%; width: 96%; }\n                }\n                >.sello { left: .5em; top: .5em; width: 4em; }\n            }   \n        }\n        >#Coleccion {\n            >.coleccionHead { height: 18em;\n                >div { margin-top: 0;\n                    >h3 { font-size: 1.5em; padding: .6em .1em; }\n                    >.material { bottom: -4em; height: 6em; }\n                }\n                >.sello { left: .5em; top: .5em; width: 5em; }\n            }\n            >.coleccionBody { margin-left: 0; width: 100%;\n                >.disenador { border-radius: 0; margin: 0; padding: .5em 0; width: 100%; }\n                >.descripcion {  float: left; margin: 1em 1%; width: 98%; }\n            }\n            >.coleccionFooter { height: 14em; }\n        }\n        //Listado de productos de la colección\n        #ColeccionSlide {\n            >.divContcoleccion { margin: 0 0 3em 0; \n                >.producto { width: 48%;\n                    &:nth-child(2n+1){ clear: left; }\n                }\n            }\n        }\n        >.divProducto {\n            >.imgView { width: 100%;\n                >#ImgZoom { height: 10em; margin: 2em 0 1em 0; }\n                >.imgGalleria {\n                    >.contImgGaleria {\n                        >button { height: 3.6em; }\n                    }\n                }\n            }\n            >.descripcion { padding: 0 1em; width: 100%; }\n        }\n        >.recomendaciones { background-color: #ddd; float: left; padding: 2em 3% 0; width: 94%;\n            >h3 { font-size: 2em; }\n            >.recomendacion { margin-bottom: 2em; width: 100%;\n                >.imgRecomendacion { height: 14em; width: 100%; }\n                >.txtRecomendacion { width: 100%; }\n            }\n        }\n        &.pageCotizacion {\n            h1, h3 { font-size: 2em; }\n            >.formCorizador {\n                >.productos { margin: 1em 2%; width: 96%;\n                    >.producto { height: 16em; margin-bottom: .5em; width: 100%;\n                        &:nth-child(2n) { background-color: rgba(197, 185, 160, 0.1); }\n                        >img { border-right: 2px solid $gold; float :left; padding: 1em; width: 6em; }\n                        >.datosProducto { box-sizing: border-box; float: left; margin: 0 3em; padding: .5em 0; width: calc(100% - 150em);\n                            >label { background: none; border: none; color: #000; clear: left; float: left;\n                                >.nombreProducto { font-family: $fontTit; font-size: 1.5em; margin-top: -.3em; }\n                                >.marcaProducto { font-size: .8em; margin-top: -.7em; }\n                            }\n                            >input { float: left; clear: both; }\n                            >span { float: left; font-size: .8em; padding: 0; }\n                            >p { float: left; width: 100%; }\n                        }\n                        >.cantProducto { float: right; margin: 0 1em; width: 10em;\n                            >label { float: left; font-family: $fontTit; font-size: 1.5em; text-align: left; width: 100% }\n                            >input { border-color: $gold; border-style: solid; float: left; font-size: 1.2em; padding: .2em 0; text-align: center; width: 5em; }\n                            >.deleteProduct { width: 5em; }\n                        }\n                    }\n                }\n                >.datosContacto { background-color: rgba( #c5b9a0, .3); float: left; padding: 0 10%; width: 80%;\n                    >h3 { margin: .2em 0 .3em; width: 100%; }\n                    >.callToAction {  display: none;\n                        >img { float: left; width: 8em; }\n                    }\n                    >.divInputs { float: left; margin: 1em 1% 3em 1%; width: 98%;\n                        >div { float: left; margin: 0 2%; width: 96%;\n                            >label { float: left; font-family: $fontTit; font-size: 1.4em; margin: .2em 0 0; }\n                            >input[type=text], input[type=email], input[type=tel], textarea { border: none; box-sizing: border-box; float: left; font-size: 1.2em; padding: .3em 1em; width: 100%;\n                                &.invalidData { border: 1px solid red; }\n                            }\n                            >textarea { height: 6em; }\n                            >.legales { float: left; font-size: .9em; margin: .5em 0; text-align: justify; width: 100%; }\n                            >input[type=submit] { cursor: pointer; float: right; font-family: $fontTit; font-size: 2em; margin-top: .5em; padding: 0 .5em; transition: .3s;\n                                &:hover { }\n                            }\n                            >#FCotWrongMessage { color: red; float: right; font-size: .8em; position: relative; width: 100%; z-index: 200; }\n                        }\n                    }\n                }\n            }\n        }\n        &.pageMarcas {\n            >.headMarcas {\n                >h1 { font-size: 2.5em; margin: .5em 2% 0; width: 96%; }\n                >.imgMarcas { margin: 0; width: 100%; }\n                >.txtMarcas { margin: 1em 2%; width: 96%; }\n            }\n            >.marcas { grid-template-columns: 100%; }\n        }\n    }\n    #Showroms { height: auto;\n        >.contactSucursal { height: 22em; position: relative; width: 100%;\n            &:nth-child(1n) { width: 100%; }\n            >h4 { background-color: $darkGrey; color: #fff;}\n            >.contactDates { bottom: 0; height: 100%; padding: 3em 10%; }\n        }\n    }\n    .popUp {\n        >.contPupUp {height: 60vh; margin: 20vh 0 0 5vw; width: 90vw; }\n    }\n    #Footer { padding-bottom: 4em;\n        >div { float: left; margin: 2em 0 1em 0; width: 100%;\n            &.fSocialMedia { float: left; margin: 0 0 1em 0;\n                >a { margin-bottom: 2em; }\n            }\n            &.fFormContacto { width: 100%;\n                #FormContact{\n                    >div { float: left; width: 100%;\n                        &:nth-child(2) { margin-left: 0; }\n                        >.divBox { margin: 0 5%; }\n                    }\n                }\n            }\n        }\n    }\n}"]}