@font-face {
    font-family: 'tt_hovesdemibold';
    src: url('../../assets/fonts/tthoves-demibold-webfont.woff2') format('woff2'),
         url('../../assets/fonts/tthoves-demibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'tt_hovesregular';
    src: url('../../assets/fonts/tthoves-regular-webfont.woff2') format('woff2'),
         url('../../assets/fonts/tthoves-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tt_hovesbold';
    src: url('../../assets/fonts/tthoves-bold-webfont.woff2') format('woff2'),
         url('../../assets/fonts/tthoves-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tt_hovesextrabold';
    src: url('../../assets/fonts/tthoves-extrabold-webfont.woff2') format('woff2'),
         url('../../assets/fonts/tthoves-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tt_hovesmedium';
    src: url('../../assets/fonts/tthoves-medium-webfont.woff2') format('woff2'),
         url('../../assets/fonts/tthoves-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
    overflow-x: hidden;
    font-weight: 600;
    font-family: 'tt_hovesregular';
}

figure {
    margin: 0;
}
a, .BoxVariantes .BoxOpcion, .PisosBox, .Pisos figure, i, .BoxAside, .BoxAsideHeader #GridMenu, .BoxAsideHeader #BtnChevron, .BoxAsideHeader .BoxLogo a figure img, .LinkBox .IconDetalle, p, .BoxImgChange img {
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
*{
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'tt_hovesextrabold';
}

/*//// UTILITIES ///*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: #282828;*/
    background-color: #fff;
    z-index: 999999;
}
#status {
    width: 300px;
    height: 55px;
    position: absolute;
    left: 50%;
    top: 60%;
    margin: -150px 0 0 -150px;
}

#preloader1 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    z-index: 999999;
    display: none;
}
#status1 {
    position: absolute;
    left: 40%;
    top: 55%;
    margin: -100px 0 0 -100px;
}

#preloader2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../../../../img/bg-preload.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 999999;
    display: none;
}
#status2 {
    /*width: 200px;
    height: 200px;*/
    position: absolute;
    left: 50%;
    top: 45%;
    margin: -100px 0 0 -100px;
}

#status2 .LogoPreload{
	position: fixed;
    top: 5%;
    left: 2%;
    width: 90px;
    height: 80px;
}

/*------- header ------------*/
.BoxAside{
    color: #fff;	
	background-color: #282828;
	height: 100vh;
    width: 160px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.BoxAsideHeader{
	display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    justify-content: space-between;
    position: relative;
}
.BoxAsideHeader .BoxLogo{
	margin-top: 2rem;
    width: 100%;
}
.BoxAsideHeader #BtnChevron {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    opacity: 1;
    left: 50%;
    margin-left: -20px;
}
.BoxAsideHeader #BtnChevron img{
    width: 35px;
}

.BoxAsideHeader .BoxLogo a{
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}
.BoxAsideHeader .BoxLogo a figure{
    position: relative;
    text-align: center;
    width: 100%;
}
.BoxAsideHeader .BoxLogo a figure .Logo1{
    width: 90px;
    opacity: 1;
}

.BoxAsideHeader .BoxLogo a figure .Logo2{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 170px;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.BoxAsideHeader .BoxMenu a img{
	width: 35px;
}
.BoxAsideHeader .BoxMenu > a{
	/*display: none;*/
}

.BoxAsideHeader #GridMenu {
    position: absolute;
    left: -100px;
    opacity: 0;
    max-width: 126px;
    width: 100%;
    margin-left: -64px;
    /*top: 20%;*/
    top: 15%;
    opacity: 0;
}
.BoxMenu .NavMenu{}
.BoxMenu .NavMenu .MenuList{
	list-style: none;
    margin: 0;
}
.BoxMenu .NavMenu .MenuList .Link{
	/*padding: 15px 0px;*/
    padding: 7px 0px;
    display: flex;
    justify-content: center;
}
.BoxMenu .NavMenu .MenuList .Link a {
    color: #fff;
    font-family: 'tt_hovesextrabold';
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    padding: 10px 25px;
    font-size: 12px;
}
.BoxMenu .NavMenu .MenuList .Link a.LinkNosotros {
    padding: 10px 29px;
}
.BoxMenu .NavMenu .MenuList .Link a.LinkGaleria {
    padding: 10px 37px;
}
.BoxMenu .NavMenu .MenuList .Link a.LinkCotizador {
    padding: 10px 27px;
}
.BoxAsideHeader .BoxRedesMenu {
    /* margin-bottom: 2.5rem; */
    position: relative;
    bottom: 40px;
}
.BoxAsideHeader .BoxRedesMenu .BoxRedes{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 45px;
}
.BoxRedesMenu .BoxRedes a{
    opacity: 1;
	margin-bottom: 10px;
    position: relative;
    padding: 8px 12px;
    cursor: pointer;
}
.BoxRedesMenu .BoxRedes a:last-child{
    margin-bottom: 0px;
}
.BoxRedesMenu .BoxRedes .LinkNosotros{
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 10px;
}

.BoxRedesMenu .BoxRedes .LinkNosotros:hover{
    color: #AA7815;
}

.BoxRedesMenu .BoxRedes a:hover .IconDetalle{
    opacity: 0.1;
}
.MenuList .Link a:hover .IconDetalle{
    opacity: 0.1;
}
.MenuList .Link a:hover .IconDetalle i{
    background-color: #fff;
}

.MenuList .Link a.Active .IconDetalle{
    opacity: 0.1;
}
.MenuList .Link a.Active .IconDetalle i{
    background-color: #fff;
}

.BoxRedesMenu .BoxRedes .LinkBox:hover .TextInfo{
    opacity: 1;
}
.BoxRedesMenu .BoxRedes .LinkBox .TextInfo{
    border: 1px solid #fff;
    color: #fff;
    padding: 0 5px;
    font-size: 8px;
    font-weight: 200;
    line-height: 12px;
    position: absolute;
    background: #35db53;
    top: 0;
    opacity: 0;
}

.BoxRedesMenu .BoxRedes .LinkBox .TextInfo.InfoLeft{
    right: 15px;
}

.BoxRedesMenu .BoxRedes .LinkBox .TextInfo.InfoLeft.bg-clr-insta {
    /*background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);*/
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}

.BoxRedesMenu .BoxRedes .LinkBox .TextInfo.InfoLeft.bg-clr-email {
    background-color: #C92D55;
}

.BoxRedesMenu .BoxRedes .LinkBox .TextInfo.InfoLeft.bg-clr-linkedin {
    background: #0077b0;
}

/*/////// HOME ///////*/
.BoxHome{
	padding-left: 160px;
}

/*/////// NOSOTROS //////////*/
.BoxNosotros{
	padding-left: 160px;
    cursor: url(../img/productos/cursor-min-hover.png), auto;
}

.BoxSomos .BoxImg{
	display: flex;
	justify-content: center;
	padding: 3rem 0 2rem;
}
.BoxSomos .BoxImg figure{
	margin: 0;
}
.BoxSomos .BoxTexto{
	width: 100%;
    text-align: center;
}
.BoxSomos .BoxTexto p {
    font-family: 'tt_hovesdemibold';
    width: 62%;
    margin: 0 auto 3rem;
    font-size: 16px;
}
.BoxGaleria{
	position: relative;
    height: 33.333%;
    overflow: hidden;
}

.owl-carousel .owl-stage-outer, .owl-carousel .owl-stage, .owl-carousel, .owl-carousel .owl-item {
    height: 100% !important;
}


.BoxSomosText{
	display: flex;
    margin-top: 3rem;
}
.BoxSomosText figure{
	margin-bottom: 0;
	margin-top: 8px;
}
.Box {
    padding-left: 30px;
}
.BoxSomosText .Box .BoxText {
    font-family: 'tt_hovesdemibold';
    color: #bbbbbb;
    font-size: 16px;
    text-align: left;
}

.BoxSomosText .BoxImgChange h5 {
    color: #bbbbbb;
}

/*///////// PRODUCTOS ////////////*/
.BoxProductos {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 50px;
    padding-bottom: 2rem;
}
.Pisos{
	width: 30%;
    text-decoration: none;
    /*cursor: pointer;*/
    cursor: url(../img/productos/cursor-min-hover.png), auto;
}
.Pisos:hover{
    color: #282828;
    text-decoration: none;
}
.Pisos:hover .PisosBox {
/*    background: url(../img/productos/bg-hover-btn.png) #fff;
    background-size: contain;
    background-repeat: no-repeat;*/
    color: #282828;
    /*background-image: url(../img/productos/bg-hover-btn-1.png), url(../img/productos/bg-hover-btn-2.png);
    background-position: center top, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: contain, contain;*/
    background-color: #fff;
    text-decoration: none;
}

.PisosBox {
    text-align: center;
    background-color: #282828;
    height: 90px;
    color: #fff;
    font-family: 'tt_hovesextrabold';
    font-size: 1.4rem;
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    padding: 2.4rem;
    width: 100%;
    line-height: 1.4rem;
    position: relative;
}
.PisosBox p{
    margin: 0;
}

.Pisos figure{
	margin-bottom: 0;
}

.PisosBox .IconDetalle {
    position: absolute;
    opacity: 0;
}
.PisosBox .IconDetalle .Rec1 {
    width: 20px;
    height: 10px;
    background: #282828;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.PisosBox .IconDetalle .Rec2 {
    width: 10px;
    height: 20px;
    background: #282828;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.PisosBox .IconDetalle.IconDetalle1 {
    right: 20px;
    top: 20px;
}

.PisosBox .IconDetalle.IconDetalle2 {
    right: 20px;
    bottom: 20px;
    transform: rotate(90deg);
}
.PisosBox .IconDetalle.IconDetalle3 {
    left: 20px;
    bottom: 20px;
    transform: rotate(180deg);
}
.PisosBox .IconDetalle.IconDetalle4 {
    left: 20px;
    top: 20px;
    transform: rotate(270deg);
}

.Pisos:hover .PisosBox .IconDetalle {
    opacity: 1;
}

.Pisos:hover .PisosBox .IconDetalle.IconDetalle1 {
    right: 0;
    top: 0;
    transition: all .5s ease;
}

.Pisos:hover .PisosBox .IconDetalle.IconDetalle2 {
    right: 0;
    bottom: 0;
    transition: all .5s ease;
}
.Pisos:hover .PisosBox .IconDetalle.IconDetalle3 {
    left: 0;
    bottom: 0;
    transition: all .5s ease;
}
.Pisos:hover .PisosBox .IconDetalle.IconDetalle4 {
    left: 0;
    top: 0;
    transition: all .5s ease;
}

/*///////// REVESTIMIENTO ////////////*/

.BoxRevestimiento{
	padding-left: 160px;
}
.BoxRevestimiento .container{
	margin-left: 0 !important;
	padding: 0 !important;
}
.BoxImgLeft {
    display: flex;
    flex-direction: column;
}
.BoxImgLeft.galeriaScroll {
    height: 100vh;
    overflow: scroll;
    display: flex;
    flex-direction: column;
}
.BoxImgLeft::-webkit-scrollbar {
  display: none;
}
.BoxImgLeft figure{
	height: 100%;
}
.BoxImgLeft figure img{
    width: 100%;
}

.contentScroll{
    /*overflow-y: scroll;*/
    /*height: 100vh;*/
}

.contentScroll::-webkit-scrollbar {
    display: none;
}

.BoxRight{
	/*padding-left: 2rem;*/
}
.BoxRight .BoxChevron {
    padding-top: 1.4rem;
    display: flex;
    align-items: center;
}

.BoxRight .BoxChevron .LinkProducto{
    position: relative;
    cursor: url(../img/productos/cursor-min-hover.png), auto;
}
.BoxRight .BoxChevron .LinkProducto:hover .TextInfo{
    opacity: 1;
}
.BoxRight .BoxChevron .LinkProducto .TextInfo{
    border: 1px solid #000;
    color: #000;
    padding: 5px;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    background: #fff;
    top: 0;
    opacity: 0;
}

.BoxRight .BoxChevron .LinkProducto .TextInfo.InfoLeft{
    right: 15px;
}
.BoxRight .BoxChevron .LinkProducto .TextInfo.InfoRight{
    left: 15px;
}

.BoxRight .BoxChevron .LinkProducto img{
    width: 24px;
}

.BoxRight .BoxChevron i{
	color: #ADA39B;
	font-size: 2.5rem;
}
.BoxRight .BoxChevron a {
    text-decoration: none;
    color: #000;
}
.BoxRight .BoxChevron a span {
    font-size: 13px;
    position: relative;
    top: -1px;
    margin: 0 10px;
}
.BoxTitle {
    padding: 1.4rem 0;
    padding-bottom: 10px;
}

.BoxTitle h4{
    font-family: 'tt_hovesmedium';
}
.BoxTitle h1 {
    font-family: 'tt_hovesdemibold';
    margin: 0;
    line-height: 1;
    font-size: 24px;
    line-height: 24px;
}
.BoxTitle span{
	font-size: 0.8rem;
}
.BoxVariantes{
	display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
}
.BoxVariantes .BoxTitle{
	width: 100%;
	padding: 1rem 0;
}
.BoxVariantes .BoxTitle h3 {
    font-family: 'tt_hovesmedium';
    margin: 0;
    font-size: 18px;
    line-height: 18px;
}
.BoxVariantes .BoxOpcion{
	display: flex;
    flex-direction: column;
}

.BoxVariantes .BoxOpcion.Active > a {
    opacity: 1;
}
.BoxVariantes .BoxOpcion.Active > p {
    font-family: 'tt_hovesbold';
}

.BoxVariantes .BoxOpcion a{
	width: 80px;
    height: 80px;
    cursor: url(../img/productos/cursor-min-hover.png), auto;
    opacity: 0.5;
}
.BoxVariantes .BoxOpcion a:hover {
    /*opacity: 1;*/
}
.BoxVariantes .BoxOpcion p {
    font-family: 'tt_hovesregular';
    font-size: 13px;
    line-height: 13px;
    margin: 0;
    margin-top: 5px;
}
.BoxVariantes .BoxOpcion:hover p {
    /*font-family: 'tt_hovesbold';*/
}
.BoxBeneficios{}
.BoxBeneficios .BoxTitle {
    padding: 2rem 0 1rem;
}
.BoxBeneficios .BoxTitle h3 {
    font-family: 'tt_hovesmedium';
     font-size: 18px;
    line-height: 18px;
}
.BoxBeneficios .BoxInfo{
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    max-width: 700px;
}
.BoxBeneficios .BoxInfo .Box {
    position: relative;
    border: 1px solid #5C371B;
    width: 23%;
    height: 110px;
    padding: 5px 12px;
    text-align: center;
    color: #5C371B;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    cursor: pointer;
    cursor: url(../img/productos/cursor-hover-lupa.png), auto;
}
.BoxBeneficios .BoxInfo .Box .box_beneficioTitle {
    font-size: 12px;
    line-height: 14px;
    border-bottom: 0;
    padding-bottom: 0;
    text-decoration: underline;
    font-family: 'tt_hovesbold';
}
.BoxBeneficios .BoxInfo .Box p:first-child {
    line-height: 0.9rem;
}
.BoxBeneficios .BoxInfo .Box .box_beneficioText {
    font-size: 14px;
    line-height: 16px;
	margin: 0;
}
.BoxBeneficios .BoxInfo .Box p strong{
	font-size: 9px;
    line-height: 11px;
}
.BoxBeneficios .BoxInfo .Box .box_beneficioText span {
	font-size: 12px;
    line-height: 12px;
	font-weight: 700;
}
.BoxBeneficios .BoxInfo .Box img{
	width: 30px;
}
/* modal */
.BoxEspecificacion{
    /*width: 500px;*/
}

.BoxEspecificacionLarge {
    position: absolute;
    top: -85px;
    left: -25px;
    width: 200px;
    height: 180px;
    padding: 10px 10px;
    text-align: center;
    color: #5C371B;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    /*cursor: pointer;*/
    /*cursor: url(../img/productos/cursor-hover-lupa.png), auto;*/
    /*opacity: 0;*/
    z-index: 9996;
    background-color: #fff;
    box-shadow: 0px 1px 5px 1px #888;
    border: 1px solid #5c371b;
}

/*.BoxBeneficios .BoxInfo .Box .BoxEspecificacionLarge.Active{
    display: flex;
}*/

.BoxBeneficios .BoxInfo .Box:hover .BoxEspecificacionLarge{
    display: flex;
}

.BoxEspecificacionLarge > span {
    font-size: 1rem;
    line-height: 1.2rem;
    font-family: 'tt_hovesbold';
    text-decoration: underline;
}
.BoxEspecificacionLarge p {
    margin: 0;
    display: flex;
    flex-direction: column;
    font-size: 2rem;
}
.BoxEspecificacionLarge p strong{
    font-size: 9px;
}
.BoxEspecificacionLarge .modalText span {
    font-size: 13px !important;
    line-height: 15px;
    font-weight: 700;
}

.BoxEspecificacionLarge .modalText {
    font-size: 18px;
    line-height: 24px;
}
/* end modal */

.BoxLink{
	width: 80%;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 2rem 0;
}
.BoxLink .Link {
    color: #5C371B;
    text-decoration: none;
    /* margin: 1rem 0; */
    font-size: 12px;
    font-family: 'tt_hovesmedium';
    position: relative;
    padding: 13px 30px;
    cursor: url(../img/productos/cursor-min-hover.png), auto;
    text-align: center;
    line-height: 14px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 180px;
}
.BoxLink .Link:hover {
    background-color: #5C371B;
    color: #fff;
}
.BoxLink .Link.LinkDescarga{
    padding: 13px 30px;
}
.BoxLink .Link.LinkManual{
    padding: 13px 22px;
}
.Link .IconDetalle {
    position: absolute;
    opacity: 1;
}
.Link .IconDetalle .Rec1 {
    width: 10px;
    height: 5px;
    background: #5C371B;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.Link .IconDetalle .Rec2 {
    width: 5px;
    height: 10px;
    background: #5C371B;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.Link .IconDetalle.IconDetalle1 {
    right: 0;
    top: 0;
}

.Link .IconDetalle.IconDetalle2 {
    right: 0;
    bottom: 0;
    transform: rotate(90deg);
}
.Link .IconDetalle.IconDetalle3 {
    left: 0;
    bottom: 0;
    transform: rotate(180deg);
}
.Link .IconDetalle.IconDetalle4 {
    left: 0;
    top: 0;
    transform: rotate(270deg);
}

/*///////// COTIZADOR ////////////*/

.BoxFormGrup{}
.BoxFormGrup h6{
    font-family: 'tt_hovesmedium';
	color: #5C371B;
}
.BoxFormGrup select {
    /*width: 25rem;*/
    width: 100%;
    padding: 1rem 0.7rem;
    font-size: 14px;
    font-weight: 600;
}
.BoxFormGrup .TitleSuperficie{}
.BoxFormGrup .InputMedidas{
	font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    background-color: #fff;
    border: 1px solid #000;
    margin-bottom: 5px;
    cursor: pointer;
}

.BoxFormGrup .InputMedidas:hover {
    background-color: #000;
    color: #fff;
    transition: all .5s ease
}

.BoxFormGrup .InputMedidas.Active{
    background-color: #000;
    color: #fff;
}
.BoxFormGrup .InputNumber {
    width: 10rem;
    padding: 0.8rem 0.5rem;
    border: 1px solid #000;
}
.BoxFormGrup .InputBlock{
    display: none;
}
.BoxFormGrup .InputBlock.Active{
    display: block;
}
.superficieBoxInput img{
    margin: 0 1.5rem;
    width: 25px;
}
.boxInputObservaciones .Input {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    padding: 0.9rem 0.6rem;
}
.BoxEnviar .TitlePresupuesto{
    font-family: 'tt_hovesmedium';
	margin: 2rem 0 1rem;
	font-size: 15px;
}
.BoxEnviar span{
	color: #5C371B;
    font-weight: 600;
    font-size: 1rem;
}
.BoxEnviar .Input {
    margin: 0.2rem 0 1rem;
    /*width: 25rem;*/
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    font-weight: 600;
    padding: 0.9rem 0.6rem;
}
.BoxEnviar .BtnEnviar{
    font-family: 'tt_hovesmedium';
	background-color: #5C371B;
    border: 1px solid #5C371B;
    color: #fff;
    padding: 15px 30px;
    border: none;
    cursor: pointer;
    /*margin-top: 3rem;*/
    transition: all .5s ease
}

.BoxEnviar .BtnEnviar:hover {
    background-color: #fff;
    border: 1px solid #5C371B;
    color: #5C371B;
}

.BoxMensajeError {
    width: 100%;
    font-size: 10px;
    color: red;
    padding-top: 5px;
    margin: 0;
}

/*///////// PREGUNTAS ////////////*/

.BoxRight_Preguntas{
    padding-left: 0 !important;
}

.BoxImgLeft .ImgLeftPregunta{
	/*display: none;*/
}

.BoxTitlePregunta{
	margin: 3rem 0;
    display: none;
}
.BoxTitlePregunta h3{
    font-family: 'tt_hovesmedium';
}
.BoxTitlePregunta .Input{
	border: 1px solid #000;
    padding: 12px 15px;
    width: 21rem;
    margin-top: 1rem;
}


ul{
	list-style: none;
}
.link{
	cursor: pointer;
	border: 1px solid #000;
    padding: 12px 15px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'tt_hovesmedium';
    margin-bottom: 5px;
}
.link.Active{
    background-color: #282828;
    color: #fff;
}
.submenu {
	display: none;
	background: #fff;
}
.submenu li {
    display: flex;
    margin-bottom: 5px;
}
.submenu li a {
    font-size: 14px;
    text-decoration: none;
    color: #000;
    padding: 12px 0px 12px 15px;
    border: 1px solid #000;
    width: 100%;
}
.submenu li a:hover {
    color: #fff;
    background-color: #132F5C;
}

.BoxEnviarPreguntas{
	margin: 5rem 0 2rem;
}
.BoxEnviarPreguntas .TitlePregunta{
    font-family: 'tt_hovesmedium';
}
.BoxEnviarPreguntas .Input{
	border: 1px solid #000;
    padding: 12px 15px;
    width: 18rem;
}
.BoxEnviarPreguntas .BtnEnviar{
	background-color: #000;
    color: #fff;
    padding: 13px 14px;
    border: none;
    cursor: pointer;
}

.BoxCaracteristicas{
    display: none;
}
.BoxCaracteristicas.Active{
    display: block;
}

.BoxEcoDeck{
	padding: 2rem 3rem 2rem 3rem;
    background-color: #132F5C;
    color: #fff;
    /*display: none;*/
}
.BoxEcoDeck h1{
    font-family: 'tt_hovesextrabold';
    margin: 0;
}
.BoxEcoDeck h2{
    font-family: 'tt_hovesmedium';
}
.BoxEcoDeck .BoxText{
    font-family: 'tt_hovesregular';
	width: 90%;
    text-align: justify;
    margin-top: 2rem;
    font-size: 15px;
}
.BoxEcoDeck figure{
	width: 230px;
    padding: 2rem 2rem 2rem 0;
}
/*------ MODAL ---------*/

.modal {
    /*top: 35% !important;*/
    /*bottom: 30% !important;*/
    /*display: block;*/
}
.modal-dialog {
    position: relative;
    top: 20%;
}
.modal-content {
    flex-direction: column;
    background-color: #F5F5F5;
    border-radius: 0 !important;
}
.modal-header {
    justify-content: flex-end;
    padding: 0.5rem;
    padding-bottom: 0 !important;
    border-bottom: 0 !important; 
}
.modal-header a{
    width: 20px;
    height: 20px;
}
.modal-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 2rem 45px;
}
.modal-body figure{
	margin: 0rem 0 2rem;
    margin-right: 0;
    width: 120px;
        margin: 0;
}
.modal-body p{
	margin: 0;
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
}
.modal-body p > span{
	font-size: 1.5rem;
    font-weight: 600;
}
.modal-body p > span.ModalText{
    font-size: 1.8rem;
    font-weight: 600;
}

.slider-1, 
.slider-2,
.slider-3 {
    display: block;
}

/* MENU ACTIVE */

.BoxAside.Active {
    width: 290px;
}

.BoxAside.Active .BoxAsideHeader .BoxLogo a figure .Logo1 {
    opacity: 0;
}
.BoxAside.Active .BoxAsideHeader .BoxLogo a figure .Logo2 {
    opacity: 1;
}

.BoxAside.Active .BoxAsideHeader #BtnChevron{
    opacity: 0;
    left: -30px;
}

.BoxAside.Active .BoxAsideHeader #GridMenu {
    position: absolute;
    left: 50%;
    opacity: 1;
}

.LinkBox .IconDetalle {
    position: absolute;
    opacity: 1;
}
.LinkBox i {
    font-size: 20px;
    color: #fff;
}
.LinkBox:hover i{
    color: #AA7815;
}
.LinkBox .IconDetalle .Rec1 {
    width: 10px;
    height: 5px;
    background: #fff;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.LinkBox .IconDetalle .Rec2 {
    width: 5px;
    height: 10px;
    background: #fff;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.LinkBox .IconDetalle.IconDetalle1 {
    right: 0;
    top: 0;
}

.LinkBox .IconDetalle.IconDetalle2 {
    right: 0;
    bottom: 0;
    transform: rotate(90deg);
}
.LinkBox .IconDetalle.IconDetalle3 {
    left: 0;
    bottom: 0;
    transform: rotate(180deg);
}
.LinkBox .IconDetalle.IconDetalle4 {
    left: 0;
    top: 0;
    transform: rotate(270deg);
}
.BoxMenu .NavMenu .MenuList .Link a:hover {
    color: #AA7815;
}
.BoxMenu .NavMenu .MenuList .Link a:hover .IconDetalle i {
    background: #fff;
}
.BoxMenu .NavMenu .MenuList .Link a.Active {
    color: #AA7815;
}

.slider-2{
    /*position: relative;
    top: -10px;*/
}
.slider-3{
    /*position: relative;
    top: -10px;*/
}


.BoxSomosText:hover .Box .BoxText {
    color: #49532A;
}
.BoxSomosText:hover .BoxImgChange .ImgColor{
    opacity: 1;
}
.BoxSomosText:hover .BoxImgChange .ImgGris{
    opacity: 0;
}
.BoxSomosText:hover .BoxImgChange h5{
    color: #49532A;
}

.BoxImgChange{
    position: relative;
}
.BoxImgChange .ImgGris{
    opacity: 1;
}
.BoxImgChange .ImgColor {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.BoxImgChange:hover .ImgColor{
    opacity: 1;
}
.BoxImgChange:hover .ImgGris{
    opacity: 0;
}

.BoxProductoImg{
    position: relative;
}
.BoxProductoImg .Img{
}
.BoxProductoImg .Link {
    position: absolute;
    left: 49%;
    font-size: 2rem;
    color: #fff;
    bottom: 30px;
    text-shadow: 0px 4px 8px rgb(0 0 0 / 50%);
}

.SliderProductosControl {
    position: absolute;
    z-index: 2;
    margin: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}
.SliderProductosControl li i{
    cursor: pointer;
    font-size: 2rem;
    color: #fff;
    text-shadow: 0px 4px 8px rgb(0 0 0 / 50%);
}

.SliderProductosControl li.prev {
    top: 15px;
    position: absolute;
    left: 47%;
}

.SliderProductosControl li.next {
    bottom: 35px;
    position: absolute;
    left: 47%;
}
.BoxSliders{
    display: none;
}
.BoxSliders.Active{
    display: block;
}

.fancybox__thumbs {
    display: none;
}

/* PRELOAD */

.BgPreload {
    background: url(../../assets/img/bg-preload.jpg);
    /*background-color: #000;*/
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: relative;
}

.BgPreload .LogoPreload {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.BgPreload .LogoPreload img {
    width: 800px;
    max-width: 100%;
}


.preload_video {
    max-width: 100%;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.modal-mail{
    flex-direction: column;
    justify-content: center;
    padding-top: 3rem;
}

.modal-mail .modalText{
    font-family: 'tt_hovesmedium';
    font-size: 1.5rem;
    color: #C92D55;
}
.modal-mail a {
    position: relative;
    font-size: 8px;
    font-weight: 800;
    color: #C92D55;
    padding: 10px 55px;
    text-decoration: none;
    margin-top: 15px;
}

.modal-mail a:hover {
    background-color: #C92D55;
    color: #fff;
}

.modal-mail a .IconDetalle{
    position: absolute;
    opacity: 1;
}
.modal-mail .LinkBox .IconDetalle .Rec1 {
    width: 8px;
    height: 4px;
    background: #C92D55;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.modal-mail .LinkBox .IconDetalle .Rec2 {
    width: 4px;
    height: 8px;
    background: #C92D55;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

#SliderProductos-mw{
    height: 100vh !important;
}

.TextCopy{
    border: 1px solid #000;
    color: #000;
    padding: 5px;
    font-size: 12px;
    line-height: 12px;
    background: #fff;
    position: absolute;
    top: -10px;
    right: -50px;
    display: none;
}

.TextCopyTwo {
    border: 1px solid #000;
    color: #000;
    padding: 5px;
    font-size: 12px;
    line-height: 12px;
    background: #fff;
    position: absolute;
    top: -10px;
    right: -50px;
    display: none;
}

.BoxProximamente{
    /*background-image: url(../../assets/img/fondo-landing.a1db0dad.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 60%;*/
    width: 100vw;
    height: 100vh;
}

.BoxProximamente h1 {
    position: absolute;
    top: 50%;
    left: 30%;
    z-index: 5;
    /*font-size: 18px;*/
    font-weight: 700;
}

.BoxSlider {
    height: 100vh;
}

.tns-outer {
    height: 100% !important;
}

.tns-ovh, .tns-inner, .slider-1, .SlideItem {
    height: inherit !important;
}

.tns-ovh, .tns-inner, .slider-2, .SlideItem {
    height: inherit !important;
}

.tns-ovh, .tns-inner, .slider-3, .SlideItem {
    height: inherit !important;
}

.SlideItem figure {
    height: inherit !important;
}

.SlideItem figure img {
    height: 100% !important;
    width: auto !important;
}

/*.owl-height {
    height: 400px !important;
}*/

.owl-dots {
    display: none !important;
}

.ModalCustom {
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.5);
}

.ModalCustom.Active {
    display: block;
}

.owl-one .SlideItem figure {
    height: inherit !important;
    border-bottom: 4px solid #ffff;
    border-right: 4px solid #fff;
}

.owl-two .SlideItem figure {
    height: inherit !important;
    border-bottom: 4px solid #ffff;
    border-right: 4px solid #fff;
}

.owl-three .SlideItem figure {
    height: inherit !important;
    border-right: 4px solid #fff;
}

.owl-galeria-one .SlideItem figure, 
.owl-galeria-two .SlideItem figure {
    height: inherit !important;
    border-bottom: 4px solid #ffff;
    border-right: 4px solid #fff;
}

.owl-galeria-one .SlideItem .figure_border_right,
.owl-galeria-two .SlideItem .figure_border_right {
    border-right: 0 solid #fff;
}

.boxSlideProductMob {
/*    height: 220px !important;*/
/*    overflow: hidden !important;*/
}

.boxSlideProductMob .owl-carousel .owl-stage-outer .owl-stage .owl-item .SlideItem .BoxProductoImg img {
    width: 100% !important;
}

.SliderMob {
    display: none !important;
}

.SliderMob.Active {
    display: block !important;
}

.dropdown-toggle::after {
    display: none;
}

.box_items_preguntas.show {
    position: relative !important;
    /*top: -57px !important;*/
    /*left: 0 !important;*/
    width: 100%;
    border: none;
    /*display: block;*/
    transform: none !important;
    /*background-color: #cdcdcd;*/
}

.item_pregunta {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    padding: 12px 0px 12px 15px;
    border: 1px solid #000;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.box_items_preguntas {
    /*display: none;*/
    /*position: relative;*/
}

.box_items_preguntas.Active {
    /*display: block;*/
}

.item_respuesta {
    /*display: none;*/
    padding: 10px 0 0;
}

.item_respuesta.Active {
    display: block;
    padding: 15px 15px 15px 0;
}

.item_select_info {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    padding: 12px 0px 12px 15px;
    border: 1px solid #000;
    width: 97%;
    position: relative;
    cursor: pointer;
    margin-left: 15px;
    background-color: #dcdcdc;
}

.box_info {
    padding: 15px 0;
}

.box_items_preguntas.collapse.show {
    display: block;
}

.card-body {
    padding: 5px 0 5px 20px !important;
    border: none !important;
    height: 500px;
    overflow-y: scroll;
}

.box_content_preguntas .link:hover {
    transition: all .5s ease;
    text-decoration: none;
    border: 1px solid #000;
    color: #fff;
    background-color: #132F5C;
}   

.btnDowloadPreguntas:hover {
    color: initial;
    text-decoration: none;
}

.modal_mail_title {
    text-transform: uppercase;
}

.hr_dividir {
    background-color: #000;
    padding: 0.5px;
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border: 0;
}

/* -----------------------------
# Agregados 2024
----------------------------- */
.Pisos figure {position: relative;}
.Pisos figure .over {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .5s ease;
    opacity: 0;
}
.Pisos:hover figure .over {
    opacity: 1;
}
.ctaDownloadCatalogo {
    position: fixed;
    right: 25px;
    bottom: 100px;
    z-index: 11;
    background-color: #5C371B;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0px 5px 5px rgb(0 0 0 / 20%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.pop {
    position: absolute;
    top: -36px;
    right: 30px;
    display: inline-block;
    color: #fff;
    background-color: #5c371b;
    padding: 5px;
    width: 135px;
    font-size: 0.875rem;
    z-index: 12;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    pointer-events: none;
    opacity: 0;
}
.ctaDownloadCatalogo:hover .pop {
    opacity: 1;
}
.ic-tiktok::after {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: -0.125em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M16.6 5.82s.51.5 0 0A4.278 4.278 0 0 1 15.54 3h-3.09v12.4a2.592 2.592 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6c0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48'/%3E%3C/svg%3E");
}
.BoxRedesMenu .BoxRedes .LinkBox .TextInfo.InfoLeft.bg-clr-tiktok {
    background-color: #000;
}
.LinkBox:hover .ic-tiktok::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23AA7815' d='M16.6 5.82s.51.5 0 0A4.278 4.278 0 0 1 15.54 3h-3.09v12.4a2.592 2.592 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6c0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48'/%3E%3C/svg%3E");
}

/* ============================
Slider Nuevo
=============================== */
.controlsContainer {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 98%;
    display: flex;
    justify-content: space-between;
    z-index: 10;
}

.controlSlider {
    cursor: pointer;
    padding: 10px;
}

.controlSlider.prevBtn img {
    transform: rotate(180deg);
}

.imgSlide {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
}

.imgSlideMob {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
}
/* ============================
Slider Nuevo END
=============================== */
/* ============================
Zocalos Variantes
=============================== */
.wrapper-variantes-zocalos {
    display: flex;
}
.wrapper-variantes-zocalos .BoxVariantes {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex: 0 0 65%;
    max-width: 450px;
}
.wrapper-variantes-zocalos .BoxVariantes .BoxOpcion {
    margin: 0 6px;
    width: 96px;
}
.wrapper-variantes-zocalos .variantes-miniaturas {
    flex: 0 0 35%;
}
.wrapper-variantes-zocalos .variantes-miniaturas img {
    width: 200px;
}
img {
    max-width: 100%;
}
.BtnMin {
    opacity: 0.5;
    cursor: pointer;
}
.BtnMin.visible {
    opacity: 1;
}
.imgMin {
    display: none;
}
.imgMin.visible {
    display: block;
}
/* ============================
Zocalos Variantes END
=============================== */

/* ------- Whatsapp flotante --------- */
.BoxBotonWhatsappFlotante {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 10;
}
.BoxBotonWhatsappFlotante .BtnLink {
    background: linear-gradient(180deg, rgba(95,252,123,1) 0%, rgba(40,209,70,1) 100%);
    width: 60px;
    height: 60px;
    background-size: contain;
    border-radius: 50%;
    box-shadow: 0px 5px 5px rgb(0 0 0 / 20%);
    display: flex;
    justify-content: center;
    align-items: center;
}
/* --------- Whatsapp flotante END ----------- */

.BoxRedesMenu .LinkBox .IconDetalle {
    opacity: 0 !important;
    visibility: hidden !important;
}