/* =========================================================
   Blog - Autores (box no post + página de perfil)
   Cores Artemis: verde #00A651 / verde escuro #017A3C / azul #010f2e
   ========================================================= */
:root{
	--autor-verde:#00A651;
	--autor-verde-escuro:#017A3C;
	--autor-azul:#010f2e;
	--autor-cinza:#f6f6f6;
	--autor-texto:#6f7172;
}

/* ---------- redes sociais ---------- */
.autor-social{display:flex;flex-wrap:wrap;gap:8px;margin:0;}
.autor-social a{
	width:36px;height:36px;border-radius:50%;
	display:inline-flex;align-items:center;justify-content:center;
	background:#fff;color:var(--autor-verde);border:1px solid #e3e7e5;
	font-size:14px;transition:all .25s ease;
}
.autor-social a:hover{background:var(--autor-verde);border-color:var(--autor-verde);color:#fff;}

/* ---------- inicial quando não há foto ---------- */
.autor-box__inicial,
.autor-perfil__inicial{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;border-radius:50%;
	background:linear-gradient(135deg,var(--autor-verde),var(--autor-verde-escuro));
	color:#fff;font-family:'Rubik',sans-serif;font-weight:700;
}

/* ---------- meta "Por fulano" ---------- */
.meta-info .meta-autor a,
.bsingle__content .meta-info a[href*="/blog/autor/"]{color:var(--autor-verde);font-weight:500;}
.meta-info .meta-autor a:hover{color:var(--autor-verde-escuro);}

/* =========================================================
   Box "Sobre o autor" (final da postagem)
   ========================================================= */
.autor-box{
	display:flex;gap:30px;align-items:flex-start;
	background:var(--autor-cinza);
	border-left:4px solid var(--autor-verde);
	padding:35px 40px;margin:50px 0 45px;width:100%;
}
.autor-box__img{flex:0 0 110px;width:110px;height:110px;margin:0;}
.autor-box__img img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 6px 20px rgba(1,15,46,.12);}
.autor-box__img .autor-box__inicial{font-size:42px;border:4px solid #fff;}
.autor-box__info{flex:1;min-width:0;}
.autor-box__label{
	display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;
	color:var(--autor-verde);font-weight:600;margin-bottom:6px;
}
.autor-box__nome{font-size:24px;margin-bottom:12px;}
.autor-box__nome a{color:var(--autor-azul);}
.autor-box__nome a:hover{color:var(--autor-verde);}
.autor-box__descricao{color:var(--autor-texto);font-size:15px;line-height:1.7;margin-bottom:18px;}
.autor-box__descricao p:last-child{margin-bottom:0;}
.autor-box__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;}
.autor-box__btn{
	display:inline-flex;align-items:center;gap:10px;
	background:var(--autor-verde);color:#fff;
	padding:10px 22px;border-radius:30px;font-size:14px;font-weight:500;
	transition:all .25s ease;
}
.autor-box__btn:hover{background:var(--autor-verde-escuro);color:#fff;}
.autor-box__btn i{transition:transform .25s ease;}
.autor-box__btn:hover i{transform:translateX(4px);}

/* =========================================================
   Página de perfil do autor
   ========================================================= */
.autor-perfil__box{
	position:relative;overflow:hidden;
	display:flex;gap:40px;align-items:center;
	background:var(--autor-azul);color:#fff;
	padding:50px 55px;border-radius:6px;
}
.autor-perfil__box:before{
	content:"";position:absolute;right:-120px;top:-120px;
	width:320px;height:320px;border-radius:50%;
	background:var(--autor-verde);opacity:.18;
}
.autor-perfil__box:after{
	content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;
	background:linear-gradient(90deg,var(--autor-verde),var(--autor-verde-escuro));
}
.autor-perfil__img{flex:0 0 180px;width:180px;height:180px;margin:0;position:relative;z-index:1;}
.autor-perfil__img img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:5px solid var(--autor-verde);}
.autor-perfil__img .autor-perfil__inicial{font-size:70px;border:5px solid rgba(255,255,255,.2);}
.autor-perfil__info{position:relative;z-index:1;flex:1;min-width:0;}
.autor-perfil__label{
	display:inline-block;background:var(--autor-verde);color:#fff;
	font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;
	padding:4px 14px;border-radius:20px;margin-bottom:14px;
}
.autor-perfil__nome{color:#fff;font-size:38px;margin-bottom:15px;}
.autor-perfil__descricao{color:rgba(255,255,255,.8);font-size:16px;line-height:1.7;margin-bottom:22px;}
.autor-perfil__descricao p:last-child{margin-bottom:0;}
.autor-perfil__box .autor-social a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff;}
.autor-perfil__box .autor-social a:hover{background:var(--autor-verde);border-color:var(--autor-verde);}

.autor-perfil__texto{
	background:var(--autor-cinza);padding:45px 55px;margin-top:30px;
	color:var(--autor-texto);line-height:1.8;
}
.autor-perfil__texto h3{color:var(--autor-azul);font-size:26px;margin-bottom:20px;position:relative;padding-bottom:15px;}
.autor-perfil__texto h3:after{content:"";position:absolute;left:0;bottom:0;width:60px;height:3px;background:var(--autor-verde);}
.autor-perfil__texto p:last-child{margin-bottom:0;}

.autor-perfil__posts-title{
	display:flex;align-items:flex-end;justify-content:space-between;gap:15px;
	margin-top:70px;padding-bottom:15px;border-bottom:1px solid #e3e7e5;
}
.autor-perfil__posts-title h3{color:var(--autor-azul);font-size:28px;margin:0;}
.autor-perfil__posts-title span{color:var(--autor-verde);font-weight:500;}
.autor-perfil + .inner-blog{padding-top:50px;}

/* ---------- responsivo ---------- */
@media (max-width:991px){
	.autor-perfil__box{padding:40px 35px;gap:30px;}
	.autor-perfil__nome{font-size:30px;}
	.autor-perfil__texto{padding:35px;}
}
@media (max-width:767px){
	.autor-box{flex-direction:column;align-items:center;text-align:center;padding:30px 25px;border-left:0;border-top:4px solid var(--autor-verde);}
	.autor-box__footer{justify-content:center;}
	.autor-box .autor-social{justify-content:center;}
	.autor-perfil{padding-top:70px;}
	.autor-perfil__box{flex-direction:column;text-align:center;padding:35px 25px;}
	.autor-perfil__img,.autor-perfil__img img{width:140px;height:140px;flex-basis:140px;}
	.autor-perfil__box .autor-social{justify-content:center;}
	.autor-perfil__nome{font-size:26px;}
	.autor-perfil__texto{padding:30px 25px;}
	.autor-perfil__posts-title{flex-direction:column;align-items:flex-start;margin-top:50px;}
}