@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: 'Montserrat', sans-serif;
}
.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);
    border: 1px solid var(--cd-color-3);
    padding: 0px 10px;
}

h1, h2, h3{/* font-family: 'Playfair Display', serif; */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: bottom center;
    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-imahome.jpg);height: 660px;}
	.fdoInt{
    height: 600px;
}
	.fdoacerca{
    background-image: url("../imagenes/fdo-imaacerca.jpg");
}
	.fdoinstalaciones{
		    background-image: url("../imagenes/fdo-imainstalaciones.jpg");

	}
	.fdoservicios{
		    background-image: url("../imagenes/fdo-imaservicios.jpg");

	}
	.fdotagroom{
		    background-image: url("../imagenes/fdo-imatagroom.jpg");

	}
	.contFirstC{position: relative;}
		.firstCHome{
    max-width: 690px;
    width: 100%;
    padding-left: 10%;
	}
	.firstCInt{
    text-align: center;
    width: 100%;
    max-width: 800px;
    margin: 160px auto 0px;
}
	.quoteSliderH{}
		.quoteSliderH h1{font-size: var(--btn-font-size-xxlg);}
	.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;}
.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(180,140,80,1) 50%, rgba(0,0,0,0) 100%);height: 2px;margin: 10px 0px;position: relative;/* top: -25px; */}
.contSection{
    /* border-radius: 0px 0px 40px 0px; */
    display: flex;
    max-width: 900px;
    width: 100%;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: auto;
    }
.sectionC1{background-color: var(--cd-color-1);}
	.sectionC1 h2{color: var(--cd-color-2);font-size: var(--btn-font-size-xlg);margin: 20px 0px;}
	.sectionC1 p{color: var(--cd-color-2);}
.contImaSection{
    text-align: center;
    position: relative;
}
.sectionC1 > div{
    flex: 1 1 0px;
}
.imaAbs{}
	.imaAbs img{
    width: 90%;
}
.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 p{font-family: var(--font-primary);color: var(--color-contrast-medium);line-height: 1.5rem;margin: 0px 0px 30px;}
.contBSect{text-align: right;padding: 20px;}
.btcircleC1{background-color: var(--cd-color-3);height: 50px;width: 50px;display: inline-block;border-radius: 50px;text-align: center;line-height: 55px;transition: .3s;box-shadow: 0 3px 8px rgb(0 0 0 / 30%);}
	.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;}
.imabckG1{background-image: url(../imagenes/fdobnnaux1_x2.jpg);}
.contBann{max-width: 800px;margin: 150px auto;padding: 15px;overflow: auto;}
.contTxInt{max-width: 350px;}
.txalignL{text-align: left;}
.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%);}
	.btN1:hover{}
.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-1);}
.titBar span{margin: 0px 0px 0px 10px;}
.colB1{background-color: var(--color-contrast-high);}
.imaBar{right: 10%;position: absolute;}
	.imaBar img{max-width: 250px;box-shadow: 0 1px 30px rgb(0 0 0 / 50%);}
footer{background-image: url(../imagenes/dots.jpg);background-size: contain;padding: 100px 20px;}
.contFooter{display: flex;align-items: center;
    align-content: center;
    justify-content: center;
    gap: 1rem;}
	.c1foot{text-align: center;}
		.c1foot img{width: 80px;height: auto;}
	.c2foot{text-align: left;}
		.c2foot a{display: flex;padding: 10px 0px;margin: 10px 0px;}
		.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:white;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; */}
.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: center;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: 80%;padding: 12px 0px 0px 0px;}
	.firstCHome{text-align: center;padding: 0px 5px;}
	.quoteSliderH h1{
    font-size: var(--btn-font-size-xlg);}
}