/**
 * CTAs Profic — Figma component sets
 *
 * Boton (estados): Default fill #4F10CD → Hover ghost #090511 + stroke #4F10CD
 *   → Pressed glass white 8% / stroke white 22%
 *   ON_HOVER: Smart Animate, EASE_IN, 0.3s (fill/borde; sin translate/scale/glow)
 *
 * Boton IA: Default fill #B71694 → Hover ghost #090511 + stroke #B71694
 *   → Pressed glass white 8% / stroke white 22%
 *   ON_HOVER: Smart Animate, SLOW, ~1.25s
 */

/* ---------------------------------------------------------------------------
   Boton (púrpura) — Hero, Casos, Partner, Contacto, Header, Inner Hero
   --------------------------------------------------------------------------- */
.profic-hero-btn,
.profic-casos-exito-global-btn,
.profic-partner-btn,
.profic-form-submit-btn,
.profic-menu-btn,
.profic-inner-hero-btn,
.profic-btn-pill .elementor-button {
	font-family: "Amsi Pro", sans-serif;
	font-weight: 600; /* AmsiPro-SemiBold */
	font-style: normal;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0;
	height: 50px;
	min-height: 50px;
	border-radius: 53px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 15px 24px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	background-color: #4f10cd;
	/* borde transparente en default para que Pressed (1.6px) no salte de layout */
	border: 1.6px solid transparent;
	box-shadow: none;
	white-space: nowrap;
	box-sizing: border-box;
	cursor: pointer;
	transform: none;
	transition: background-color 0.3s ease-in, border-color 0.3s ease-in, color 0.3s ease-in, box-shadow 0.3s ease-in;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.profic-hero-btn:hover,
.profic-hero-btn:focus-visible,
.profic-casos-exito-global-btn:hover,
.profic-casos-exito-global-btn:focus-visible,
.profic-partner-btn:hover,
.profic-partner-btn:focus-visible,
.profic-form-submit-btn:hover,
.profic-form-submit-btn:focus-visible,
.profic-menu-btn:hover,
.profic-menu-btn:focus-visible,
.profic-inner-hero-btn:hover,
.profic-inner-hero-btn:focus-visible,
.profic-btn-pill .elementor-button:hover,
.profic-btn-pill .elementor-button:focus-visible {
	background-color: #090511;
	background-image: none;
	color: #ffffff;
	border-color: #4f10cd;
	box-shadow: none;
	filter: none;
	transform: none;
}

/* Pressed — fill white 8% + stroke white 22% @ 1.6px */
.profic-hero-btn:active,
.profic-casos-exito-global-btn:active,
.profic-partner-btn:active,
.profic-form-submit-btn:active,
.profic-menu-btn:active,
.profic-menu-btn.is-pressed,
.profic-inner-hero-btn:active,
.profic-btn-pill .elementor-button:active {
	background-color: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.22);
	box-shadow: none;
	transform: none;
	color: #ffffff;
}

.profic-form-submit-btn:disabled,
.profic-form-submit-btn.loading {
	opacity: 0.5;
	cursor: not-allowed;
	transform: none !important;
}

.profic-form-submit-btn:disabled:hover,
.profic-form-submit-btn.loading:hover {
	background-color: #4f10cd;
	border-color: transparent;
}

/* ---------------------------------------------------------------------------
   Boton IA (magenta) — SEO en IA CTA
   Figma Slow ≈ cubic-bezier(0.15, 0, 0.15, 1), duration 1.25s
   --------------------------------------------------------------------------- */
.profic-seo-ia-cta-btn {
	font-family: "Amsi Pro", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0;
	height: 50px;
	min-height: 50px;
	border-radius: 53px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 15px 24px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	background-color: #b71694;
	border: 1.6px solid transparent;
	box-shadow: none;
	white-space: nowrap;
	box-sizing: border-box;
	cursor: pointer;
	transform: none;
	transition: background-color 1.25s cubic-bezier(0.15, 0, 0.15, 1),
		border-color 1.25s cubic-bezier(0.15, 0, 0.15, 1);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.profic-seo-ia-cta-btn:hover,
.profic-seo-ia-cta-btn:focus-visible {
	background-color: #090511;
	background-image: none;
	color: #ffffff;
	border-color: #b71694;
	box-shadow: none;
	filter: none;
	transform: none;
}

.profic-seo-ia-cta-btn:active {
	background-color: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.22);
	box-shadow: none;
	transform: none;
	color: #ffffff;
}

@media (prefers-reduced-motion: reduce) {
	.profic-hero-btn,
	.profic-casos-exito-global-btn,
	.profic-partner-btn,
	.profic-form-submit-btn,
	.profic-menu-btn,
	.profic-inner-hero-btn,
	.profic-btn-pill .elementor-button,
	.profic-seo-ia-cta-btn {
		transition-duration: 0.01ms !important;
	}
}