.content-area {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    min-height: 300px;
    background: #1C1C1C;
    color: #EAEAEA;
    margin-bottom: 25px;
    transition: 0.2s all;
}

/*.content-area:hover {
    background: #EAEAEA;
    color: #151515;
}*/
.datos-area {
    width: 75%;
    display: flex;
    flex-wrap: wrap; 

}

.datos-area .area-img {
    width: 33%;
    padding: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #1C1C1C;
    background-image: var(--bg-normal);
    background-size: 150px;
}
 
.content-area .datos-area:hover .area-img{
    background-color: #EAEAEA;
    background-image: var(--bg-hover);
    background-size: 150px;
}

.content-area .area-desc {
    width: 67%;
    padding: 30px 60px;
    border-right: 4px solid #151515;
    border-left: 4px solid #151515;
		background-color: #1C1C1C;

}

.content-area .area-desc h2 {
    font-size: 36px;
    font-weight: 500;
}

.content-area .area-desc p {
    font-size: 18px;
    font-weight: 400;
		line-height:1.3;
		margin-bottom:0;
}

.area-persona {
    width: 25%;
    padding: 30px;
	 background-color: #1C1C1C;
	
}

.content-area h3 {
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 0;
}

.content-area .area-persona span {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #8D9BFF;
    margin-bottom: 15px;
    display: block;
}

.content-area h2,
.content-area h3,
.content-area p {
    color: #EAEAEA;
}

.content-area .area-persona:hover {
    background: #EAEAEA;
    color: #151515;
}

.content-area .datos-area:hover , 
.content-area .datos-area:hover .area-desc{
    background: #EAEAEA;
    color: #151515;
}

.content-area .datos-area:hover .area-desc h2,
.content-area .datos-area:hover .area-desc h3,
.content-area .datos-area:hover .area-desc p {
    color: #151515;
}


.content-area .area-persona:hover h2,
.content-area .area-persona:hover h3,
.content-area .area-persona:hover p {
    color: #151515;
}



@media (max-width:991px) {

.datos-area,
.content-area .area-persona {
	width: 100%;
}
.datos-area {
	
}
 .content-area .area-desc {
	 	width: 70%;

    padding: 20px 20px;
    border-right: 0;
    border-left: 0;
    border-top: 4px solid #151515;
    border-bottom: 4px solid #151515;
}
.content-area .area-img {
		width: 30%;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: 20px 20px;
    background-color: #1C1C1C;
    background-image: var(--bg-normal);
    background-size: 100px;
    height: auto;
		    border-top: 4px solid #151515;
    border-bottom: 4px solid #151515;
}

.content-area:hover .area-img {
    background-color: #EAEAEA;
    background-image: var(--bg-hover);
    background-size: auto 100px;
} 

.content-area .area-desc p {
    font-size: 16px; 
}

}

@media (max-width:767px) {
.area-persona, .content-area .area-desc, .content-area .area-img {
    width: 100%;
    padding: 20px;
}
.content-area .area-img {
    width: 100%;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: 20px center;
    background-color: #1C1C1C;
    background-image: var(--bg-normal);
    background-size: auto 100px;
    height: 150px;
}
.content-area:hover .area-img {
    background-color: #EAEAEA;
    background-image: var(--bg-hover);
    background-size: auto 100px;
}
}