
/* #root */
:root {
	--color-gris    : #575756;
	--color-gris-tit: #1D1D1B;
	--color-gris-tx : #3C3C3B;
}


.cyg--radius-50,
.cyg--radius-50 img {
	border-radius: 50%;
	overflow: hidden
}

.sec--quienes .tm-social-networks.style-icons {
	font-size: 28px
}


/* #none */
.popup-search-wrap{
	display:none;
}


/* #container */
.container-fluid {
	padding-left : .9375rem !important;
	padding-right: .9375rem !important;
	max-width    : 1200px !important;
}


/* #tipografia */
h1 {
	color: var(--color-gris-tit) !important;
}
h4 {
	font-weight: bold !important;
}
p {
	font-weight: 400 !important;
	color      : var(--color-gris-tx) !important;
}
small {
	font-size: 90%;
}



/* #header */
.header-18.headroom--not-top .page-header-inner {
	background: #fff !important;
}

	.header-18 .header-wrap {
		display              : grid !important;
		grid-template-columns: 200px 195px 1fr;
		column-gap           : 15px;
	}

		.header-18 .menu--primary a {
			color      : var(--color-gris-tit) !important;
			font-weight: 600;
		}
		.header-18 .menu--primary a:hover {
			color: var(--color-gris) !important;
		}

	/* botonera */
	.cyg--botonera {
		border-radius  : 4px;
		border         : 1px solid var(--color-gris-tit);
		text-align     : center;
		display        : flex;
		align-items    : center;
		justify-content: space-evenly;
	}

		.cyg--botonera a {
			font-size  : 20px;
			color      : var(--color-gris);
			font-weight: 300;
		}
		.cyg--botonera a:nth-of-type(2) {
			color      : #000 !important;
			font-weight: bold !important;

		}



		/*.cyg--botonera:nth-of-type(1) {
			padding-right: 10px;
		}
		.cyg--botonera:nth-of-type(2) {
			padding-left: 10px;
		}*/
	
	/* menu */
	.header-18 .menu--primary a {
	    color: var(--color-gris-tit) !important;
	}
	.desktop-menu .header-18 .menu--primary .menu__container > li > a {
		padding-left : 10px !important;
		padding-right: 10px !important;
	}

	.header-18 .page-open-mobile-menu:hover i, 
	.header-18 .popup-search-wrap:hover i, 
	.header-18 .mini-cart .mini-cart-icon:hover {
	    color: #666 !important;
	}

	.header-18 .page-open-mobile-menu i, 
	.header-18 .popup-search-wrap i, 
	.header-18 .mini-cart .mini-cart-icon {
	    color: #666 !important;
	}

	.header-18 .menu--primary a {
		font-size: 20px !important;
		color    : var(--color-gris-tit) !important;
	}

	.header-right {
		justify-content: end;
	}

	
/* #botones */
.cyg--botones a {
	padding: 0 15px;
}




/* #form */
form input,
form textarea {
	border-radius: 12px !important;
	border       : 1px solid var(--color-gris-tit) !important;
	color        : var(--color-gris-tit);
}

::placeholder {
	color: var(--color-gris-tit) !important;
}

form .cyg--grid p {
	display              : grid;
	grid-template-columns: 1fr 1fr;
	grid-gap             : 30px;
}

form .cyg--submit p {
	text-align: center;
}
form .cyg--submit p input {
	margin       : auto;
	display      : inline-block !important;
	line-height  : 1 !important;
	height       : auto !important;
	padding      : 10px 32px;
	border-radius: 18px !important;
}


/* #section */
.cyg--section{
	padding-bottom: 45px;
	width         : 100%;
	float         : left;
}
	.cyg--section:after {
		content   : '';
		width     : 100%;
		height    : 40px;
		position  : absolute;
		left      : 0;
		bottom    : 0;
		box-shadow: 0 -8px 8px 0 rgba(0 0 0 / 10%);
	}



/* #tx */
.cyg--tx-small p {
	line-height: 1.25 !Important;
}



/* #redes */
.tm-social-networks .link:hover {
	color: #999;
}



/* QUE HACEMOS */
#que-hacemos .cyg--svg img {
	max-height: 130px;
}

/* SOLUCIONES */
#soluciones .cyg--svg img {
	max-height: 150px;
}



@media screen and (max-width: 600px){
	
	
	/* #textos */
	h4,
	.h4 {
		font-size: 22px
	}


	/* #header */
	.header-18 .header-wrap {
		display              : grid !important;
		grid-template-columns: 140px 150px 1fr;
		column-gap           : 12px;
	}

		/* logo */
		.branding__logo img {
			width: 140px !important;
		}

		/* botonera */
		.cyg--botonera a {
			font-size: 16px;
		}


	/* #form */
	form .cyg--grid p {
		display              : grid;
		grid-template-columns: 1fr;
		grid-gap             : 0;
		margin-bottom        : 0;
	}


	/* #img (svg) */
	.cyg--svg img {
		max-height: 80px;
	}




	/* FOOTER */
	#page-footer .vc_row.vc_row-flex {
		flex-wrap: inherit !important;
	}
	



}

