@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');


#main .unit-doctor{
	width: 100%;
    float: none;
    display: inline-block;
    max-width: 1200px;
    margin: 0 auto;
}

#main .unit-doctor .informacion{
	display: flex;
    margin: 60px 0;
    justify-content: space-between;
    align-items: center;
    gap: 125px;
}

#main .unit-doctor .informacion{
	width: auto;
}

#main .unit-doctor .left,
#main .unit-doctor .right{
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
}

#main .unit-doctor .left,
#main .unit-doctor .right{
    width: 50%;
}

#main .unit-doctor .right .content{
    position: relative;
    width: 100%;
	max-width: 500px;
}

#main .unit-doctor  titulo{
	font-family: 'Source Serif Pro';
	font-style: normal;
	font-weight: 400;
	font-size: 35px;
	line-height: 110%;
	letter-spacing: -0.02em;
	color: #1B3167;
}

#main .unit-doctor subtitulo{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 150%;
	letter-spacing: -0.02em;
	color: #1B3167;
	opacity: 0.8;
}

#main .unit-doctor .especialidad{
    font-family: 'Source Serif Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -0.04em;
    color: #1B3167;
    margin-bottom: 40px;
    margin-top: 28px;
    border-top: 1px solid rgb(36 48 102 / 20%);
    padding-top: 28px;
}

#main .unit-doctor .estudios{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: #1B3167;
    margin: 40px 0 28px 0;
    max-width: 544px;
}

#main .unit-doctor .mas{
	width: 100%;
	float: left;
	display: block;
	color: #1B3167;
}

#main .unit-doctor .mas a{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 170%;
	text-decoration-line: underline;
	color: #3A87CE;
	opacity: 0.8;
}

#main .unit-doctor .flags{
	width: 100%;
	display: block;
	float: left;
	margin: 0 auto;
	width: 24px;
	margin: 5px 7px;
	border-radius: 5px;
}

#main .unit-doctor .flags:nth-child(1){
	margin-left: 0;
}
#main .unit-doctor .doctor {
	border: 1px solid #eceaea;
	border-radius: 18px;
    width: 100%;
	max-width: 495px;
}
#main .unit-doctor .redes-sociales{
	width: 100%;
	max-width: 170px;
	position: absolute;
	float: right;
	right: 0;
	top: 0;
}

#main .unit-doctor .idiomas{
	width: 100%;
	display: block;
	float: left;
	margin-top: 32px;
}

#main .unit-doctor .idiomas .flags:nth-child(1) {
    margin-left: 0;
}

#main .unit-doctor .idiomas .flags {
    width: 100%;
    display: block;
    float: left;
    margin: 0 auto;
    width: 24px;
    margin: 5px 7px;
    border-radius: 5px;
}

#main .unit-doctor .idiomas .title,
#main .unit-doctor .idiomas .lang{
	float: left;
	display: inline-block;
	margin: 0 auto;
}

#main .unit-doctor .idiomas .lang .item{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	color: #1B3167;
	opacity: 0.9;
}

#main .unit-doctor .idiomas .title{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	text-transform: uppercase;
	color: #1B3167;
	opacity: 0.4;
	margin-right: 14px;
}

#main .unit-doctor .redes-sociales .item{
	display: flex;
    float: right;
    margin: 0 auto;
    width: 38px;
    height: 38px;
    background-color: transparent;
    margin-left: 5px;
    color: #243066;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(36 48 102 / 40%);
    border-radius: 20px;
}

#main .unit-doctor .redes-sociales .item:hover {
    cursor: pointer;
    border: 2px solid;
}


#main .unit-doctor .fusion-button.blue-button {
	background: #1B3167;
    border-radius: 60px;
    color: #fff;
    font-family: 'Poppins';
    font-size: 15px;
    padding: 12px 22px;
    border: 1px solid #fff0;
    text-transform: none;
}

    
#main .unit-doctor .titulo{
	font-family: 'Source Serif Pro';
	margin-bottom: 20px;
	font-style: normal;
	font-weight: 400;
	font-size: 35px;
	line-height: 110%;
	letter-spacing: -0.02em;
	color: #1B3167;
}

#main .unit-doctor .subtitulo{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 150%;
	letter-spacing: -0.02em;
	color: #1B3167;
	opacity: 0.8;
}


@media screen and (max-width: 980px) {

	#main .unit-doctor {
		margin-bottom: 40px;
	}

	#main .unit-doctor .informacion {
		flex-direction: column;
		gap: 0;
	}
	
	#main .unit-doctor .titulo {
	    font-size: 25px;
		margin-bottom: 10px;
    }

	#main .unit-doctor .left,
	#main .unit-doctor .right {
		width: 100%;
	}

	#main .unit-doctor .right {
		margin-top: 15px;
	}

	#main .unit-doctor .idiomas {
		margin-top: 15px;
	}

	#main .unit-doctor .left img.doctor{
		margin: 0 auto;
		float: none;
		display: block;
	}
	
	#main .unit-doctor .informacion{
	    margin: 15px 0;
	}
	
	#main .unit-doctor titulo{
	    margin-bottom: 15px;
		padding: 0;
		font-size: 24px;
		line-height: 110%;
		letter-spacing: -0.04em;
		text-align: left;
	}

	#main .unit-doctor subtitulo {
		font-size: 16px !important;
		line-height: 150%;
		letter-spacing: -0.02em;
		text-align: left;
	}
	
	#main .unit-doctor .especialidad {
		margin-bottom: 24px;
		font-size: 18px;
		line-height: 140%;
	}
}