.cuadro-proyecto{
	padding:2em;
	background-color:#fafbfd;
	border:solid 5px #f3f5fa;
	height:19em;
	transform:scale(0.9);
	cursor:pointer;
	border-radius:0.2em;
}

.cuadro-proyecto:hover{
	animation-name:crecer;
	animation-duration:0.4s;
	animation-fill-mode:forwards;
}

@keyframes crecer{
	to{
		border-color:lightblue;
		transform:scale(0.95);
	}
}

.cuadro-proyecto > div{
	display:block;
}

.cuadro-proyecto
.titulo{
	color: darkblue; /*dodgerblue*/
    /*text-shadow: 0 0 1px #cc6565, 0 0 1px #cc6565;*/
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
    font-family: Raleway, Open sans;
    line-height:1;
}

.cuadro-proyecto
.categoria-b{
	font-size:1em;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
}

.cuadro-proyecto
.categoria-a{
	font-size:0.8em;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
}

.cuadro-proyecto
.descripcion{
	color:gray;
	text-align:center;
	font-size:0.9em;
	margin-top:1em;
	line-height:1.1;
}

.truncate4{
	display: block;
    display: -webkit-box!important;
    line-height: 1.5em;
    line-clamp:4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cuadro-proyecto
.valoracion{
	color:black;
	padding:0;
	border-radius:0.3em;
	position:relative;
	background-color: white!important;
    z-index: -2;
    display:flex;
}

.valoracion
.estrellas{
	width:9em;
	height:1.5em;
	display:inline-block;
	margin:0;
	position:relative;
	overflow: hidden;
}

.valoracion
.estrellas img{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	left:0;
	z-index:1;
}
.valoracion
.porcentaje{
	height:100%;
	background-color:#ffc107;
	position:absolute;
	top:1px;
	left:1px;
	color:black;
	z-index:-1;
}

.valoracion
.numeroValoraciones{
	margin-left:0.5em;
}

.valoracion
.texto{
	height:100%;
	padding:0;
	margin:0;
	font-size:1em;
	text-align:center;
	font-size:arial, sans-serif;
	font-weight:bold;
	display:inline-block;
	margin-right:0.5em;
}

.cuadro-proyecto
.precio{
	font-size:0.8em;
	color:black;
	font-family: Roboto, sans-serif;
}

@media (max-width: 768px) {
	.cuadro-proyecto{
		padding:1em;
	}
}