/**
 * EstoresDirecto — small reusable utility classes.
 *
 * Kept deliberately minimal — this is not a utility-first framework, just a
 * handful of primitives that would otherwise be duplicated inline. See
 * project-docs/05-components.md.
 */

.ed-text-muted {
	color: var(--ed-color-muted);
}

.ed-text-center {
	text-align: center;
}

.ed-flow > * + * {
	margin-top: var(--ed-space-sm);
}

.ed-hidden {
	display: none !important;
}

@media (max-width: 767px) {
	.ed-hide-mobile {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.ed-hide-desktop {
		display: none !important;
	}
}

/*
 * Section background modifiers — reusable across any page that needs the
 * alternating white / light-neutral / dark-graphite rhythm (see
 * 02-design-system.md). First used on the Home page; promoted here rather
 * than kept page-scoped since future informational pages need the same
 * rhythm.
 */
.ed-section--alt {
	background-color: var(--ed-color-surface-alt);
}

.ed-section--dark {
	background-color: var(--ed-color-graphite);
	color: var(--ed-color-graphite-muted);
}

.ed-section--dark h1,
.ed-section--dark h2,
.ed-section--dark h3,
.ed-section--dark h4 {
	color: #ffffff;
}