#biografia-single{
margin: 140px auto 85px auto;
float: none;
display: block;
max-width: 1440px;
padding: 0 155px;
}
#biografia-single .content{
width: 100%;
display: flex;
margin: 0 auto;
align-items: flex-start;
}
#biografia-single .main-image {
display: inline-block;
padding: 0;
margin: 0;
float: left;
width: 40%;
}
#biografia-single .main-image img{
float: right;
}
#biografia-single .main-content {
float: left;
display: inline-block;
margin: 0 auto;
width: 60%;
padding: 20px 0 20px 90px;
}
#biografia-single .main-content .titulo{
width: 100%;
float: left;
display: flex;
margin-bottom: 19px;
align-items: center;
}
#biografia-single .main-content .titulo .nombre{
display: inline-block;
float: left;
padding-right: 30px;
font-size: 38px;
color: #000000;
font-family: 'Founders Grotesk Light';
}
#biografia-single .main-content .cargo{
display: block;
width: auto;
float: left;
font-size: 18px;
line-height: 21px;
color: rgb(0,0,0,0.6);
font-family: 'Founders Grotesk';
margin-bottom: 22px;
margin-right: 20px;
}
#biografia-single .main-content .description{
width: 100%;
float: left;
display: block;
font-size: 18px;
line-height: 130%;
color: #000000;
font-family: 'Founders Grotesk Light';
}
#biografia-single .main-content .description ul {
padding: 10px 0 16px 25px;
display: inline-block;
list-style: disc;
}
#biografia-single .main-content .description ul li {
margin-bottom: 10px;
font-size: 18px;
line-height: 28px;
}
#biografia-single .main-content .description ul li::marker {
color: #ED2B4E;
}
#biografia-single .main-content .social{
display: inline-block;
float: left;
margin: 0;
}
#biografia-single .main-content .social div{
width: 19px;
height: 19px;
background: #ED2B4E;
opacity: 0.79;
border-radius: 2px;
margin-right: 11px;
display: inline-block;
color: #fff;
float: left;
text-align: center;
overflow: hidden;
}
#biografia-single .main-content .social div a{
display: block;
width: 100%;
height: 100%;
font-size: 0;
line-height: 0;
color: transparent;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 12px 12px;
mask-size: 12px 12px;
background: #fff;
}
#biografia-single .main-content .social .twitter a{
-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.244%202.25h3.308l-7.227%208.26%208.502%2011.24H16.17l-5.214-6.817L4.99%2021.75H1.68l7.73-8.835L1.254%202.25H8.08l4.713%206.231zm-1.161%2017.52h1.833L7.084%204.126H5.117z%22%2F%3E%3C%2Fsvg%3E");
mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.244%202.25h3.308l-7.227%208.26%208.502%2011.24H16.17l-5.214-6.817L4.99%2021.75H1.68l7.73-8.835L1.254%202.25H8.08l4.713%206.231zm-1.161%2017.52h1.833L7.084%204.126H5.117z%22%2F%3E%3C%2Fsvg%3E");
}
#biografia-single .main-content .social .instagram a{
-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202.163c3.204%200%203.584.012%204.85.07%203.252.148%204.771%201.691%204.919%204.919.058%201.265.069%201.645.069%204.849%200%203.205-.012%203.584-.069%204.849-.149%203.225-1.664%204.771-4.919%204.919-1.266.058-1.644.07-4.85.07-3.204%200-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849%200-3.204.013-3.583.07-4.849.149-3.227%201.664-4.771%204.919-4.919%201.266-.057%201.645-.069%204.849-.069zM12%200C8.741%200%208.333.014%207.053.072%202.695.272.273%202.69.073%207.052.014%208.333%200%208.741%200%2012c0%203.259.014%203.668.072%204.948.2%204.358%202.618%206.78%206.98%206.98C8.333%2023.986%208.741%2024%2012%2024c3.259%200%203.668-.014%204.948-.072%204.354-.2%206.782-2.618%206.979-6.98.059-1.28.073-1.689.073-4.948%200-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014%2015.259%200%2012%200zm0%205.838a6.162%206.162%200%20100%2012.324%206.162%206.162%200%20000-12.324zM12%2016a4%204%200%20110-8%204%204%200%20010%208zm6.406-11.845a1.44%201.44%200%20100%202.881%201.44%201.44%200%20000-2.881z%22%2F%3E%3C%2Fsvg%3E");
mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202.163c3.204%200%203.584.012%204.85.07%203.252.148%204.771%201.691%204.919%204.919.058%201.265.069%201.645.069%204.849%200%203.205-.012%203.584-.069%204.849-.149%203.225-1.664%204.771-4.919%204.919-1.266.058-1.644.07-4.85.07-3.204%200-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849%200-3.204.013-3.583.07-4.849.149-3.227%201.664-4.771%204.919-4.919%201.266-.057%201.645-.069%204.849-.069zM12%200C8.741%200%208.333.014%207.053.072%202.695.272.273%202.69.073%207.052.014%208.333%200%208.741%200%2012c0%203.259.014%203.668.072%204.948.2%204.358%202.618%206.78%206.98%206.98C8.333%2023.986%208.741%2024%2012%2024c3.259%200%203.668-.014%204.948-.072%204.354-.2%206.782-2.618%206.979-6.98.059-1.28.073-1.689.073-4.948%200-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014%2015.259%200%2012%200zm0%205.838a6.162%206.162%200%20100%2012.324%206.162%206.162%200%20000-12.324zM12%2016a4%204%200%20110-8%204%204%200%20010%208zm6.406-11.845a1.44%201.44%200%20100%202.881%201.44%201.44%200%20000-2.881z%22%2F%3E%3C%2Fsvg%3E");
}
#biografia-single .main-content .social .email a{
-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%204h20a1%201%200%20011%201v14a1%201%200%2001-1%201H2a1%201%200%2001-1-1V5a1%201%200%20011-1zm10%207L3.5%206h17zM3%208.2V18h18V8.2l-9%205.3z%22%2F%3E%3C%2Fsvg%3E");
mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%204h20a1%201%200%20011%201v14a1%201%200%2001-1%201H2a1%201%200%2001-1-1V5a1%201%200%20011-1zm10%207L3.5%206h17zM3%208.2V18h18V8.2l-9%205.3z%22%2F%3E%3C%2Fsvg%3E");
}
#biografia-single .main-content .social div:hover{
cursor: pointer;
}
#biografia-single .main-content .social.mobile{
display: none;
} .bioblock{
width: 100%;
float: inherit;
margin: 0;
display: flex !important;
align-items: center;
justify-content: center;
}
.bioblock .data{
width: 100%;
float: left;
display: flex;
padding: 20px 0;
align-items: center;
border-right: 1px solid #ccc;
}
.bioblock .data .user-image {
float: left;
display: inline-flex;
height: 64px;
border-radius: 30px;
min-width: 90px;
}
.bioblock .data .user-info .nombre{
font-size: 18px;
line-height: 104.1%;
color: #151616;
font-family: 'Founders Grotesk';
}
.bioblock .data .user-info .cargo{
font-weight: 300;
font-size: 16px;
line-height: 22px;  
font-family: 'Founders Grotesk';
}
.bioblock .email{
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 104.1%;
letter-spacing: -0.015em;
color: #000000;
font-family: 'Founders Grotesk';
}
.bioblock .telefono{
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 134.8%;
color: #000000;
font-family: 'Founders Grotesk';
}
.bioblock .email:before,
.bioblock .telefono:before{
content: url(//www.acebarcelona.org/wp-content/uploads/2022/03/icono-email.svg);
position: relative;
margin-right: 15px;
left: 12px;
width: 20px;
top: 2px;
}
.bioblock .telefono:before{
content: url(//www.acebarcelona.org/wp-content/uploads/2022/03/icono-telefono.svg);
} @media (max-width: 980px) {
#biografia-single{
width: 100%;
margin: 60px 0 30px 0;
padding: 0 20px;
}
#biografia-single .content{
display: inline-block;
}
#biografia-single .main-image{
width: 100%;
}
#biografia-single .main-content{
width: 100%;
padding: 0;
margin-top: 40px;
}
#biografia-single .main-content .titulo{
margin-bottom: 4px;
display: block;
}
#biografia-single .main-content .titulo .nombre{
padding-right: 0;
width: 100%;
font-size: 32px;
line-height: 140%;
font-family: 'Founders Grotesk Light';
}
#biografia-single .main-content .social{
display: none;
}
#biografia-single .main-content .social.mobile{
display: block;
}
#biografia-single .main-content .description{
font-size: 16px;
line-height: 160%;
}
#biografia-single .main-image img{
float: none;
display: block;
margin: 0 auto;
}
#biografia-single .main-content .cargo{
font-size: 16px;
line-height: 160%;
}
.publicaciones-cientificas{
display: none;
}
.bioblock{
flex-direction: column;
}
.bioblock .data{
border-right: 0;
border-bottom: 1px solid #ccc;
}
}