/* =============================================================================
   Seccion CDE — caso de éxito
   Desktop 372:4352 1280×2160 · Tablet 372:4563 800 · Mobile 372:4771 375
   ============================================================================= */

.elementor-widget-profic_seccion_cde,
.elementor-widget-profic_seccion_cde > .elementor-widget-container {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: visible !important;
}

.profic-scde {
	position: relative;
	isolation: isolate;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	box-sizing: border-box;
	padding: 100px 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #ffffff;
	font-family: "Amsi Pro", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	background-color: #090511;
	background-image:
		radial-gradient(97.81% 57.99% at -1.45% 116.77%, #090511 0%, #090511 48.38%, rgba(9, 5, 17, 0) 100%),
		conic-gradient(from 76.64deg at -30.16% 54.42%, #090511 0deg, #5d0fec 154.17deg, #090511 283.23deg, #2b096b 326deg, #090511 360deg);
	box-shadow: 0 -24px 60.7px rgba(9, 5, 17, 0.65);
}

.profic-scde-bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	overflow: hidden;
}

.profic-scde-ellipse {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54.53%;
	height: 64.58%;
}

.profic-scde-ellipse-spin {
	position: relative;
	flex: none;
	width: 100%;
	height: 100%;
}

.profic-scde-ellipse--r {
	left: 78.91%;
	top: 20%;
}

.profic-scde-ellipse--r .profic-scde-ellipse-spin {
	transform: rotate(180deg);
}

.profic-scde-ellipse--l {
	left: -25.39%;
	top: 30%;
}

.profic-scde-ellipse svg {
	position: absolute;
	inset: -7.1% -14.18% -7.1% 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
}

.profic-scde-inner {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1040px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 30px;
}

.profic-scde-row {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 30px;
	width: 100%;
}

.profic-scde-card {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	background: rgba(9, 5, 17, 0.47);
	border: 1px solid #4f10cd;
	border-radius: 44px;
	overflow: visible;
}

.profic-scde-card.variant-wide-copy,
.profic-scde-card.variant-wide-stats {
	min-height: 550px;
	height: 550px;
}

.profic-scde-card.variant-half {
	flex: 1 1 0;
	min-width: 0;
	height: 800px;
}

.profic-scde-card-inner {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 42px;
	box-sizing: border-box;
	overflow: visible;
}

.profic-scde-card.variant-wide-copy .profic-scde-card-inner,
.profic-scde-card.variant-wide-stats .profic-scde-card-inner {
	padding: 68px 0;
}

.profic-scde-card.variant-wide-copy .profic-scde-card-inner {
	background-image: radial-gradient(
		ellipse 55% 70% at 80% 47%,
		rgba(93, 15, 236, 0.5) 0%,
		rgba(72, 13, 181, 0.375) 25%,
		rgba(51, 10, 127, 0.25) 50%,
		rgba(9, 5, 17, 0) 100%
	);
}

.profic-scde-card.variant-wide-stats .profic-scde-card-inner {
	background-image: radial-gradient(
		ellipse 55% 70% at 18% 45%,
		rgba(93, 15, 236, 0.5) 0%,
		rgba(72, 13, 181, 0.375) 25%,
		rgba(51, 10, 127, 0.25) 50%,
		rgba(9, 5, 17, 0) 100%
	);
}

.profic-scde-card.variant-half .profic-scde-card-inner {
	flex-direction: column;
	justify-content: center;
	gap: 24px;
	padding: 40px 0;
	background-image: radial-gradient(
		ellipse 90% 50% at 50% 68%,
		rgba(93, 15, 236, 0.3) 0%,
		rgba(72, 13, 181, 0.225) 25%,
		rgba(9, 5, 17, 0) 100%
	);
}

.profic-scde-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 30px;
	min-width: 0;
	position: relative;
	z-index: 2;
}

.profic-scde-card.variant-wide-copy .profic-scde-copy {
	flex: 1 1 0;
	padding-left: 60px;
	padding-right: 20px;
}

.profic-scde-card.variant-wide-stats .profic-scde-copy {
	flex: 1 1 0;
	padding-right: 30px;
	gap: 30px;
	height: 385px;
}

.profic-scde-card.variant-half .profic-scde-copy {
	box-sizing: border-box;
	width: 100%;
	max-width: 505px;
	align-items: center;
	gap: 24px;
	padding: 0 30px;
	text-align: center;
}

.profic-scde-logo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.profic-scde-card.variant-half .profic-scde-logo {
	width: 445px;
	max-width: 100%;
	height: 47px;
	justify-content: center;
}

.profic-scde-card.mockup-laptop .profic-scde-logo img {
	width: 185px;
	height: 47px;
	max-width: none;
}

.profic-scde-card.mockup-iphone .profic-scde-logo img {
	width: 154px;
	height: 30px;
	max-width: none;
}

.profic-scde-card.variant-wide-stats .profic-scde-logo {
	width: 157px;
	height: 42px;
	overflow: hidden;
}

.profic-scde-card.variant-wide-stats .profic-scde-logo img {
	width: 157px;
	height: 42px;
	max-width: none;
}

.profic-scde-logo img {
	display: block;
	width: auto;
	max-width: 200px;
	object-fit: contain;
}

.profic-scde h2.profic-scde-title,
.profic-scde-title {
	margin: 0;
	display: flex;
	align-items: center;
	font-family: "Amsi Pro", sans-serif;
	font-style: normal;
	font-weight: 300; /* amsi-pro.css → AmsiPro-Light */
	font-size: 36px;
	line-height: 1.2;
	letter-spacing: 0;
	color: #ffffff;
}

.profic-scde-card.variant-wide-copy .profic-scde-title {
	width: 567px;
	max-width: 100%;
	min-height: 130px;
}

.profic-scde-card.variant-wide-stats .profic-scde-title {
	width: 535px;
	max-width: 100%;
	min-height: 86px;
}

.profic-scde-card.variant-half .profic-scde-title {
	justify-content: center;
	text-align: center;
	width: 445px;
	max-width: 100%;
	min-height: 130px;
}

.profic-scde-desc {
	margin: 0;
	display: flex;
	align-items: center;
	font-family: "Amsi Pro", sans-serif;
	font-style: normal;
	font-weight: 300; /* AmsiPro-Light */
	font-size: 17px;
	line-height: 1.5;
	letter-spacing: 0.01em;
	color: #ffffff;
}

.profic-scde-card.variant-wide-copy .profic-scde-desc {
	width: 567px;
	max-width: 100%;
	min-height: 104px;
}

.profic-scde-card.variant-half .profic-scde-cta-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 445px;
	max-width: 100%;
	height: 50px;
}

.profic-scde-stats {
	display: grid;
	grid-template-columns: 157px 157px;
	column-gap: 25px;
	padding-bottom: 12px;
	width: max-content;
}

.profic-scde-stats-values,
.profic-scde-stats-labels {
	display: contents;
}

.profic-scde-stat-val {
	font-family: "Amsi Pro", sans-serif;
	font-style: normal;
	font-weight: 200; /* AmsiPro-XLight */
	font-size: 64px;
	line-height: 1.2;
	letter-spacing: 0;
	white-space: nowrap;
	background-image: linear-gradient(180deg, #4700d6 0%, #7235eb 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.profic-scde-stat-lbl {
	font-family: "Amsi Pro", sans-serif;
	font-style: normal;
	font-weight: 400; /* AmsiPro-Regular */
	font-size: 13px;
	line-height: 1.24;
	letter-spacing: 0;
	color: #969696;
	width: 157px;
}

.profic-scde-cta {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 50px;
	padding: 15px 24px;
	border: none;
	border-radius: 53px;
	background-color: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	font-family: "Amsi Pro", sans-serif;
	font-style: normal;
	font-weight: 300; /* AmsiPro-Light */
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0;
	text-decoration: none;
	white-space: nowrap;
}

.profic-scde-cta::after {
	content: "";
	position: absolute;
	inset: 0;
	border: 1.6px solid rgba(255, 255, 255, 0.22);
	border-radius: inherit;
	pointer-events: none;
}

.profic-scde-cta:hover,
.profic-scde-cta:focus-visible {
	background-color: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

.profic-scde-visual {
	position: relative;
	flex-shrink: 0;
	overflow: visible;
}

.profic-scde-visual-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.profic-scde-card.mockup-phone .profic-scde-visual {
	width: 413px;
	height: 413px;
	border-radius: 60px;
}

.profic-scde-card.mockup-phone .profic-scde-visual-inner {
	display: flex;
	align-items: center;
	justify-content: center;
}

.profic-scde-card.mockup-phone .profic-scde-mockup-stage,
.profic-scde-card.mockup-phone .profic-scde-mockup {
	width: 201px;
	height: 413px;
}

/* Boomit: Frame B 445×413, wrapper 582×563, img 445×387 rotada 31.72° */
.profic-scde-card.mockup-ipad .profic-scde-visual {
	width: 445px;
	height: 413px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
}

.profic-scde-card.mockup-ipad .profic-scde-visual-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 581.998px;
	height: 563.153px;
}

.profic-scde-card.mockup-ipad .profic-scde-mockup-stage {
	flex: none;
	width: 445px;
	height: 387px;
	transform: rotate(31.72deg);
	transform-origin: center center;
}

.profic-scde-card.mockup-ipad .profic-scde-mockup {
	width: 445px;
	height: 387px;
}

/* Guru / DTParts Frame B: flex-1, inner p-30, chart absoluto vs ese inner */
.profic-scde-card.mockup-laptop .profic-scde-visual,
.profic-scde-card.mockup-iphone .profic-scde-visual {
	flex: 1 1 0;
	width: 100%;
	min-height: 0;
	border-radius: 60px;
}

.profic-scde-card.mockup-laptop .profic-scde-visual-inner,
.profic-scde-card.mockup-iphone .profic-scde-visual-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	box-sizing: border-box;
	padding: 30px;
	overflow: visible;
}

.profic-scde-card.mockup-laptop .profic-scde-mockup-stage,
.profic-scde-card.mockup-laptop .profic-scde-mockup {
	width: 367px;
	height: 370px;
	position: relative;
	z-index: 1;
	flex: none;
}

.profic-scde-card.mockup-iphone .profic-scde-mockup-stage,
.profic-scde-card.mockup-iphone .profic-scde-mockup {
	width: 185px;
	height: 372px;
	position: relative;
	z-index: 1;
	flex: none;
}

.profic-scde-mockup {
	display: block;
	object-fit: cover;
	max-width: none;
}

.profic-scde-chart {
	position: absolute;
	pointer-events: none;
	z-index: 0;
	max-width: none;
	object-fit: fill;
}

.profic-scde-card.mockup-laptop .profic-scde-chart {
	left: 197px;
	top: 0;
	width: 220px;
	height: 228px;
}

.profic-scde-card.mockup-iphone .profic-scde-chart {
	left: 44px;
	top: 30px;
	width: 417.321px;
	height: 330.609px;
}

/* TABLET 800–1279 */
@media (min-width: 800px) and (max-width: 1279px) {
	.profic-scde {
		padding: 100px 94px;
	}

	.profic-scde-ellipse {
		width: 612px;
		height: 1223px;
	}

	.profic-scde-ellipse-spin {
		width: 612px;
		height: 1223px;
	}

	.profic-scde-ellipse--r {
		left: 437px;
		top: 1454px;
	}

	.profic-scde-ellipse--l {
		left: -325px;
		top: 128px;
	}

	.profic-scde-card {
		overflow: hidden;
	}

	.profic-scde-card-inner {
		height: auto;
		overflow: hidden;
	}

	.profic-scde-card.variant-wide-copy,
	.profic-scde-card.variant-wide-stats {
		height: auto;
		min-height: 0;
	}

	.profic-scde-card.variant-wide-copy .profic-scde-card-inner,
	.profic-scde-card.variant-wide-stats .profic-scde-card-inner {
		flex-direction: column;
		padding: 50px 0;
		gap: 30px;
	}

	.profic-scde-card.variant-wide-copy .profic-scde-copy,
	.profic-scde-card.variant-wide-stats .profic-scde-copy {
		padding: 0 50px;
		flex: none;
		width: 100%;
		height: auto;
		align-items: flex-start;
	}

	.profic-scde-card.variant-wide-copy .profic-scde-title,
	.profic-scde-card.variant-wide-copy .profic-scde-desc,
	.profic-scde-card.variant-wide-stats .profic-scde-title {
		width: auto;
		min-height: 0;
	}

	.profic-scde-card.variant-wide-copy .profic-scde-visual,
	.profic-scde-card.mockup-ipad .profic-scde-visual {
		order: -1;
	}

	.profic-scde-card.mockup-phone .profic-scde-visual {
		width: 290px;
		height: auto;
	}

	.profic-scde-card.mockup-phone .profic-scde-mockup-stage,
	.profic-scde-card.mockup-phone .profic-scde-mockup {
		width: 173.36px;
		height: 356.81px;
	}

	.profic-scde-card.mockup-ipad .profic-scde-visual {
		width: 276.25px;
		height: 293.25px;
		order: -1;
		overflow: hidden;
	}

	.profic-scde-card.mockup-ipad .profic-scde-visual-inner {
		width: 378.25px;
		height: 328.57px;
	}

	.profic-scde-card.mockup-ipad .profic-scde-mockup-stage,
	.profic-scde-card.mockup-ipad .profic-scde-mockup {
		width: 378.25px;
		height: 328.57px;
	}

	.profic-scde-card.variant-half {
		height: auto;
		min-height: 0;
		overflow: hidden;
	}

	.profic-scde-card.variant-half .profic-scde-card-inner {
		height: auto;
		padding: 60px 0 0;
		gap: 30px;
		overflow: hidden;
	}

	.profic-scde-card.variant-half .profic-scde-copy {
		align-items: flex-start;
		text-align: left;
		padding: 0 24px;
		max-width: none;
		flex: none;
	}

	.profic-scde-card.variant-half .profic-scde-logo,
	.profic-scde-card.variant-half .profic-scde-title,
	.profic-scde-card.variant-half .profic-scde-cta-wrap {
		width: auto;
		max-width: 100%;
		min-height: 0;
		height: auto;
	}

	.profic-scde-card.variant-half .profic-scde-title {
		text-align: left;
		justify-content: flex-start;
	}

	.profic-scde-card.mockup-iphone .profic-scde-copy {
		align-items: center;
		text-align: center;
	}

	.profic-scde-card.mockup-iphone .profic-scde-title {
		text-align: center;
		justify-content: center;
	}

	.profic-scde-card.mockup-laptop .profic-scde-visual,
	.profic-scde-card.mockup-iphone .profic-scde-visual {
		flex: none;
		width: 100%;
		min-height: 0;
		height: auto;
		overflow: hidden;
	}

	.profic-scde-card.mockup-laptop .profic-scde-visual-inner,
	.profic-scde-card.mockup-iphone .profic-scde-visual-inner {
		width: 100%;
		height: auto;
		padding: 16px 12px 28px;
		box-sizing: border-box;
	}

	.profic-scde-card.mockup-laptop .profic-scde-mockup-stage {
		width: min(256.9px, 100%);
		height: auto;
	}

	.profic-scde-card.mockup-laptop .profic-scde-mockup {
		width: 100%;
		height: auto;
		aspect-ratio: 256.9 / 258.62;
	}

	.profic-scde-card.mockup-laptop .profic-scde-chart {
		left: 54%;
		top: 10%;
		width: 34%;
		max-width: 104px;
		height: auto;
		aspect-ratio: 104 / 108;
	}

	.profic-scde-card.mockup-iphone .profic-scde-mockup-stage {
		width: min(138.75px, 48%);
		height: auto;
	}

	.profic-scde-card.mockup-iphone .profic-scde-mockup {
		width: 100%;
		height: auto;
		aspect-ratio: 138.75 / 278.4;
	}

	.profic-scde-card.mockup-iphone .profic-scde-chart {
		left: 4%;
		top: 18%;
		width: 80%;
		max-width: 233px;
		height: auto;
		aspect-ratio: 233 / 185;
	}
}

/* MOBILE < 800 */
@media (max-width: 799px) {
	.profic-scde {
		padding: 100px 14px;
		overflow-x: hidden;
	}

	.profic-scde-ellipse {
		width: 287px;
		height: 574px;
	}

	.profic-scde-ellipse-spin {
		width: 287px;
		height: 574px;
	}

	.profic-scde-ellipse--r {
		left: 200px;
		top: 1252px;
	}

	.profic-scde-ellipse--l {
		left: -180px;
		top: 425px;
	}

	.profic-scde-row {
		flex-direction: column;
	}

	.profic-scde-card {
		overflow: hidden;
	}

	.profic-scde-card-inner {
		height: auto;
		overflow: hidden;
	}

	.profic-scde-card.variant-wide-copy,
	.profic-scde-card.variant-wide-stats,
	.profic-scde-card.variant-half {
		height: auto;
		min-height: 0;
		width: 100%;
		flex: none;
	}

	.profic-scde-card.variant-wide-copy .profic-scde-card-inner,
	.profic-scde-card.variant-wide-stats .profic-scde-card-inner {
		flex-direction: column;
		padding: 50px 0;
		gap: 30px;
	}

	.profic-scde-card.variant-half .profic-scde-card-inner {
		padding: 40px 0 0;
		gap: 24px;
	}

	.profic-scde-card.variant-wide-copy .profic-scde-copy,
	.profic-scde-card.variant-wide-stats .profic-scde-copy,
	.profic-scde-card.variant-half .profic-scde-copy {
		padding: 0 30px;
		align-items: center;
		text-align: center;
		width: 100%;
		max-width: none;
		height: auto;
		flex: none;
	}

	.profic-scde-title,
	.profic-scde-desc,
	.profic-scde-card.variant-half .profic-scde-title,
	.profic-scde-card.variant-wide-copy .profic-scde-title,
	.profic-scde-card.variant-wide-copy .profic-scde-desc,
	.profic-scde-card.variant-wide-stats .profic-scde-title {
		text-align: center;
		justify-content: center;
		width: auto;
		max-width: 100%;
		min-height: 0;
	}

	.profic-scde-card.variant-half .profic-scde-logo,
	.profic-scde-card.variant-half .profic-scde-cta-wrap {
		width: auto;
		max-width: 100%;
		height: auto;
	}

	.profic-scde-cta-wrap {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.profic-scde-stats {
		grid-template-columns: 107px 107px;
		column-gap: 24px;
		width: auto;
	}

	.profic-scde-stat-lbl {
		width: 107px;
	}

	.profic-scde-card.mockup-phone .profic-scde-visual {
		width: 287px;
		max-width: 100%;
		height: 287px;
		order: -1;
		overflow: hidden;
	}

	.profic-scde-card.mockup-phone .profic-scde-mockup-stage,
	.profic-scde-card.mockup-phone .profic-scde-mockup {
		width: 139.68px;
		height: 287.48px;
		max-width: 100%;
	}

	.profic-scde-card.mockup-ipad .profic-scde-visual {
		width: 287px;
		max-width: 100%;
		height: 266px;
		order: -1;
		overflow: hidden;
	}

	.profic-scde-card.mockup-ipad .profic-scde-visual-inner {
		width: 287px;
		height: 249.3px;
	}

	.profic-scde-card.mockup-ipad .profic-scde-mockup-stage,
	.profic-scde-card.mockup-ipad .profic-scde-mockup {
		width: 287px;
		height: 249.3px;
		max-width: 100%;
	}

	.profic-scde-card.mockup-laptop .profic-scde-visual,
	.profic-scde-card.mockup-iphone .profic-scde-visual {
		flex: none;
		width: 100%;
		min-height: 0;
		height: auto;
		overflow: hidden;
	}

	.profic-scde-card.mockup-laptop .profic-scde-visual-inner,
	.profic-scde-card.mockup-iphone .profic-scde-visual-inner {
		width: 100%;
		height: auto;
		padding: 12px 20px 28px;
		box-sizing: border-box;
	}

	.profic-scde-card.mockup-laptop .profic-scde-mockup-stage {
		width: min(227px, 100%);
		height: auto;
	}

	.profic-scde-card.mockup-laptop .profic-scde-mockup {
		width: 100%;
		height: auto;
		aspect-ratio: 227 / 228.52;
	}

	.profic-scde-card.mockup-laptop .profic-scde-chart {
		left: 58%;
		top: 6%;
		width: 32%;
		max-width: 93px;
		height: auto;
		aspect-ratio: 93 / 96;
	}

	.profic-scde-card.mockup-iphone .profic-scde-mockup-stage {
		width: min(185px, 58%);
		height: auto;
	}

	.profic-scde-card.mockup-iphone .profic-scde-mockup {
		width: 100%;
		height: auto;
		aspect-ratio: 185 / 372;
	}

	.profic-scde-card.mockup-iphone .profic-scde-chart {
		left: 6%;
		top: 16%;
		width: 88%;
		max-width: 100%;
		height: auto;
		aspect-ratio: 289 / 229;
	}
}
