/* HacerPerú Blocks - estilos compartidos entre bloques */
.hpb-block {
	--hpb-accent: #b91c1c;
	--hpb-line: #e5e5e5;
	--hpb-text: #1a1a1a;
	--hpb-meta: #2b2b2b;
	--hpb-card-bg: #fff;
	--hpb-card-border: #ececec;
	box-sizing: border-box;
	width: 100%;
}
.hpb-block *,
.hpb-block *::before,
.hpb-block *::after { box-sizing: inherit; }

.hpb-block a { text-decoration: none; }

/* Título de sección con barra de acento */
.hpb-section-title {
	position: relative;
	margin: 0 0 14px;
	padding: 0 0 8px;
	border-bottom: 3px solid var(--hpb-line);
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
	color: var(--hpb-text);
}
.hpb-section-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 50px;
	height: 3px;
	background: var(--hpb-accent);
}

/* Etiqueta de categoría */
.hpb-block .hpb-cat {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 3px 10px;
	background: var(--hpb-accent);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
}
.hpb-block .hpb-cat--text {
	padding: 0;
	background: none;
	color: var(--hpb-accent);
}

/* Título de entrada */
.hpb-block .hpb-title { margin: 0; padding: 0; line-height: 1.4; }
.hpb-block .hpb-title a { color: inherit; font: inherit; }

/* Metadatos */
.hpb-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
	font-size: 12px;
	line-height: 1.4;
	color: var(--hpb-meta);
}
.hpb-meta__item { display: inline-flex; align-items: center; gap: 5px; }
.hpb-meta__item svg { width: 14px; height: 14px; flex: none; }
.hpb-meta a { position: relative; z-index: 2; color: inherit; }

/* Enlace que cubre toda la tarjeta (decorativo, el enlace real es el título) */
.hpb-card-link { position: absolute; inset: 0; z-index: 1; }

/* Imágenes */
.hpb-img--empty { display: block; width: 100%; height: 100%; background: #e3e3e3; }

/* Campos personalizados (ACF) en la metadata */
.hpb-meta__label { font-weight: 600; }
.hpb-meta__acf { align-items: baseline; }