/* End Custom Fonts CSS */

.elementor-kit-6529 {
	--e-global-color-primary: #7bc6bb;
	--e-global-color-secondary: #f3f1e6;
	--e-global-color-text: #606060;
	--e-global-color-accent: #7bc6bb;
	--e-global-typography-primary-font-family: "Plus jakarta";
	--e-global-typography-primary-font-weight: 900;
	--e-global-typography-secondary-font-family: "Plus jakarta";
	--e-global-typography-secondary-font-weight: 700;
	--e-global-typography-text-font-family: "Promt";
	--e-global-typography-text-font-weight: 500;
	--e-global-typography-accent-font-family: "Promt";
	--e-global-typography-accent-font-weight: 500;
}

.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1140px;
}

.e-con {
	--container-max-width: 1140px;
}

.elementor-widget:not(:last-child) {
	margin-block-end: 20px;
}

.elementor-element {
	--widgets-spacing: 20px 20px;
	--widgets-spacing-row: 20px;
	--widgets-spacing-column: 20px;
}

h1.entry-title {
	display: var(--page-title-display);
}

@media (max-width:1024px) {
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 1024px;
	}
	
	.e-con {
		--container-max-width: 1024px;
	}
}

@media (max-width:767px) {
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 767px;
	}
	
	.e-con {
		--container-max-width: 767px;
	}
}

/* Start custom CSS */
.rm-button .elementor-button-content-wrapper {
	align-items: center;
	display: flex;
	justify-content: center;
}

.rm-button .elementor-button {
	position: relative;
	overflow: hidden;
	z-index: 0;
	background-color: #7bc6bb !important;
	/* Color original visible desde el inicio */
	transition: transform .7s ease;
	color: #fff;
}

.rm-button .elementor-button:hover {
	transform: translateX(6px) scale(1);
}

/* Ola de color amarillo que entra desde la derecha */
.rm-button .elementor-button::before {
	content: "";
	position: absolute;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	background: #fcd957;
	border-radius: inherit;
	transition: right .5s ease;
	z-index: -1;
}

/* Al hacer hover o clic, entra la ola */
.rm-button .elementor-button:hover::before, .rm-button .elementor-button:active::before {
	right: 0;
}

/* Para mantener el texto visible sobre el amarillo */
.rm-button .elementor-button:hover .elementor-button-text {
	color: white;
}

.rm-button-wht .elementor-button-content-wrapper {
	align-items: center;
	display: flex;
	justify-content: center;
}

.rm-button-wht .elementor-button {
	position: relative;
	overflow: hidden;
	z-index: 0;
	background-color: white !important;
	/* Color original visible desde el inicio */
	transition: transform .7s ease;
	color: #7bc6bb;
}

.rm-button-wht .elementor-button:hover {
	transform: translateX(6px) scale(1);
}

/* Ola de color amarillo que entra desde la derecha */
.rm-button-wht .elementor-button::before {
	content: "";
	position: absolute;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	background: #fcd957;
	border-radius: inherit;
	transition: right .5s ease;
	z-index: -1;
}

/* Al hacer hover o clic, entra la ola */
.rm-button-wht .elementor-button:hover::before, .rm-button .elementor-button:active::before {
	right: 0;
}

/* Para mantener el texto visible sobre el amarillo */
.rm-button-wht .elementor-button:hover .elementor-button-text {
	color: white;
}