/*Estilos para Tarjetas*/
.fondo-tarjetas{
	padding:20px 0px;
}

.tarjetas{
	width:80%;
	margin: auto;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.text-tarjeta{
	width:80%;
    margin: auto;
    display:block;
	text-align:center;
}

.tarjeta{
	width:220px;
    margin: 10px;
    position:relative;
    overflow: hidden;
}

.cont-tarjeta{
    position: absolute;
    padding: 10px;
    bottom: 0;
    left:0;
    background:rgba(0, 0, 0, 0.5);
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    text-align: center;
    color:white;
    transform:translateY(100%);
    transition:0.5s ease-out;
}

.tarjeta:hover .cont-tarjeta{
    transform:translateY(0%);
    transition:0.5s ease-out;
}

.img-tarjeta{
	width:220px;
    height:150px;
    display: block;
}