/* AN Autor — cartao do autor.
   Usa as variaveis do tema AlexNews com valor de reserva, entao funciona
   mesmo se o CSS do tema nao carregar. Mobile-first: testado em 360px. */

.an-autor__card {
	display: flex;
	gap: 18px;
	align-items: flex-start;
	margin: 38px 0 8px !important;
	padding: 20px 20px 18px;
	background: var(--an-nuvem, #F5F7FA);
	border: 1px solid var(--an-hairline, #E5E7EB);
	border-left: 4px solid var(--an-azul, #0B5FFF);
	border-radius: var(--an-radius, 10px);
	font-family: var(--an-corpo, 'Inter', system-ui, -apple-system, sans-serif);
	box-shadow: var(--an-shadow, 0 1px 3px rgba(17, 24, 39, .06));
}

.an-autor__col-foto { flex: 0 0 auto; }

/* Dois seletores encadeados para vencer a regra do tema
   (.an-article__content img), que arredonda so 10px e poe margem. */
.an-autor__card .an-autor__foto,
.an-article__content .an-autor__card .an-autor__foto {
	display: block;
	width: 84px;
	height: 84px;
	max-width: 84px;
	border-radius: 50% !important;
	object-fit: cover;
	margin: 0 !important;
	border: 3px solid var(--an-papel, #fff);
	box-shadow: 0 3px 12px rgba(11, 95, 255, .20);
}

.an-autor__col-txt { flex: 1 1 auto; min-width: 0; }

.an-autor__rotulo {
	font-family: var(--an-display, 'Libre Franklin', sans-serif);
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--an-azul, #0B5FFF);
	margin-bottom: 5px;
}

.an-autor__nome {
	font-family: var(--an-display, 'Libre Franklin', sans-serif);
	font-size: 19px;
	font-weight: 800;
	line-height: 1.2;
	color: var(--an-tinta, #111827);
}

.an-autor__credencial {
	font-size: 13px;
	font-weight: 600;
	color: var(--an-cinza, #6B7280);
	margin-top: 3px;
}

.an-autor__bio {
	font-size: 14px;
	line-height: 1.6;
	color: var(--an-tinta-media, #374151);
	margin: 10px 0 0;
}

/* Botao do Instagram — degrade da marca, alvo de toque confortavel. */
.an-autor__insta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 14px;
	padding: 10px 18px;
	border-radius: 30px;
	background: linear-gradient(45deg, #F09433 0%, #E6683C 25%, #DC2743 50%, #CC2366 75%, #BC1888 100%);
	color: #fff !important;
	font-size: 13.5px;
	font-weight: 700;
	text-decoration: none !important;
	box-shadow: 0 4px 14px rgba(220, 39, 67, .28);
	transition: transform .15s, box-shadow .15s;
}

.an-autor__insta:hover,
.an-autor__insta:focus {
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(220, 39, 67, .40);
	color: #fff !important;
}

.an-autor__insta:active { transform: translateY(0); }

.an-autor__icone { flex: 0 0 auto; }

/* Chip "@handle" na linha do autor, abaixo do titulo. */
.an-autor__chip {
	display: inline-flex;
	align-items: center;
	padding: 2px 10px;
	border-radius: 20px;
	background: var(--an-azul-suave, #E8F0FF);
	color: var(--an-azul, #0B5FFF) !important;
	font-size: 12.5px;
	font-weight: 700;
	text-decoration: none !important;
	transition: background .15s, color .15s;
}

.an-autor__chip:hover,
.an-autor__chip:focus {
	background: var(--an-azul, #0B5FFF);
	color: #fff !important;
}

@media (max-width: 520px) {
	.an-autor__card {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 14px;
		padding: 20px 16px 18px;
	}
	.an-autor__card .an-autor__foto,
	.an-article__content .an-autor__card .an-autor__foto { width: 92px; height: 92px; max-width: 92px; }
	.an-autor__bio { font-size: 13.5px; }
	.an-autor__insta {
		width: 100%;
		justify-content: center;
		padding: 13px 18px;
		font-size: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.an-autor__insta,
	.an-autor__chip { transition: none; }
	.an-autor__insta:hover { transform: none; }
}