/* RESPONSIVE HORIZONTAL */




/* ----------------------------------------------------------------------*/

/* 800
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 800px){

	:root {

		--h-header: 80px;

	}

	.column--3 {
		column-count: 2;
	}

	.cont--img-ch{
			transform: translateY(0);
	} 


}



/* ----------------------------------------------------------------------*/

/* 640
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
	

	:root {

		--h-header: 60px;
		--w-logo  : 200px;

	}

	
	/* #menu */
	.cont--menu a {
		font-size: .76rem;
		padding  : 0 6px;
	}




	figcaption {
		font-size: .7rem;
	}



	.pg--contacto address a {
		font-size      : .9rem;
	}


}





/* ----------------------------------------------------------------------*/

/* 540
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 540px){
	
	
 

	:root {


		--h-header   : 55px;


		--line-height: 1.35;
		--w-logo     : 190px;

		--size       : .78rem; /*  */
		--size-1     : 1.4rem; /*  */
		--size-2     : 1.25rem; /*  */
		--size-3     : 1.05rem; /*  */
		--size-4     : .93rem; /*  */
		--size-5     : .88rem; /*  */
		--size-6     : .82rem; /*  */


	}	


	/* #br (fix) */
	br.desktop {
		display: block;
	}
	br.mobile {
		display: none;
	}


	p {
		letter-spacing: normal;
	}

	.pg--el-estudio article ul {
		padding-left: 0;
	}

	figcaption {
		font-size     : .65rem;
	}
	
	form input,
	form select,
	form textarea {
	 	padding: 10px;
	}

	.cont--menu a {
		font-size: .7rem;
		padding  : 0 5px;
	}
	
	.cont--img-ch img {
		max-width: 55%;
	}


	.cont--main {
		align-content: start;
	}
	.scroll--down .cont--main {
		padding-bottom: var(--h-footer);
	}
	
	.cont--box {
		padding      : 5px 0;
		margin-bottom: 15px;
	}

	.pg--inicio .cont--slide figure.ratio {
		padding-top: 120%;
	}

	.pg--inicio .cont--box.fix {
		align-content: flex-start;
	}


	.pg--inicio .cont--box {
		transform: translateY(40px);
	}
	.pg--inicio .cont--box.fix {
		padding-top: 30px;
	}


	.pg--contacto address {
		transform: translateY(0);
	}
	.pg--contacto address a {
		font-size      : .85rem;
	}


	/* footer */
	.cont--footer {
		border-top: 1px solid var(--111);
	}



}



/* ----------------------------------------------------------------------*/

/* 380
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 380px){


	.cont--img-ch img {
		max-width: 52%;
	}


	

}


/* ----------------------------------------------------------------------*/

/* 350
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 350px){


	.cont--menu a {
		font-size: .65rem;
	}

	

}





@media screen and (max-device-height: 900px) and (orientation: portrait) {  
	
	body {
		/*background: green;*/
	}

	.pg--inicio .cont--box {
		transform: translateY(20px);
	}

	.cont--box .cont--slide, 
	.cont--box article, 
	.cont--box .cont--img-ch {
		padding: 25px 0;
	}

	#c1.cont--box .cont--slide, 
	#c1.cont--box article, 
	#c1.cont--box .cont--img-ch {
		padding: 20px 0;
	}

}



@media screen and (max-device-height: 800px) and (orientation: portrait) {  
	
	body {
		/*background: red;*/
	}

	.pg--inicio .cont--box {
		transform: translateY(0);
	}

	.cont--box .cont--slide, 
	.cont--box article, 
	.cont--box .cont--img-ch {
		padding: 15px 0;
	}
	#c1.cont--box .cont--slide, 
	#c1.cont--box article, 
	#c1.cont--box .cont--img-ch {
		padding: 12px 0;
	}

}
@media screen and (max-device-height: 700px) and (orientation: portrait) {  
	
	body {
		/*background: blue;*/
	}
	
	.cont--box .cont--slide, 
	.cont--box article, 
	.cont--box .cont--img-ch {
		padding: 15px 0;
	}
	#c1.cont--box .cont--slide, 
	#c1.cont--box article, 
	#c1.cont--box .cont--img-ch {
		padding: 10px 0;
	}

}