.author-detail-main{
    display: flex;
    flex-direction: column;
}
.author-detail-banner{
    padding: 140px 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    position:relative;
    background-position-y: bottom;
}
.author-detail-banner-content{
    width: 100%;
    max-width: 1024px;
    display: flex;
    gap: 50px;
    flex-direction: row;
}
h1{
    color:#fff;
    font-size: 36px;
    font-weight: 700;
}
.author-excerpt{
    color:var(--celeste);
}
.author-social-media{
    display: inline-flex;
    align-items: center;
    gap:10px;
}
.author-perfil-img{
    height: auto;
	max-width:350px;
	width:100%;
}
.color-bar{
    height: 24px;
    z-index: 1;
    width:100%;
    max-width: 1030px;
    position:absolute;
    bottom: 0px;
    right:50%;
    transform:translateX(50%);
    display: flex;
}
.red-bar{
    background-color: var(--red-point);
    width: 30%;
    z-index: 2;

}
.green-bar{
    background-color: var(--celeste);
    width: 70%;
    z-index: 2;
}
.author-detail-posts{
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 100px 0px;
}
.author-detail-posts-content{
    width: 100%;
    max-width: 1024px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.post-list-img{
	max-width:350px;
}

@media (max-width:767px){
    .author-detail-main{
        padding: 0px;
    }
    .author-detail-banner-content{
        flex-direction: column;
    }
    .author-detail-banner{
        padding: 50px 15px;
        background-size: cover;
    }
    .author-detail-posts{
        padding: 50px 15px;
    }
}
@media (min-width:768px) and (max-width:1249px){
    .author-detail-banner{
        padding: 50px 25px;
        background-size: cover;
    }
    .author-detail-posts{
        padding: 50px 25px;
    }
    .author-detail-banner-content{
        gap:25px;
        align-items: flex-start;
    }
    .author-perfil-img{
        width:100%;
    }
}