.card{
	width: 100%;
	border: 0px;
	margin-bottom: 30px;
}

.card .card-header{
	width: 100%;
	height: 250px;
	background-color: var(--gray-muted);
	border:0px;
	padding: 0px;
}

.card .card-header .media{
	width: 100%;
	height: 250px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.card .card-body{
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.card .card-body p{
	color: #697D8C;
	font-size: 14px;
	-webkit-line-clamp: 4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.card .card-body p.t{
	color: #697D8C;
	font-size: 14px;
}

.card.white{
	background-color: white;
}

.card.white .card-body{
	padding: 15px;
}

.card-horizontal{
	display:flex;
	align-items: stretch;
	flex-direction: row;
	position:relative;	
	border:1px #ebebeb solid;
}

.card-horizontal .card-header{
	flex-shrink: 0;
	width:30%;	
	position: relative;
}
.card-horizontal .card-header-r{
	flex-shrink: 0;
	width:36%;	
	position: relative;
}

.card-horizontal .card-header, .card-horizontal .card-header .media{
	height:208px;	
}

.card-horizontal .card-body{	
	padding:15px !important;
}

.card-horizontal .card-header .btn.circle{
	position:absolute;
	bottom:-20px;
	left:calc(50% - 20px);
}

.card-horizontal .card-header .btn.circle i{
	margin:0px !important;
	font-size:30px;	
}


/*Clase para recortar los títulos en las cards*/
.ellipsis-2{
	height: 48px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-3{
	height: 65px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis-4{
	height: 73px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content-consejo{
	cursor: pointer;
}

