/**
 * Tokens de diseño MOWOMO Care — extraídos del export de Figma Make.
 * Usar estas variables en el CSS de cada bloque en vez de valores sueltos.
 */
*,
*::before,
*::after {
	box-sizing: border-box;
}

:root {
	--mowomo-red: #ea445a;
	--mowomo-red-dark: #c73349;
	--mowomo-red-light: #fff5f6;
	--mowomo-red-mid: #fde8eb;

	--mowomo-dark: #111111;
	--mowomo-dark-mid: #1e0a0d;
	--mowomo-text: #444444;
	--mowomo-muted: #888888;
	--mowomo-border: rgba(0, 0, 0, 0.07);

	--mowomo-white: #ffffff;
	--mowomo-bg: #ffffff;
	--mowomo-bg-alt: #f9f9f9;

	--mowomo-radius: 1rem;

	--mowomo-font-heading: 'Plus Jakarta Sans', sans-serif;
	--mowomo-font-body: 'Inter', sans-serif;
}

html {
	scroll-behavior: smooth;
}

html,
body {
	overflow-x: hidden;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

#servicio,
#caracteristicas,
#precios,
#faq,
#contacto {
	scroll-margin-top: 100px;
}