/*
 * CMH Optimización de Conversiones
 * Capa visual no destructiva.
 */

#cmh-home {
	--cmh-action-bg: #171717;
	--cmh-action-text: #ffffff;
	--cmh-action-hover: #956c2e;
	--cmh-action-ring: rgba(183, 134, 62, .42);
}

/* CTA globales */
#cmh-home .cmh-global-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 12px 22px;
	border: 0;
	border-radius: 999px;
	background: var(--cmh-action-bg);
	color: var(--cmh-action-text);
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 10px 26px rgba(0, 0, 0, .14);
	transition:
		transform .2s ease,
		box-shadow .2s ease,
		background .2s ease;
}

#cmh-home .cmh-global-cta:hover {
	transform: translateY(-2px);
	background: var(--cmh-action-hover);
	color: #fff;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .2);
}

#cmh-home .cmh-global-cta:focus-visible,
#cmh-home a:focus-visible,
#cmh-home button:focus-visible {
	outline: 3px solid var(--cmh-action-ring);
	outline-offset: 3px;
}

/* Área táctil accesible */
#cmh-home .cmh-touch-target {
	min-height: 44px;
}

/* Imágenes más estables durante la carga */
#cmh-home img {
	max-width: 100%;
	height: auto;
}

/* Animaciones suaves */
#cmh-home .cmh-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition:
		opacity .65s ease,
		transform .65s ease;
}

#cmh-home .cmh-reveal.cmh-reveal-visible,
#cmh-home .cmh-reveal-visible {
	opacity: 1;
	transform: none;
}

/* Microinteracciones consistentes */
#cmh-home .cmh-project-card,
#cmh-home .cmh-inspiration-card,
#cmh-home .cmh-alianzas-profile {
	transition:
		transform .25s ease,
		box-shadow .25s ease,
		border-color .25s ease;
}

#cmh-home .cmh-project-card:hover,
#cmh-home .cmh-inspiration-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
}

/* Mejor lectura en móvil */
@media (max-width: 780px) {
	#cmh-home .cmh-global-cta {
		width: 100%;
	}

	#cmh-home h1,
	#cmh-home h2,
	#cmh-home h3 {
		overflow-wrap: anywhere;
	}

	#cmh-home section {
		scroll-margin-top: 72px;
	}
}

@media (prefers-reduced-motion: reduce) {
	#cmh-home *,
	#cmh-home *::before,
	#cmh-home *::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}

	#cmh-home .cmh-reveal {
		opacity: 1;
		transform: none;
	}
}