/*
 * Manifesto Section — observatorio-cero-theme
 *
 * Styles for the manifesto section (.oc-manifesto).
 * Uses utility classes from utils.css (Layer 2):
 *   .oc-glass           — glassmorphism effect (E1), applied to image wrap
 *   .oc-read-more-hover — "read more" link hover (H3), applied to link
 *
 * Component-specific styles (link colors, image aspect ratio) remain here.
 */

/* Image inside the frame */
.oc-manifesto .wp-block-image {
	margin: 0;
}

.oc-manifesto .wp-block-image img {
	object-fit: cover;
	aspect-ratio: 4 / 5;
	width: 100%;
	display: block;
}

/* "Read more" link — base layout only.
 * Hover animation handled by .oc-read-more-hover utility in utils.css */
.oc-manifesto__link.wp-block-paragraph a,
.oc-manifesto__link a {
	color: var(--wp--preset--color--primary);
	font-weight: var(--wp--custom--typography--font-weight--display-lg);
	text-decoration: none;
}

/* Mobile: ocultar columna de imagen, texto full-width */
@media (max-width: 767px) {
	.oc-manifesto .wp-block-columns .wp-block-column:last-child {
		display: none;
	}
	.oc-manifesto .wp-block-columns .wp-block-column:first-child {
		flex-basis: 100% !important;
	}
}