«El director cree que no es conveniente que eso continúe ocurriendo. Quiere que te enseñe a cerrar tu mente al Señor Tenebroso.»
Son malos tiempos para Hogwarts. Tras el ataque de los dementores a su primo Dudley, Harry Potter comprende que Voldemort no se detendrá ante nada para encontrarlo. Muchos niegan que el Señor Tenebroso haya regresado, pero Harry no está solo: una orden secreta se reúne en Grimmauld Place para luchar contra las fuerzas oscuras. Harry debe permitir que el profesor Snape le enseñe a protegerse de las brutales incursiones de Voldemort en su mente. Pero éstas son cada vez más potentes, y a Harry se le está agotando el tiempo...
.div-colaborador-detail{
display: flex;
margin: 15px;
background-color: #feedd3;
}
.div-colaborador-detail .div-colaborador-biography-text{
color: #404040;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
text-align: justify;
}
.div-colaborador-detail .p-colaborador-biography-text .spn-overflow{
display: none;
}
@media only screen and (min-width: 600px) {
.div-colaborador-detail .div-colaborador-biography{
padding: 10px 20px;
}
.div-colaborador-detail{
border-radius: 100px 0px 0px 100px;
}
.div-colaborador-detail div.img-profile-pic{
height: 160px;
width: 160px;
border-radius: 80px;
background-size: cover !important;
background-position: center !important;
}
.div-colaborador-detail .div-colaborador-name-heading{
font-weight: 600;
font-size: 15pt;
color: #404040;
}
.div-colaborador-detail .p-colaborador-biography-text{
font-size: 12pt;
}
.div-colaborador-detail .div-colaborador-biography-text{
margin: 0px;
-webkit-line-clamp: 4;
line-clamp: 4;
}
.div-colaborador-detail .p-colaborador-biography-text .spn-overflow{
margin: 0px;
font-weight: 600;
color: #ff5a00;
cursor: pointer;
}
.div-colaborador-biography .div-colaborador-detalle-title{
display: flex;
}
.div-colaborador-detail .a-ver-pagina-autor{
padding: 5px;
margin: 0px 15px;
}
}
@media only screen and (max-width: 600px) {
.div-colaborador-detail .div-colaborador-biography{
padding: 5px 10px;
}
.div-colaborador-detail div.img-profile-pic{
height: 90px;
width: 90px;
border-radius: 45px;
background: url('https://statics.cdn1.buscalibre.com/colaboradores/profile_pic/ec2a199f1676083c77d37d464f46371a.jpg');
background-size: cover !important;
background-position: center !important;
}
.div-colaborador-detail{
border-radius: 45px 0px 0px 45px;
}
.div-colaborador-detail .div-colaborador-name-heading{
font-weight: 600;
font-size: 12pt;
color: #404040;
}
.div-colaborador-detail .p-colaborador-biography-text{
font-size: 10pt;
margin: 4px 0px;
}
.div-colaborador-detail .div-colaborador-biography-text{
margin: -5px 0px;
-webkit-line-clamp: 2;
line-clamp: 2;
}
.div-colaborador-detail .p-col
