#soluciones .practice-card-list {
	perspective: 1200px;
	perspective-origin: center;
}

#soluciones .practice-card-link {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: block;
	border-radius: inherit;
	text-decoration: none;
	cursor: pointer;
}

#soluciones .practice-card-link:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -4px;
}

#soluciones [data-practice-card-tilt]:focus-within {
	border-color: #fff;
	box-shadow: 0 18px 46px rgba(0, 172, 255, 0.16);
}

#soluciones [data-practice-card-tilt] {
	--practice-glare-x: 50%;
	--practice-glare-y: 50%;
	position: relative;
	transform-style: preserve-3d;
	transform-origin: center;
	backface-visibility: hidden;
	z-index: 1;
	transition: border-color 260ms ease, box-shadow 260ms ease;
}

#soluciones [data-practice-card-tilt]::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	border-radius: inherit;
	background: radial-gradient(
		circle at var(--practice-glare-x) var(--practice-glare-y),
		rgba(157, 225, 255, 0.2) 0%,
		rgba(79, 172, 217, 0.08) 26%,
		transparent 58%
	);
	opacity: 0;
	pointer-events: none;
	transition: opacity 260ms ease;
}

#soluciones [data-practice-card-tilt].practice-card-tilt-ready {
	will-change: transform;
}

#soluciones [data-practice-card-tilt].is-tilting::after {
	opacity: 1;
}

#soluciones [data-practice-card-tilt]:hover,
#soluciones [data-practice-card-tilt].is-tilting {
	z-index: 3;
	border-color: #fff;
	box-shadow: 0 18px 46px rgba(0, 172, 255, 0.16);
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
	#soluciones [data-practice-card-tilt] {
		transform: none !important;
	}

	#soluciones [data-practice-card-tilt]::after {
		display: none;
	}
}