/* HacerPerú Blocks - Caja de autor */
.hpb-ab {
	--hpb-ab-img: 150px;
	--hpb-ab-gap: 25px;
	--hpb-ab-soc: 28px;
	display: flex;
	align-items: center;
	gap: var(--hpb-ab-gap);
	padding: 25px;
	background: var(--hpb-card-bg);
	border: 1px solid var(--hpb-card-border);
	box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
.hpb-ab--right { flex-direction: row-reverse; }
.hpb-ab--top { flex-direction: column; text-align: center; }

.hpb-ab__media {
	flex: none;
	width: var(--hpb-ab-img);
	height: var(--hpb-ab-img);
}
.hpb-block .hpb-ab__media img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	margin: 0;
	border-radius: 50%;
	background: #e6e6e6;
	object-fit: cover;
}

.hpb-ab__body { flex: 1; min-width: 0; }

.hpb-block .hpb-ab__name {
	margin: 0 0 6px;
	padding: 0;
	color: var(--hpb-text);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}
.hpb-block .hpb-ab__name a { color: inherit; font: inherit; }
.hpb-block .hpb-ab__name a:hover { color: var(--hpb-accent); }

.hpb-ab__desc {
	margin: 0 0 12px;
	color: var(--hpb-text);
	font-size: 16px;
	line-height: 1.5;
}

/* Redes */
.hpb-ab__social { display: flex; flex-wrap: wrap; gap: 6px; }
.hpb-ab--top .hpb-ab__social { justify-content: center; }

.hpb-block a.hpb-ab__soc {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: var(--hpb-ab-soc);
	height: var(--hpb-ab-soc);
	border-radius: 50%;
	background: #666;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	transition: opacity .15s ease;
}
.hpb-block a.hpb-ab__soc:hover { opacity: .85; }
.hpb-ab__soc svg { width: 1em; height: 1em; fill: currentColor; }

/* Colores de cada red (con "Colores de cada red" activado) */
.hpb-ab--brand a.hpb-ab__soc--facebook  { background: #3b5998; }
.hpb-ab--brand a.hpb-ab__soc--twitter   { background: #55acee; }
.hpb-ab--brand a.hpb-ab__soc--linkedin  { background: #0077b5; }
.hpb-ab--brand a.hpb-ab__soc--instagram { background: #3f729b; }
.hpb-ab--brand a.hpb-ab__soc--youtube   { background: #cd201f; }
.hpb-ab--brand a.hpb-ab__soc--tiktok    { background: #111111; }
.hpb-ab--brand a.hpb-ab__soc--whatsapp  { background: #25d366; }
.hpb-ab--brand a.hpb-ab__soc--telegram  { background: #2aabee; }
.hpb-ab--brand a.hpb-ab__soc--email     { background: #555555; }
.hpb-ab--brand a.hpb-ab__soc--website   { background: #555555; }

/* Un solo color (rojo de marca por defecto) */
.hpb-ab--mono a.hpb-ab__soc { background: var(--hpb-accent); }

/* Texto solo para lectores de pantalla */
.hpb-ab__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 600px) {
	.hpb-ab,
	.hpb-ab--right { flex-direction: column; text-align: center; }
	.hpb-ab__social { justify-content: center; }
}