/*
 * Post Actualidad Hero — observatorio-cero-theme
 *
 * Styles for the post actualidad hero pattern (inc/patterns/post-actualidad-hero.php).
 * Transparent background, no image. Content: breadcrumb, classification tags,
 * title and publication date.
 *
 * Uses only CSS custom properties from theme.json / color-modes.css.
 */

/* ═══════════════════════════════════════════
 * Post Actualidad Hero — Container
 * ═══════════════════════════════════════════ */

.oc-hero-actualidad,
.hero-actualidad,
.oc-post-actualidad-hero {
	background: transparent;
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--outline-variant) var(--wp--custom--blend--hairline), transparent);
}

/* ═══════════════════════════════════════════
 * Breadcrumbs — hover consistent with site links
 * ═══════════════════════════════════════════ */

.oc-hero-actualidad .wp-block-breadcrumbs,
.oc-hero-actualidad .wp-block-breadcrumbs a,
.hero-actualidad .wp-block-breadcrumbs,
.hero-actualidad .wp-block-breadcrumbs a,
.oc-post-actualidad-hero .wp-block-breadcrumbs,
.oc-post-actualidad-hero .wp-block-breadcrumbs a {
	text-decoration: none;
	color: var(--wp--preset--color--on-surface-variant);
	transition:
		color var(--wp--custom--ui--interaction--medium),
		transform var(--wp--custom--ui--interaction--medium);
	display: inline-block;
	transform: translateX(0) scale(1);
}

.oc-hero-actualidad .wp-block-breadcrumbs a:hover,
.hero-actualidad .wp-block-breadcrumbs a:hover,
.oc-post-actualidad-hero .wp-block-breadcrumbs a:hover {
	color: var(--wp--preset--color--primary);
	transform: translateX(4px) scale(var(--wp--custom--ui--scale--text));
}

/* ═══════════════════════════════════════════
 * Classification Pills
 * ═══════════════════════════════════════════ */

.oc-post-actualidad-clasificaciones {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
}

.oc-post-actualidad-clasificaciones a {
	display: inline-flex;
	align-items: center;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
	border-radius: var(--wp--custom--border-radius--full);
	font-size: var(--wp--preset--font-size--label-md);
	font-weight: var(--wp--custom--typography--font-weight--label-md);
	text-transform: uppercase;
	letter-spacing: var(--wp--custom--typography--letter-spacing--label-sm);
	line-height: var(--wp--custom--typography--line-height--label-md);
	text-decoration: none;
	transition:
		background-color var(--wp--custom--ui--interaction--medium),
		color var(--wp--custom--ui--interaction--medium),
		transform var(--wp--custom--ui--interaction--medium);
	transform: translateX(0) scale(1);
}

.oc-post-actualidad-clasificaciones a:hover,
.oc-post-actualidad-clasificaciones a:focus-visible {
	transform: translateX(4px) scale(var(--wp--custom--ui--scale--text));
}

.oc-post-actualidad-clasificaciones a.oc-actualidad-clasificacion--evento,
.oc-post-actualidad-clasificaciones a.oc-actualidad-clasificacion--jornada {
	background-color: var(--wp--preset--color--primary-container);
	color: var(--wp--preset--color--on-primary-container);
}

.oc-post-actualidad-clasificaciones a.oc-actualidad-clasificacion--noticia,
.oc-post-actualidad-clasificaciones a.oc-actualidad-clasificacion--formacion {
	background-color: var(--wp--preset--color--secondary-container);
	color: var(--wp--preset--color--on-secondary-container);
}

.oc-post-actualidad-clasificaciones a.oc-actualidad-clasificacion--mesa-debate,
.oc-post-actualidad-clasificaciones a.oc-actualidad-clasificacion--colaboracion-institucional {
	background-color: var(--wp--preset--color--tertiary-container);
	color: var(--wp--preset--color--on-tertiary-container);
}

/* ═══════════════════════════════════════════
 * Metadata Row
 * ═══════════════════════════════════════════ */

.oc-post-actualidad-hero__meta {
	color: var(--wp--preset--color--on-surface-variant);
	font-size: var(--wp--preset--font-size--body-md);
	font-weight: var(--wp--custom--typography--font-weight--body-md);
	line-height: var(--wp--custom--typography--line-height--body-md);
}

.oc-post-actualidad-meta-item {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
}

.oc-post-actualidad-meta-item__label {
	color: var(--wp--preset--color--on-surface-variant);
	margin: 0;
}

.oc-post-actualidad-meta-item .wp-block-post-date,
.oc-post-actualidad-meta-item .oc-post-actualidad-meta-item__label {
	color: var(--wp--preset--color--on-surface-variant);
	font-size: var(--wp--preset--font-size--body-sm);
	font-weight: inherit;
	line-height: inherit;
}

/* ═══════════════════════════════════════════
 * Reduced Motion
 * ═══════════════════════════════════════════ */

@media (prefers-reduced-motion: reduce) {
	.oc-post-actualidad-hero .wp-block-breadcrumbs a {
		transition: none;
		transform: none !important;
	}
}