@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&family=Playfair+Display&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	text-decoration: none;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing:border-box;
	font-family: 'Kanit', sans-serif;
}
.column2W{
    display: flex;
    gap: 1em;
    max-width: 800px;
    margin: 30px auto;
}
	.column2W > div{
    text-align: center;
}
.data1C{}
	.data1C > div{}
	.data1C > div p{
    font-weight: 300;
}
	.data1C > div h3{
    font-weight: bold;
    font-size: 1.1em;
}
	.data1C > div img{}
.sectionC2 strong{
    color: var(--color-contrast-high);
}
strong{
    /* font-weight: bold; */
    color: var(--cd-color-3);
}
.btContactFix{
    position: fixed;
    z-index: 999999;
    bottom: 45%;
    right: 0px;
    display: flex;
    flex-direction: column;
    gap: .5em;
}
.btContactFix > a, .btContactFix > a:hover{
    font-size: 2.5em;
    color: white;
    border-radius: 10px 0px 0px 10px;
    box-shadow: 0 5px 8px rgb(0 0 0 / 20%);
}
.btWaContact{
    background-color: #21e427;
}
.btInContact{
    background-color: #131413;
}
.btFbContact{
    background-color: #1e7fe8;
}

    .btContactFix > a i{
    padding: 10px 6px 10px 10px;
}
.micarrusel{
    margin: 30px 0px;
}
dd a{
    font-weight: bold;
    color: var(--cd-color-3);
    border-bottom: 1px solid;
}
.mapC{
    margin: 30px 0px 0px;
}
	.mapC iframe{
    width: 100%;
    box-shadow: var(--shadow-lg);
}
.txtDark{
    color: var(--cd-color-2);
}
.txtDark h1, .txtDark h2, .txtDark h3{
    color: var(--cd-color-2);
}

.txtLight h1, .txtLight h2, .txtLight h3 {
    color: var(--cd-color-1);
}
.txtLight{
    color: var(--cd-color-1);
}


.contImaBAux{
    margin: 0px auto 40px;
    max-width: 500px;
}
	.contImaBAux img{
    /* border-radius: 0px 0px 30px 0px; */
    box-shadow: var(--shadow-lg);
}
.cardsInfo{
    display: flex;
    gap: 1em;
    align-items: center;
    align-content: center;
    justify-content: center;
    max-width: 750px;
    width: 100%;
    margin: 20px auto 80px;
    padding: 0px 20px;
}
.oneCardInfo{
    text-align: center;
    padding: 30px 10px;
    background-color: var(--color-contrast-higher);
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    border-radius: 20px;
    box-shadow: var(--shadow-md);
    margin: 10px 0px;
}
.icoCardInfo{}
	.icoCardInfo img{
    max-width: 80px;
    height: auto;
}
.oneCardInfo h2{
    font-weight: normal;
    font-size: 1em;
    margin: 15px 0px;
    text-transform: uppercase;
    color: var(--cd-color-1);
}
.oneCardInfo p{
    color: var(--color-contrast-medium);
    font-size: .9em;
}
.oneCardInfo strong{
    font-weight: bold;
}
.js .cd-nav__link:hover{
	color: var(--cd-color-1);
    padding: 0px 10px;
}

h1, h2, h3{font-weight: lighter;}
a{cursor: pointer !important;}
.contentSocial{position: fixed;z-index: var(--zindex-overlay);right: 20px;top: 20px;}
	.contentSocial > div:first-child{display: flex;gap: 1rem;}
	.contentSocial a{color: var(--cd-color-3);font-size: var(--btn-font-size-lg);padding: 3px;}
	.contentSocial a i{}
.logoHome{position: fixed;top: 20px;left: 0;right: 0;width: 100%;text-align: center;z-index: var(--zindex-fixed-element);}
	.logoHome img{width: 140px;}
.contSlider{
    width: 100%;
    background-size: cover;
    background-position: top;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
    justify-content: left;
    -ms-flex-align: center;
    align-items: center;
    }
	.fdohome{background-image: url(../imagenes/fdo-imahome2.webp);height: 390px;}
	.fdoInt{
    height: 390px;
}
.fdoarquitectura{background-image: url("../imagenes/fdo-arq3n.webp");
}
	.fdoacerca{
		background-image: url("../imagenes/fdo-a1n.webp");
}

	.fdoconstruccion{
		background-image: url("../imagenes/fdo-a3n.webp");

	}

	.fdocontacto{
		background-image: url("../imagenes/fdo-a1nn.webp");

	}
	.fdomuebles{
				background-image: url("../imagenes/fdo-m1n.webp");

	}
	.contFirstC{position: relative;}
		.firstCHome{
    /* max-width: 690px; */
    width: 100%;
    /* padding-left: 10%; */
    text-align: center;
 }
	.firstCInt{
    text-align: center;
    width: 100%;
    max-width: 800px;
    margin: 160px auto 0px;
}
	.quoteSliderH{}
		.quoteSliderH h1{font-size: var(--text-xxl);}
		.quoteSliderH h1 img{
			max-width: 210px;
			}

.contBtH{margin: 20px 0px 0px;}
		.contBtH a{border: 1px solid var(--cd-color-3);font-size: var(--btn-font-size-sm);padding: 20px 30px;display: inline-block;transition: .3s;}
		.contBtH a:hover{background-color: var(--cd-color-3);    transition: .2s;}
.contMenuAux{text-align: center;display: flex;align-items: center;align-content: center;justify-content: center;gap: 1rem;position: relative;/* top: -50px; */background-color: var(--cd-color-2);}
	.contIcos{padding: 0px 0px 40px;}
	.contMenuAux div{}
	.contMenuAux div a{display: block;width: 165px;margin: auto;}
		.contMenuAux div a:hover{color: #b48c50;}
	.contMenuAux div a img{width: 90px;}
	.contMenuAux div a span{display: block;font-size: var(--btn-font-size-sm);}
.contLineGrad{/* padding: 40px 0px; */display: none;}
.fdodark{background-color: var(--cd-color-2);}
.fdolight{background-color: var(--cd-color-1);}
.gradientLine{background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(235,115,76,1) 50%, rgba(0,0,0,0) 100%);height: 2px;margin: 10px 0px;position: relative;/* top: -25px; */}
.contSection{
    display: flex;
    max-width: 900px;
    width: 100%;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: auto;
    }
.textosimple{
    padding: 40px 0px;
}
.textosimple p{color: var(--color-contrast-low) !important;}
	.textosimple p{
    font-size: .8em;
    margin: 20px 0px;
    text-align: justify;
}
	.textosimple ul{}
	.textosimple li{
    text-align: justify;
    font-size: .8em;
    margin: 10px 0px;
    color: var(--color-contrast-low);
}

.sectionC1{background-color: var(--color-black);}
	.sectionC1 h2{color: var(--cd-color-1);font-size: var(--btn-font-size-xlg);margin: 20px 0px;line-height: 1em;}
	.sectionC1 p{color: var(--cd-color-2);}
	.sectionC1 h3{color: var(--color-contrast-low);margin: 20px 0px;line-height: 1em;font-size: .9em;}

.sectionC2{
    background-color: var(--cd-color-3);
}
.sectionC2 .contImaSection{
    background-color: var(--cd-color-3);
    border-radius: 0px 0px 20px 0px;
}
	.sectionC2 h2{
    font-size: 2.5em;
    color: var(--cd-color-2);
    line-height: 40px;
    margin-bottom: 10px;
}
	.sectionC2 p{
    color: var(--cd-color-2) !important;
}
.contImaSection{
    text-align: center;
    position: relative;
}
.sectionC1 > div{
    flex: 1 1 0px;
}
.grid{
    padding: 0px 20px;
}
.imaAbs{
    display: flex;
}
	.imaAbs img{
    width: 100%;
    /* border-radius: 0px 0px 20px 0px; */
}
.captionIma{
    position: absolute;
    bottom: 5px;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%);
    left: 0;
    right: 0;
    padding: 40px 20px;
}
	.titCaption{
    font-size: 1.5em;
    font-weight: lighter;
    color: white;
    letter-spacing: .2em;
    margin: 0px 0px 10px;
}
	.captionIma > small{
    color: silver;
    font-size: .9em;
}
.contTXsection p a{
    color: var(--cd-color-3);
    border-bottom: 1px solid;
    font-weight: bold;
}
.contTXsection{padding: var(--component-padding);text-align: left;}
.contTXsection h2{
}
.contTXsection ul{
    list-style: disc;
    margin: 0px 0px 0px 25px;
}
.contTXsection ul li{
    color: var(--color-contrast-lower);
    margin: 10px 0px;
}
.contTXsection p{color: var(--color-contrast-low);line-height: 1.5rem;margin: 0px 0px 30px;}
.sectionC2 ul{
    list-style: disc;
    margin: 0px 0px 0px 25px;
}
.sectionC2 ul li{
    margin: 10px 0px;
    color: var(--cd-color-2);
}
.contBSect{text-align: right;padding: 20px;}
.btcircleC1{background-color: var(--cd-color-3);height: 40px;width: 40px;display: inline-block;border-radius: 100%;text-align: center;line-height: 45px;transition: .3s;box-shadow: 0 3px 8px rgb(0 0 0 / 30%);color: var(--cd-color-2);}
	.btcircleC1 i{font-size: 1.4em;}
	.btcircleC1:hover, .btN1:hover{background-color: var(--cd-color-2);box-shadow: 0 1px 10px rgb(0 0 0 / 40%);
    transition: .3s;}
.backG{background-size: cover;background-position: top center;background-color: var(--cd-color-2);}
.imabckG1{background-image: url(../imagenes/fdobnnaux1_x2n.webp);}
.imabckG2{background-image: url(../imagenes/fdobnnaux1_mmx2.webp);}
.contBann{max-width: 800px;margin: 50px auto 0px;padding: 15px;}
.contTxInt{/* max-width: 350px; */}
.txalignL{text-align: left;}
.txalignC{text-align: center;}

.colLight h2, .colLight p{color: var(--cd-color-1);}
.contBann h2{font-size: var(--btn-font-size-xlg);/* text-transform: uppercase; */margin-bottom: 20px;}
.colLight p{line-height: 2rem;}
.contBtN{margin: 30px 0px;}
.btN1{
    display: inline-block;
    font-size: var(--btn-font-size-sm);
    padding: 20px 30px;
    background-color: var(--cd-color-3);
    box-shadow: 0 3px 8px rgb(0 0 0 / 30%);
    color: var(--cd-color-2);
    border-radius: 10px;
    }
	.btN1:hover{
		color: var(--cd-color-1);
    background-color: var(--color-contrast-medium);
	}
.contBar{padding: 40px 20px;position: relative;
    
    
    }
.titBar{max-width: 400px;text-align: center;}
.titBar h2{font-size: var(--btn-font-size-xlg);display: inline-block;vertical-align: middle;color: var(--cd-color-3);}
.titBar span{margin: 0px 0px 0px 10px;}
.colB1{background-color: var(--cd-color-1);}
.imaBar{right: 10%;position: absolute;}
	.imaBar img{max-width: 250px;box-shadow: 0 1px 30px rgb(0 0 0 / 50%);}
footer{background-size: contain;padding: 100px 20px;background-color: var(--color-contrast-medium);}
.contFooter{display: flex;align-items: center;
    align-content: center;
    justify-content: center;
    gap: 1rem;}
	.c1foot{text-align: center;}
		.c1foot img{width: 150px;height: auto;}
	.c2foot{text-align: left;}
		.c2foot a{display: flex;padding: 10px 0px;margin: 10px 0px;color: var(--color-contrast-low);}
		.c2foot a i, .c3foot a i{color: var(--cd-color-3);font-size: var(--btn-font-size-lg);vertical-align: middle;margin: 0px 12px 0px 0px;}
		.c2foot a p span{
    color: var(--color-contrast-medium);
}
	.c3foot{text-align: center;}
	.c3foot a{display: inline-block;padding: 2px;}
	.c1foot, .c2foot, .c3foot{flex: 1 1 0px;}
	
a{transition:.3s;}
a:hover i{color:var();transition:.3s;}
.cd-nav a span{
    color: var(--color-contrast-medium);
    display: block;
}





/* ======== ANIMACIONES PRIMER PLANO ======== */
.tx1 {animation : a-tx1 0.8s 0.5s ease-out backwards;/* margin-top : 100px; */}
.tx2 {animation : a-tx2 0.8s 0.8s ease-out backwards;/* margin-top : 100px; */}
.tx3 {animation : a-tx3 0.6s 0.6s ease-out backwards;/* margin-top : 100px; */padding: 0px 40px;}
.tx4 {animation : a-tx4 0.7s 0.7s ease-out backwards;/* margin-top : 100px; */}
.bt1 {animation : a-bt1 0.8s 0.8s ease-out backwards;/* margin-top : 100px; */}
@keyframes a-tx1 {
	0% {
	opacity : 0;
	}
	100% {
	opacity : 1;
	}
}
@keyframes a-tx2 {
	0% {
	opacity : 0;
	transform : translate3d(0px,-200px,0px);
	}
	100% {
	opacity : 1;
	transform : none;
	}
}
@keyframes a-tx3 {
	0% {
	opacity : 0;
	transform : translate3d(-100px,0px,0px);
	}
	100% {
	opacity : 1;
	transform : none;
	}
}
@keyframes a-tx4 {
	0% {
	opacity : 0;
	transform : translate3d(400px,0px,0px);
	}
	100% {
	opacity : 1;
	transform : none;
	}
}
@keyframes a-bt1 {
	0% {
	opacity : 0;
	}
	100% {
	opacity : 1;
	}
}




/* ======== MEDIA CSS PARA RESPONSIVO TABLETA Y CELULAR ======== */
@media (max-width: 780px){
	.imabckG1{/* background-image: url(../imagenes/fdobnnaux1_x1.jpg); */}
	.backG{}
	.contFooter{display: block;text-align: center;}
	.c2foot{text-align: center;}
	.imaBar{right: 5%;top: -50%;}
	.imaBar img{max-width: 200px;}
		.txalignL{text-align:left;max-width: 80%;margin:auto;}
	.oneCardInfo{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.cardsInfo{display: block;}
	.captionIma{
    position: relative;
    background: var(--color-contrast-higher);
}
}
@media (max-width: 414px){
	.fdoInt{
    height: 380px;
}
	.imabckG1{/* background-image: url(../imagenes/fdobnnaux1_x0.jpg); */}
	.imaBar{position: relative;text-align: center;display: inline-block;top: auto;right: auto;margin: 30px auto;width: 100%;}
	.contSection{display: block;}
	.contMenuAux{display: block;}
	.contMenuAux > div {display: inline-block;}
	.contMenuAux div a{margin: 0px auto 30px;}
	.logoHome{}
	.logoHome img{width: 108px;}
		.txalignL{text-align: center;max-width: 100%;}
	.imaAbs img{width: 100%;max-width: 100% !important;}
	.firstCHome{text-align: center;padding: 0px 5px;}
	.quoteSliderH h1{
    font-size: var(--text-lg);
    }
}