.page{
	width: 100%;
	float: left;
	position: relative;
    background-color: #fff;	
    padding-bottom: 3em;
    margin: 0 auto;
}
.page article{
    padding: 2.5%;
    width: 27.5%;
    min-height: 550px;
    padding-bottom: 0;
    margin: 2px;
	position: relative;
	background-size: cover;
	background-position: center;
}
.page section article > div{
	position: relative;
    z-index: 1;
    padding: 5%;
    width: 90%;
    text-align: left;
}
.page section article div *{
	color: #9e005d;
}
.page section article div h1{
	font-size: 1.2em;
}
.page section article div p{
	font-size: 0.7em;
}
.page section article figure img{	
    /* width: 70%; */
    /* min-height: 80px; */
    max-height: 190px;
    max-width: 70%;
}
.page section article figure figcaption{
    position: absolute;
    z-index: 2;
    font-size: 0.8em;
    font-style: oblique;
    /* bottom: 0.5em; */
    top: -16.5em;
    left: 1em;
    width: 100%;
    text-align: left;
}
.blanco *{
	color: #fff !important;
}

@media all and (max-width: 900px) {

	.page section article div:not(.ficha){
		width: 90%;
		padding: 5%;
		float: left;
		clear: both;
		background-color: #1E1E1E;
		position: relative !important;
	}
	.page section article div *{
		color: #cacaca;
	}
	.page section article figure img{
		position: relative !important;
		float: left;
		clear: both;
	}

	.page section article div{
		left: 0 !important;
		right: 0 !important;
	}
	.medio-linea{
    	padding-top: 2px !important;
    	padding-bottom: 2px !important;
	}
	.precio *{
		color: #000 !important;
	}
}