/* ============================================
   SVC 02 — DEFINICION
   Widget: webc-02-definicion
   ============================================ */

.svc-definicion {
	padding: var(--webc__section-padding-y);
	background-color: var(--webc__color-white);
}

.svc-definicion__container {
	max-width: 820px;
	margin: 0 auto;
}

.svc-definicion__titulo {
	font-family: var(--webc__font-display);
	font-size: var(--webc__font-size-2xl);
	font-weight: var(--webc__font-weight-bold);
	color: var(--webc__color-primary);
	margin: 0 0 var(--webc__spacing-xl) 0;
	line-height: var(--webc__line-height-tight);
}

.svc-definicion__texto {
	font-family: var(--webc__font-text);
	font-size: var(--webc__font-size-md);
	color: var(--webc__color-text);
	line-height: var(--webc__line-height-relaxed);
}

.svc-definicion__texto p {
	margin: 0 0 var(--webc__spacing-md) 0;
}

.svc-definicion__diferenciacion {
	margin-top: var(--webc__spacing-xl);
	padding: var(--webc__spacing-lg);
	background-color: var(--webc__color-primary-light);
	border-radius: 8px;
}

.svc-definicion__diferenciacion-label {
	display: inline-block;
	font-family: var(--webc__font-text);
	font-size: var(--webc__font-size-xs);
	font-weight: var(--webc__font-weight-semibold);
	color: var(--webc__color-primary);
	text-transform: uppercase;
	letter-spacing: var(--webc__letter-spacing-wider);
	margin-bottom: var(--webc__spacing-sm);
}

.svc-definicion__diferenciacion p {
	margin: 0;
	font-family: var(--webc__font-text);
	font-size: var(--webc__font-size-base);
	color: var(--webc__color-secondary);
	line-height: var(--webc__line-height-normal);
}

.svc-definicion__dato {
	display: flex;
	gap: var(--webc__spacing-md);
	margin-top: var(--webc__spacing-xl);
	padding: var(--webc__spacing-md) var(--webc__spacing-lg);
	background-color: var(--webc__color-white);
	border-left: 4px solid var(--webc__color-accent);
	border-radius: 4px;
}

.svc-definicion__dato-icon {
	width: 24px;
	height: 24px;
	color: var(--webc__color-accent);
	flex-shrink: 0;
	margin-top: 2px;
}

.svc-definicion__dato p {
	margin: 0;
	font-family: var(--webc__font-text);
	font-size: var(--webc__font-size-base);
	color: var(--webc__color-secondary);
	font-style: italic;
	line-height: var(--webc__line-height-normal);
}