body.dpe-platforms-enhanced .page-builder-template {
	background:
		linear-gradient(180deg, #f7fbff 0%, #eefbf6 48%, #ffffff 100%);
}

body.dpe-platforms-enhanced .elementor-2084 {
	position: relative;
	overflow: hidden;
	padding: 54px 20px 72px;
}

body.dpe-platforms-enhanced .elementor-2084::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(26, 45, 98, .06) 1px, transparent 1px),
		linear-gradient(0deg, rgba(46, 202, 127, .07) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent 82%);
	pointer-events: none;
}

body.dpe-platforms-enhanced .elementor-2084 .e-6f77300 {
	position: relative;
	z-index: 1;
	max-width: 1140px;
	margin: 0 auto;
	gap: 28px;
	align-items: stretch;
}

body.dpe-platforms-enhanced .elementor-2084 .e-3b6ef84,
body.dpe-platforms-enhanced .elementor-2084 .e-3b74746 {
	width: calc(50% - 14px);
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-widget-flip-box {
	--dpe-card-accent: #2eca7f;
	--dpe-card-accent-2: #1a2d62;
	--dpe-card-highlight: #f6b844;
	--dpe-pointer-x: 50%;
	--dpe-pointer-y: 50%;
	--dpe-tilt-x: 0deg;
	--dpe-tilt-y: 0deg;
	position: relative;
	min-height: 360px;
	border-radius: 8px;
	isolation: isolate;
	transform:
		perspective(900px)
		rotateX(var(--dpe-tilt-y))
		rotateY(var(--dpe-tilt-x))
		translateY(0);
	transform-style: preserve-3d;
	transition: transform .28s ease, filter .28s ease;
	will-change: transform;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-element-6913755 {
	--dpe-card-accent: #1a2d62;
	--dpe-card-accent-2: #2eca7f;
	--dpe-card-highlight: #42b6ff;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-widget-flip-box:hover,
body.dpe-platforms-enhanced .elementor-2084 .elementor-widget-flip-box:focus-within {
	filter: drop-shadow(0 24px 30px rgba(26, 45, 98, .18));
	transform:
		perspective(900px)
		rotateX(var(--dpe-tilt-y))
		rotateY(var(--dpe-tilt-x))
		translateY(-8px);
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-widget-flip-box::before {
	content: attr(data-dpe-platform-label);
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 6;
	max-width: calc(100% - 36px);
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: 999px;
	background: rgba(255, 255, 255, .18);
	color: #ffffff;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .04em;
	backdrop-filter: blur(10px);
	pointer-events: none;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-widget-flip-box::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 5;
	border-radius: 8px;
	background:
		radial-gradient(
			circle at var(--dpe-pointer-x) var(--dpe-pointer-y),
			rgba(255, 255, 255, .42),
			rgba(255, 255, 255, .14) 18%,
			transparent 38%
		);
	opacity: 0;
	mix-blend-mode: screen;
	pointer-events: none;
	transition: opacity .22s ease;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-widget-flip-box:hover::after,
body.dpe-platforms-enhanced .elementor-2084 .elementor-widget-flip-box:focus-within::after {
	opacity: 1;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box {
	min-height: 360px;
	border-radius: 8px;
	overflow: visible;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__layer {
	border: 1px solid rgba(26, 45, 98, .08);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 18px 45px rgba(26, 45, 98, .12);
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__front {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .18), transparent 40%),
		linear-gradient(135deg, var(--dpe-card-accent) 0%, var(--dpe-card-accent-2) 100%) !important;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__front::before,
body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__back::before {
	content: "";
	position: absolute;
	inset: 18px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 8px;
	pointer-events: none;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__front::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 42%;
	height: 42%;
	background:
		linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, .16) 100%);
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
	pointer-events: none;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__back {
	background:
		linear-gradient(135deg, rgba(26, 45, 98, .96), rgba(17, 29, 67, .98)) !important;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__back::after {
	content: "Acceso seguro a la plataforma";
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 30px;
	color: rgba(255, 255, 255, .7);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.25;
	text-align: center;
	pointer-events: none;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__layer__overlay {
	padding: 42px 36px !important;
	background: transparent !important;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__layer__inner {
	display: flex;
	min-height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-icon-wrapper {
	width: 82px;
	height: 82px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4px;
	border: 1px solid rgba(255, 255, 255, .34);
	border-radius: 8px;
	background: rgba(255, 255, 255, .16);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 15px 30px rgba(0, 0, 0, .12);
	transition: transform .25s ease, background .25s ease;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-widget-flip-box:hover .elementor-icon-wrapper,
body.dpe-platforms-enhanced .elementor-2084 .elementor-widget-flip-box:focus-within .elementor-icon-wrapper {
	background: rgba(255, 255, 255, .22);
	transform: translateY(-4px) scale(1.04);
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-icon {
	color: #ffffff !important;
	font-size: 42px !important;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-icon svg {
	width: 42px !important;
	height: 42px !important;
	fill: currentColor !important;
	filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .18));
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__layer__title {
	margin: 0 !important;
	color: #ffffff !important;
	font-size: 28px !important;
	font-weight: 900 !important;
	line-height: 1.12 !important;
	letter-spacing: 0 !important;
	text-shadow: 0 6px 18px rgba(0, 0, 0, .18);
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__layer__description {
	max-width: 460px;
	margin: 0 auto !important;
	color: rgba(255, 255, 255, .9) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__button.elementor-button {
	position: relative;
	z-index: 2;
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0 24px !important;
	border: 1px solid rgba(255, 255, 255, .52) !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	color: #1a2d62 !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
	transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__button.elementor-button::after {
	content: ">";
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: var(--dpe-card-accent);
	color: #ffffff;
	font-size: 14px;
	font-weight: 900;
	transition: transform .22s ease, background .22s ease;
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__button.elementor-button:hover,
body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__button.elementor-button:focus-visible {
	background: var(--dpe-card-highlight) !important;
	color: #111d43 !important;
	box-shadow: 0 18px 34px rgba(0, 0, 0, .24);
	outline: none;
	transform: translateY(-2px);
}

body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__button.elementor-button:hover::after,
body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__button.elementor-button:focus-visible::after {
	background: #111d43;
	transform: translateX(3px);
}

@media (max-width: 991px) {
	body.dpe-platforms-enhanced .elementor-2084 {
		padding: 42px 18px 58px;
	}

	body.dpe-platforms-enhanced .elementor-2084 .e-6f77300 {
		gap: 22px;
	}

	body.dpe-platforms-enhanced .elementor-2084 .elementor-widget-flip-box,
	body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box {
		min-height: 330px;
	}

	body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__layer__title {
		font-size: 25px !important;
	}
}

@media (max-width: 767px) {
	body.dpe-platforms-enhanced .elementor-2084 {
		padding: 32px 14px 46px;
	}

	body.dpe-platforms-enhanced .elementor-2084 .e-6f77300 {
		flex-direction: column;
	}

	body.dpe-platforms-enhanced .elementor-2084 .e-3b6ef84,
	body.dpe-platforms-enhanced .elementor-2084 .e-3b74746 {
		width: 100%;
	}

	body.dpe-platforms-enhanced .elementor-2084 .elementor-widget-flip-box,
	body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box {
		min-height: 315px;
	}

	body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__layer__overlay {
		padding: 36px 22px !important;
	}

	body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__layer__title {
		font-size: 23px !important;
	}

	body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__layer__description {
		font-size: 15px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.dpe-platforms-enhanced .elementor-2084 .elementor-widget-flip-box,
	body.dpe-platforms-enhanced .elementor-2084 .elementor-icon-wrapper,
	body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__button.elementor-button,
	body.dpe-platforms-enhanced .elementor-2084 .elementor-flip-box__button.elementor-button::after {
		transition: none;
	}
}