/* ==========================================================================
   observatorio-cero/static-card — style.css
   ========================================================================== */

/* Base */
.wp-block-observatorio-cero-static-card {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	text-decoration: none;
	color: var(--wp--preset--color--on-surface);
	transition:
		background-color var(--wp--custom--mode-transitions--duration) var(--wp--custom--mode-transitions--timing),
		border-color var(--wp--custom--mode-transitions--duration) var(--wp--custom--mode-transitions--timing),
		box-shadow var(--wp--custom--mode-transitions--duration) var(--wp--custom--mode-transitions--timing);
}

.wp-block-observatorio-cero-static-card[data-modal-target] {
	cursor: pointer;
}

/* Universal Hover Zoom/Scale for Icon Images — overflow hidden on container prevents box expansion */
.wp-block-observatorio-cero-static-card.oc-card--variant-idea .oc-card-image,
.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured .oc-card-image,
.wp-block-observatorio-cero-static-card.oc-card--variant-action .oc-card-image,
.wp-block-observatorio-cero-static-card.oc-card--variant-stat .oc-card-image,
.wp-block-observatorio-cero-static-card.oc-card--variant-idea figure,
.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured figure,
.wp-block-observatorio-cero-static-card.oc-card--variant-action figure,
.wp-block-observatorio-cero-static-card.oc-card--variant-stat figure {
	overflow: hidden;
	border-radius: var(--wp--custom--border-radius--lg);
	display: flex;
	justify-content: center;
	align-items: center;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-idea .oc-card-image img,
.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured .oc-card-image img,
.wp-block-observatorio-cero-static-card.oc-card--variant-action .oc-card-image img,
.wp-block-observatorio-cero-static-card.oc-card--variant-stat .oc-card-image img,
.wp-block-observatorio-cero-static-card.oc-card--variant-idea figure img,
.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured figure img,
.wp-block-observatorio-cero-static-card.oc-card--variant-action figure img,
.wp-block-observatorio-cero-static-card.oc-card--variant-stat figure img {
	max-width: 96px;
	max-height: 96px;
	width: auto;
	height: auto;
	object-fit: contain;
	margin: 0 auto;
	transition: transform var(--wp--custom--image-zoom--duration, 0.7s) ease;
}

@media (max-width: 767px) {
	.wp-block-observatorio-cero-static-card.oc-card--variant-idea .oc-card-image img,
	.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured .oc-card-image img,
	.wp-block-observatorio-cero-static-card.oc-card--variant-action .oc-card-image img,
	.wp-block-observatorio-cero-static-card.oc-card--variant-stat .oc-card-image img,
	.wp-block-observatorio-cero-static-card.oc-card--variant-idea figure img,
	.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured figure img,
	.wp-block-observatorio-cero-static-card.oc-card--variant-action figure img,
	.wp-block-observatorio-cero-static-card.oc-card--variant-stat figure img {
		max-width: 80px;
		max-height: 80px;
		margin-bottom: var(--wp--preset--spacing--20);
	}
}

.wp-block-observatorio-cero-static-card:hover .oc-card-image img,
.wp-block-observatorio-cero-static-card:hover .wp-block-image img,
.wp-block-observatorio-cero-static-card:hover figure img,
.wp-block-observatorio-cero-static-card:focus-within .oc-card-image img,
.wp-block-observatorio-cero-static-card:focus-within .wp-block-image img,
.wp-block-observatorio-cero-static-card:focus-within figure img {
	transform: scale(var(--wp--custom--image-zoom--scale, 1.1));
}

.wp-block-observatorio-cero-static-card .wp-block-outermost-icon-block {
	transition: transform var(--wp--custom--ui--interaction--medium, 0.3s) ease,
	            color var(--wp--custom--ui--interaction--medium, 0.3s) ease;
}

.wp-block-observatorio-cero-static-card .wp-block-outermost-icon-block svg,
.wp-block-observatorio-cero-static-card svg {
	fill: currentColor;
}

.wp-block-observatorio-cero-static-card .wp-block-outermost-icon-block svg path,
.wp-block-observatorio-cero-static-card svg path {
	fill: currentColor;
}

.wp-block-observatorio-cero-static-card:hover .wp-block-outermost-icon-block {
	transform: scale(var(--wp--custom--ui--scale--hover, 1.08));
}

/* ------------------------------------------------------------------
   Variante: idea
   (layout centrado con elemento gráfico + título + descripción.
   Absorbe la funcionalidad de `idea-card` y la antigua `idea-popup`)
   ------------------------------------------------------------------ */
.wp-block-observatorio-cero-static-card.oc-card--variant-idea {
	align-items: center;
	text-align: center;
	padding: var(--wp--preset--spacing--60);
	background-color: var(--wp--preset--color--surface-container-low);
	border: var(--wp--custom--ui--decoration--border) solid var(--wp--preset--color--outline-variant);
	border-radius: var(--wp--custom--border-radius--xl);
	min-height: var(--wp--custom--ui--sizes--card-min-height);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-idea:hover,
.wp-block-observatorio-cero-static-card.oc-card--variant-idea:focus-visible {
	background-color: var(--wp--preset--color--surface-container);
	border-color: var(--wp--preset--color--primary);
	box-shadow: var(--wp--preset--shadow--elevated);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-idea:focus-visible {
	outline: var(--wp--custom--ui--focus--width) solid var(--wp--preset--color--primary);
	outline-offset: var(--wp--custom--ui--focus--offset);
}

/* Icono circular en variante idea */
.wp-block-observatorio-cero-static-card.oc-card--variant-idea .wp-block-outermost-icon-block {
	width: var(--wp--custom--ui--sizes--badge);
	height: var(--wp--custom--ui--sizes--badge);
	border-radius: var(--wp--custom--border-radius--full);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto var(--wp--preset--spacing--50);
	background-color: var(--wp--preset--color--surface-container);
	border: 1px solid var(--wp--preset--color--outline-variant);
	color: var(--wp--preset--color--primary);
	box-shadow: var(--wp--preset--shadow--soft);
	transition: transform var(--wp--custom--mode-transitions--duration) var(--wp--custom--mode-transitions--timing),
	            background-color var(--wp--custom--mode-transitions--duration) var(--wp--custom--mode-transitions--timing),
	            border-color var(--wp--custom--mode-transitions--duration) var(--wp--custom--mode-transitions--timing);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-idea:hover .wp-block-outermost-icon-block {
	transform: scale(var(--wp--custom--ui--scale--medium));
	background-color: var(--wp--preset--color--surface-container-high);
	border-color: var(--wp--preset--color--primary);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-idea .wp-block-outermost-icon-block svg {
	width: var(--wp--custom--ui--sizes--icon-xl);
	height: var(--wp--custom--ui--sizes--icon-xl);
	flex-shrink: 0;
	fill: currentColor;
}

[data-theme="high-contrast"] .wp-block-observatorio-cero-static-card.oc-card--variant-idea .wp-block-outermost-icon-block {
	border: 1.5px solid var(--wp--preset--color--outline);
}

/* Variante: idea-featured */
.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured {
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
	border-radius: var(--wp--custom--border-radius--xl);
	border: var(--wp--custom--ui--decoration--border) solid var(--wp--preset--color--outline-variant);
	background-color: var(--wp--preset--color--surface-container-low);
	transition:
		background-color var(--wp--custom--mode-transitions--duration) var(--wp--custom--mode-transitions--timing),
		border-color var(--wp--custom--mode-transitions--duration) var(--wp--custom--mode-transitions--timing),
		box-shadow var(--wp--custom--mode-transitions--duration) var(--wp--custom--mode-transitions--timing);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured:hover,
.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured:focus-visible {
	background-color: var(--wp--preset--color--surface-container);
	border-color: var(--wp--preset--color--primary);
	box-shadow: var(--wp--preset--shadow--elevated);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured:focus-visible {
	outline: var(--wp--custom--ui--focus--width) solid var(--wp--preset--color--primary);
	outline-offset: var(--wp--custom--ui--focus--offset);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured .wp-block-columns {
	align-items: center;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured .wp-block-column:first-child {
	flex-basis: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured .wp-block-column:first-child > *,
.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured .wp-block-column:first-child .wp-block-outermost-icon-block,
.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured .wp-block-column:first-child .wp-block-image,
.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured .wp-block-column:first-child figure {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-idea-featured .wp-block-column:last-child {
	flex-basis: 80%;
}

/* Variante: action */
.wp-block-observatorio-cero-static-card.oc-card--variant-action {
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
	background-color: var(--wp--preset--color--surface-container);
	border: var(--wp--custom--ui--decoration--border) solid transparent;
	border-radius: var(--wp--custom--border-radius--lg);
	min-height: var(--wp--custom--ui--sizes--card-min-height);
	box-shadow: var(--wp--preset--shadow--soft);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-action:hover,
.wp-block-observatorio-cero-static-card.oc-card--variant-action:focus-visible {
	background-color: var(--wp--preset--color--surface-container-high);
	border-color: var(--wp--preset--color--primary);
	box-shadow: var(--wp--preset--shadow--elevated);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-action:focus-visible {
	outline: var(--wp--custom--ui--focus--width) solid var(--wp--preset--color--primary);
	outline-offset: var(--wp--custom--ui--focus--offset);
}

[data-theme="dark"] .wp-block-observatorio-cero-static-card.oc-card--variant-action {
	border-color: var(--wp--preset--color--outline-variant);
}

[data-theme="high-contrast"] .wp-block-observatorio-cero-static-card.oc-card--variant-action {
	border-color: var(--wp--preset--color--outline);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-action .oc-static-card__content,
.wp-block-observatorio-cero-static-card.oc-card--variant-action .block-editor-block-list__layout {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-action .wp-block-outermost-icon-block,
.wp-block-observatorio-cero-static-card.oc-card--variant-action .wp-block-image,
.wp-block-observatorio-cero-static-card.oc-card--variant-action figure {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-action .wp-block-outermost-icon-block {
	width: var(--wp--custom--ui--sizes--icon-2xl);
	height: var(--wp--custom--ui--sizes--icon-2xl);
	color: var(--wp--preset--color--primary);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-action:hover .wp-block-outermost-icon-block,
.wp-block-observatorio-cero-static-card.oc-card--variant-action:focus-visible .wp-block-outermost-icon-block {
	color: var(--wp--preset--color--primary);
	transform: scale(var(--wp--custom--ui--scale--medium, 1.05));
}

.wp-block-observatorio-cero-static-card.oc-card--variant-action .wp-block-outermost-icon-block svg {
	width: var(--wp--custom--ui--sizes--icon-2xl);
	height: var(--wp--custom--ui--sizes--icon-2xl);
	flex-shrink: 0;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-action .wp-block-heading,
.wp-block-observatorio-cero-static-card.oc-card--variant-action .wp-block-paragraph {
	margin: 0;
	text-align: center;
}

/* Variante: media-vertical */
.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical {
	border-radius: var(--wp--custom--border-radius--lg);
	overflow: hidden;
	border: var(--wp--custom--ui--decoration--border) solid var(--wp--preset--color--outline-variant);
	background-color: var(--wp--preset--color--surface-container-low);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical:hover,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical:focus-visible {
	background-color: var(--wp--preset--color--surface-container);
	border-color: var(--wp--preset--color--primary);
	box-shadow: var(--wp--preset--shadow--elevated);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical:focus-visible {
	outline: var(--wp--custom--ui--focus--width) solid var(--wp--preset--color--primary);
	outline-offset: var(--wp--custom--ui--focus--offset);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical > .wp-block-image,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical .oc-card-image,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical figure {
	margin: 0;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical > .wp-block-image img,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical .oc-card-image img,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical figure img {
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center;
	transition: transform var(--wp--custom--image-zoom--duration, 0.3s) ease;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical:hover > .wp-block-image img,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical:hover .oc-card-image img {
	transform: scale(var(--wp--custom--image-zoom--scale));
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical > .wp-block-heading,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical > .wp-block-group > .wp-block-heading {
	font-size: var(--wp--preset--font-size--headline-md);
	font-weight: var(--wp--custom--typography--font-weight--headline-md);
	color: var(--wp--preset--color--on-surface);
	text-align: center;
	margin: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50) var(--wp--preset--spacing--30);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical > .wp-block-paragraph,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical > .wp-block-list,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical > .wp-block-group > .wp-block-paragraph,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical > .wp-block-group > .wp-block-list {
	color: var(--wp--preset--color--on-surface-variant);
	font-size: var(--wp--preset--font-size--body-sm);
	line-height: var(--wp--custom--typography--line-height--body-sm);
	margin: 0 var(--wp--preset--spacing--50) var(--wp--preset--spacing--30);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-vertical > .wp-block-group {
	padding: 0 var(--wp--preset--spacing--50) var(--wp--preset--spacing--50);
}

/* Variante: media-horizontal */
.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--wp--preset--spacing--50);
	border-radius: var(--wp--custom--border-radius--xl);
	padding: var(--wp--preset--spacing--40);
	background-color: transparent;
	border: var(--wp--custom--ui--decoration--border) solid transparent;
	overflow: hidden;
	width: 100%;
	transition:
		background-color var(--wp--custom--mode-transitions--duration) var(--wp--custom--mode-transitions--timing),
		border-color var(--wp--custom--mode-transitions--duration) var(--wp--custom--mode-transitions--timing),
		box-shadow var(--wp--custom--mode-transitions--duration) var(--wp--custom--mode-transitions--timing);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal.is-position-right,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal.is-position-right .wp-block-columns {
	flex-direction: row-reverse;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal:hover,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal:focus-visible {
	background-color: var(--wp--preset--color--surface-container);
	border-color: var(--wp--preset--color--primary);
	box-shadow: var(--wp--preset--shadow--elevated);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal:focus-visible {
	outline: var(--wp--custom--ui--focus--width) solid var(--wp--preset--color--primary);
	outline-offset: var(--wp--custom--ui--focus--offset);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-columns {
	align-items: center;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column {
	margin: 0;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column > .wp-block-image,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column > .wp-block-group > .wp-block-image,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column .oc-card-image,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column figure {
	margin: 0;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: var(--wp--custom--border-radius--lg);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column > .wp-block-image img,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column > .wp-block-group > .wp-block-image img,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column .oc-card-image img,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column figure img {
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform var(--wp--custom--image-zoom--duration, 0.3s) ease;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal:hover .wp-block-column > .wp-block-image img,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal:hover .wp-block-column > .wp-block-group > .wp-block-image img,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal:hover .wp-block-column .oc-card-image img,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal:hover .wp-block-column figure img {
	transform: scale(var(--wp--custom--image-zoom--scale, 1.1));
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column .wp-block-heading {
	font-size: var(--wp--preset--font-size--headline-md);
	font-weight: var(--wp--custom--typography--font-weight--headline-md);
	color: var(--wp--preset--color--on-surface);
	margin: 0 0 var(--wp--preset--spacing--30);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column .wp-block-paragraph,
.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column .wp-block-list {
	color: var(--wp--preset--color--on-surface-variant);
	font-size: var(--wp--preset--font-size--body-lg);
	line-height: var(--wp--custom--typography--line-height--body-lg);
	margin: 0 0 var(--wp--preset--spacing--30);
}

@media (max-width: 767px) {
	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-columns {
		flex-direction: column;
	}

	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column {
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
	}

	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column .oc-card-image,
	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column figure {
		width: 100%;
		max-width: 100%;
		height: auto;
		aspect-ratio: var(--wp--custom--ui--aspect-ratio--video, 16 / 9);
		margin-bottom: var(--wp--preset--spacing--30);
	}

	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column .oc-card-image img,
	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column figure img {
		width: 100%;
		height: 100%;
		max-width: 100%;
		object-fit: cover;
	}
}

/* Variante: stat */
.wp-block-observatorio-cero-static-card.oc-card--variant-stat {
	padding: var(--wp--preset--spacing--30);
	border-radius: var(--wp--custom--border-radius--md);
	background-color: var(--wp--preset--color--surface-container-low);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-stat .wp-block-columns {
	align-items: center;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-stat .wp-block-column .wp-block-outermost-icon-block {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--wp--preset--color--primary);
}

.wp-block-observatorio-cero-static-card.oc-card--variant-stat .wp-block-column .wp-block-outermost-icon-block svg {
	width: var(--wp--preset--spacing--60);
	height: var(--wp--preset--spacing--60);
	fill: currentColor;
}

.wp-block-observatorio-cero-static-card.oc-card--variant-stat .wp-block-heading {
	margin: 0;
}

/* Imagen de tarjeta (clase BEM aplicada por editor via InnerBlocks) */
.wp-block-observatorio-cero-static-card .oc-card-image {
	border-radius: var(--wp--custom--border-radius--lg);
	overflow: hidden;
}

/* ==========================================================================
   Inversión CSS — Iconos e Imágenes en Modos Dark / High-Contrast
   ========================================================================== */

/* 1. Transición suave al conmutar temas */
.wp-block-observatorio-cero-static-card img {
	transition: filter var(--wp--custom--mode-transitions--duration) var(--wp--custom--mode-transitions--timing);
}

/* 2. Inversión en modo Oscuro (sólo con la clase .has-inverse en imágenes raster) */
[data-theme="dark"] .wp-block-observatorio-cero-static-card.has-inverse img {
	filter: invert(1) brightness(1.5);
}

/* 3. Inversión en modo Alto Contraste (sólo con la clase .has-inverse en imágenes raster) */
[data-theme="high-contrast"] .wp-block-observatorio-cero-static-card.has-inverse img {
	filter: invert(1) brightness(2);
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 782px) {
	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal {
		flex-direction: column;
	}

	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-columns {
		flex-direction: column;
	}

	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column:first-child {
		flex-basis: 100% !important;
		max-width: 100%;
	}

	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column:last-child {
		flex-basis: 100% !important;
	}

	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column > .wp-block-image,
	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column > .wp-block-group > .wp-block-image,
	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column .oc-card-image {
		width: 128px;
		height: 128px;
		margin: 0 auto;
	}

	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column > .wp-block-image img,
	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column > .wp-block-group > .wp-block-image img,
	.wp-block-observatorio-cero-static-card.oc-card--variant-media-horizontal .wp-block-column .oc-card-image img {
		width: 128px;
		height: 128px;
	}
}

/* Accesibilidad: sin animaciones */
@media (prefers-reduced-motion: reduce) {
	.wp-block-observatorio-cero-static-card,
	.wp-block-observatorio-cero-static-card .oc-card-image,
	.wp-block-observatorio-cero-static-card .wp-block-outermost-icon-block,
	.wp-block-observatorio-cero-static-card .wp-block-image img {
		transition: none !important;
		transform: none !important;
	}
}