/* Zaira Design System Button */

.zaira-btn-wrapper-2ce6ed08 {
	width: 100%;
}

/* Base */
.zaira-btn-2ce6ed08 {
	--zaira-petroleo-tinta: #2f6f6d;
	--zaira-petroleo-claro: #4f8a8a;
	--zaira-malva-profundo: #95617b;
	--zaira-oro: #d9b95c;
	--zaira-oro-hover: #c9a84e;
	--zaira-crema: #fbf8f4;
	--zaira-disabled-teal: #aec3c0;
	--zaira-disabled-malva: #d1bec7;
	--zaira-disabled-text: #b8cecb;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 16px 38px;
	border-radius: 999px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	text-decoration: none !important;
	cursor: pointer;
	box-sizing: border-box;
	border: 2px solid transparent;
	background: transparent;
	transition:
		background-color 0.25s ease,
		border-color 0.25s ease,
		color 0.25s ease,
		box-shadow 0.25s ease,
		transform 0.25s ease;
	appearance: none;
	-webkit-appearance: none;
}

.zaira-btn-2ce6ed08:hover {
	text-decoration: none !important;
	transform: translateY(-1px);
}

.zaira-btn-2ce6ed08:focus {
	outline: none;
}

.zaira-btn-2ce6ed08:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--zaira-oro);
}

/* Primario: Petróleo Tinta + Blanco */
.zaira-btn-primary-2ce6ed08 {
	background-color: var(--zaira-petroleo-tinta);
	border-color: var(--zaira-petroleo-tinta);
	color: #ffffff;
}

.zaira-btn-primary-2ce6ed08:hover {
	background-color: #285f5d;
	border-color: #285f5d;
	color: #ffffff;
}

/* Malva emocional: Malva profundo + Blanco */
.zaira-btn-malva-2ce6ed08 {
	background-color: var(--zaira-malva-profundo);
	border-color: var(--zaira-malva-profundo);
	color: #ffffff;
}

.zaira-btn-malva-2ce6ed08:hover {
	background-color: #85536d;
	border-color: #85536d;
	color: #ffffff;
}

/* Secundario: Contorno petróleo */
.zaira-btn-secondary-2ce6ed08 {
	background-color: transparent;
	border-color: var(--zaira-petroleo-claro);
	color: var(--zaira-petroleo-tinta);
}

.zaira-btn-secondary-2ce6ed08:hover {
	background-color: rgba(79, 138, 138, 0.08);
	border-color: var(--zaira-petroleo-tinta);
	color: var(--zaira-petroleo-tinta);
}

/* Terciario: Texto + línea oro */
.zaira-btn-tertiary-2ce6ed08 {
	min-height: 48px;
	padding: 12px 10px 10px;
	border-radius: 0;
	background-color: transparent;
	border: 0;
	border-bottom: 2px solid var(--zaira-oro);
	color: var(--zaira-petroleo-tinta);
}

.zaira-btn-tertiary-2ce6ed08:hover {
	background-color: transparent;
	color: #285f5d;
	border-bottom-color: var(--zaira-oro-hover);
	transform: translateY(-1px);
}

.zaira-btn-tertiary-2ce6ed08:focus-visible {
	box-shadow: 0 0 0 3px var(--zaira-oro);
}

/* Dorado: Oro + Petróleo Tinta */
.zaira-btn-gold-2ce6ed08 {
	background-color: var(--zaira-oro);
	border-color: var(--zaira-oro);
	color: var(--zaira-petroleo-tinta);
}

.zaira-btn-gold-2ce6ed08:hover {
	background-color: var(--zaira-oro-hover);
	border-color: var(--zaira-oro-hover);
	color: var(--zaira-petroleo-tinta);
}

/* Disabled base */
.zaira-btn-2ce6ed08.zaira-btn-disabled-2ce6ed08 {
	cursor: not-allowed;
	pointer-events: none;
	transform: none;
	box-shadow: none !important;
}

/* Disabled: Primario */
.zaira-btn-primary-2ce6ed08.zaira-btn-disabled-2ce6ed08 {
	background-color: var(--zaira-disabled-teal);
	border-color: var(--zaira-disabled-teal);
	color: #ffffff;
}

/* Disabled: Malva */
.zaira-btn-malva-2ce6ed08.zaira-btn-disabled-2ce6ed08 {
	background-color: var(--zaira-disabled-malva);
	border-color: var(--zaira-disabled-malva);
	color: #ffffff;
}

/* Disabled: Secundario */
.zaira-btn-secondary-2ce6ed08.zaira-btn-disabled-2ce6ed08 {
	background-color: transparent;
	border-color: var(--zaira-disabled-text);
	color: var(--zaira-disabled-text);
}

/* Disabled: Terciario */
.zaira-btn-tertiary-2ce6ed08.zaira-btn-disabled-2ce6ed08 {
	background-color: transparent;
	border-bottom-color: #e5d7a7;
	color: var(--zaira-disabled-text);
}

/* Disabled: Gold */
.zaira-btn-gold-2ce6ed08.zaira-btn-disabled-2ce6ed08 {
	background-color: #e5d7a7;
	border-color: #e5d7a7;
	color: var(--zaira-disabled-text);
}

/* Elementor editor reset */
.elementor-widget-zaira_button_2ce6ed08 a,
.elementor-widget-zaira_button_2ce6ed08 button {
	text-decoration: none !important;
}

.elementor-widget-zaira_button_2ce6ed08 button {
	font-family: inherit;
}