/**
 * Bloque destacado "Caso de éxito" en landings HTML (Canary Islands Consulting).
 * Incluir: <link rel="stylesheet" href="/css/infofase-caso-exito-teaser.css">
 */
.infofase-caso-exito-teaser {
	padding: 52px 0 48px;
	background: linear-gradient(165deg, #eef3f9 0%, #e2ebf5 45%, #dce6f2 100%);
	border-top: 1px solid rgba(15, 42, 68, 0.1);
	border-bottom: 1px solid rgba(15, 42, 68, 0.08);
}

.infofase-caso-exito-teaser--dark {
	background: linear-gradient(165deg, #1c2430 0%, #151b24 50%, #121820 100%);
	border-top-color: rgba(255, 255, 255, 0.08);
	border-bottom-color: rgba(255, 255, 255, 0.06);
}

.infofase-caso-exito-teaser__card {
	position: relative;
	display: flex;
	max-width: 920px;
	margin: 0 auto;
	background: #fff;
	border-radius: 18px;
	box-shadow:
		0 20px 50px rgba(15, 42, 68, 0.14),
		0 8px 24px rgba(242, 101, 34, 0.12),
		0 0 0 1px rgba(242, 101, 34, 0.18);
	overflow: hidden;
}

.infofase-caso-exito-teaser__accent {
	width: 8px;
	flex-shrink: 0;
	background: linear-gradient(180deg, #f26522 0%, #ff9a56 40%, #f26522 100%);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}

.infofase-caso-exito-teaser__body {
	padding: 26px 28px 28px 24px;
	flex: 1;
	min-width: 0;
}

.infofase-caso-exito-teaser__kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
	padding: 7px 14px 7px 12px;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #a34a0a;
	background: linear-gradient(135deg, #fff8f2 0%, #ffe8d9 100%);
	border: 1px solid rgba(242, 101, 34, 0.45);
	border-radius: 999px;
	box-shadow: 0 2px 8px rgba(242, 101, 34, 0.12);
}

.infofase-caso-exito-teaser__kicker::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22c55e;
	box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.35);
	animation: infofase-caso-pulse 2.2s ease-in-out infinite;
}

@keyframes infofase-caso-pulse {
	0%,
	100% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0.85;
		transform: scale(1.15);
	}
}

.infofase-caso-exito-teaser--srv .infofase-caso-exito-teaser__title {
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.infofase-caso-exito-teaser__title {
	margin: 0 0 12px;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: clamp(1.15rem, 2.2vw, 1.65rem);
	font-weight: 800;
	line-height: 1.28;
	color: #0c2342 !important;
	letter-spacing: -0.015em;
}

.infofase-caso-exito-teaser--dark .infofase-caso-exito-teaser__title {
	color: #0c2342 !important;
}

.infofase-caso-exito-teaser__text {
	margin: 0 0 20px;
	max-width: 680px;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 0.95rem;
	line-height: 1.65;
	color: #3d5266 !important;
}

.infofase-caso-exito-teaser__text a {
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.infofase-caso-exito-teaser__btn-wrap {
	margin-top: 4px;
}

@media (max-width: 640px) {
	.infofase-caso-exito-teaser {
		padding: 36px 16px 32px;
	}

	.infofase-caso-exito-teaser__body {
		padding: 18px 16px 20px 14px;
	}

	.infofase-caso-exito-teaser__card {
		border-radius: 14px;
		margin-left: 0;
		margin-right: 0;
		max-width: 100%;
	}
}