/**
 * HIDROLIT — Author Box (single posts)
 *
 * Antes inline en single.php y polka-author-linkedin.php.
 * Movido a archivo externo para reducir peso del HTML.
 * Se encola SOLO en single posts via enqueue.php (handle: hlp-author-box).
 */

/* ── Bloque celeste "Por – nombre del autor – bio" ───────────── */
.hlp-author-intro{background:linear-gradient(135deg,#f0f6ff 0%,#e8f2ff 100%);border-top:1px solid #d6e8ff;border-bottom:1px solid #d6e8ff;padding:2rem 0;margin-bottom:2.5rem}
.hlp-author-intro__card{display:flex;align-items:center;gap:1.5rem}
.hlp-author-intro__avatar-wrap{position:relative;flex-shrink:0}
.hlp-author-intro__avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;display:block;position:relative;z-index:1;box-shadow:0 4px 16px rgba(2,60,127,.18)}
.hlp-author-intro__avatar-ring{position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,#023C7F,#449FDC);z-index:0}
.hlp-author-intro__info{display:flex;flex-direction:column;gap:.2rem}
.hlp-author-intro__by{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#449FDC;line-height:1}
.hlp-author-intro__name{font-size:1.15rem;font-weight:800;color:#023C7F;line-height:1.2;margin:0}
.hlp-author-intro__bio{font-size:.9rem;color:#4a5568;line-height:1.6;margin:.4rem 0 0;max-width:540px}
@media(max-width:640px){
	.hlp-author-intro__card{gap:1rem}
	.hlp-author-intro__avatar{width:64px;height:64px}
	.hlp-author-intro__name{font-size:1rem}
	.hlp-author-intro__bio{font-size:.85rem}
}

/* ── Pill LinkedIn (botón azul brand dentro del bloque celeste) ── */
.polka-author-linkedin{
	display:inline-flex;
	align-items:center;
	gap:.45rem;
	margin:0;
	padding:.45rem .9rem;
	font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
	font-size:.78rem;
	font-weight:700;
	line-height:1;
	letter-spacing:.02em;
	color:#023C7F;
	background:#ffffff;
	border:1.5px solid #023C7F;
	border-radius:999px;
	text-decoration:none !important;
	cursor:pointer;
	vertical-align:middle;
	transition:background-color .2s ease, color .2s ease,
	           border-color .2s ease, transform .15s ease,
	           box-shadow .2s ease;
}
.polka-author-linkedin:hover,
.polka-author-linkedin:focus-visible{
	background:#023C7F;
	color:#ffffff;
	border-color:#023C7F;
	transform:translateY(-1px);
	box-shadow:0 4px 12px rgba(2,60,127,.22);
}
.polka-author-linkedin:focus-visible{
	outline:2px solid #449FDC;
	outline-offset:2px;
}
.polka-author-linkedin:active{
	transform:translateY(0);
	box-shadow:0 2px 6px rgba(2,60,127,.18);
}
.polka-author-linkedin__icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:14px;
	height:14px;
}
.polka-author-linkedin__svg{
	display:block;
}
.polka-author-linkedin__label{
	white-space:nowrap;
}
/* Posicionamiento dentro del bloque celeste de autor.
   El padre .hlp-author-intro__info es flex column, así que
   el pill no se estira a 100%. */
.hlp-author-intro__info .polka-author-linkedin{
	align-self:flex-start;
	margin-top:.55rem;
}
@media (max-width:640px){
	.hlp-author-intro__info .polka-author-linkedin{
		margin-top:.45rem;
		font-size:.74rem;
		padding:.4rem .8rem;
	}
}