.h2ofm-funnel-shell .h2ofm-choice-icon svg {
	width: var(--h2ofm-option-icon-size, 30px);
	height: var(--h2ofm-option-icon-size, 30px);
}

.h2ofm-funnel-shell h2 {
	font-size: var(--h2ofm-h2-size, 34px);
	color: var(--h2ofm-h2-color, inherit);
}

.h2ofm-funnel-shell h3 {
	font-size: var(--h2ofm-h3-size, 27px);
	color: var(--h2ofm-h3-color, inherit);
}

.h2ofm-funnel-shell h4 {
	font-size: var(--h2ofm-h4-size, 21px);
	color: var(--h2ofm-h4-color, inherit);
}

.h2ofm-funnel-shell .h2ofm-step-intro {
	color: var(--h2ofm-intro-color, inherit);
}

.h2ofm-funnel-shell h2.h2ofm-step-intro {
	font-size: var(--h2ofm-h2-size, 34px);
	color: var(--h2ofm-h2-color, inherit);
}

.h2ofm-funnel-shell .h2ofm-intro-name {
	font-weight: 700;
	color: var(--h2ofm-intro-name-color, inherit);
}

.h2ofm-funnel-shell .h2ofm-multiple-hint {
	font-weight: inherit;
	color: inherit;
}

.h2ofm-funnel-shell .h2ofm-choice {
	justify-content: flex-start !important;
}

.h2ofm-funnel-shell .h2ofm-choice-heading {
	margin: 0;
	padding: 0;
	display: flex;
	min-width: 0;
}

.h2ofm-funnel-shell .h2ofm-choice-heading .h2ofm-choice {
	width: 100%;
	height: 100%;
	margin: 0;
}

.h2ofm-funnel-shell .h2ofm-choice-heading-4 .h2ofm-choice-text {
	font-size: var(--h2ofm-h4-size, 21px);
	line-height: 1.2;
	font-weight: 600;
	color: var(--h2ofm-h4-color, inherit);
}

.h2ofm-funnel-shell .h2ofm-choice-urgency .h2ofm-choice-text {
	font-size: var(--h2ofm-h4-size, 21px);
	line-height: 1.2;
	font-weight: 600;
	color: var(--h2ofm-h4-color, inherit);
}

.h2ofm-funnel-shell .h2ofm-area-value {
	margin: .12em 0 0;
}

.h2ofm-funnel-shell .h2ofm-result-level {
	font-size: var(--h2ofm-risk-text-size, 34px);
	color: var(--h2ofm-result-color);
}

.h2ofm-funnel-shell .h2ofm-result-icon {
	flex: 0 0 auto;
}

.h2ofm-funnel-shell .h2ofm-result-icon svg {
	width: var(--h2ofm-risk-icon-size, 34px);
	height: var(--h2ofm-risk-icon-size, 34px);
}

.h2ofm-funnel-shell .h2ofm-diagnostic-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75em;
}

.h2ofm-funnel-shell .h2ofm-restart-button {
	margin: 0;
}

/* Visibilidad Inteligente only: semantic H2 dimension, responsive H3 questions. */
.h2ofm-funnel-shell.h2ofm-visibilidad-legacy h2.h2ofm-step-intro {
	font-size: var(--h2ofm-h2-size, 34px) !important;
	line-height: 1.22 !important;
	margin-bottom: 1.2rem;
}
.h2ofm-funnel-shell.h2ofm-visibilidad-legacy h3.h2ofm-question {
	font-size: var(--h2ofm-h3-size, 27px) !important;
	line-height: 1.3 !important;
	margin-top: 0;
	margin-bottom: .85rem;
}

/* Compatibility view for cached 8D generic markup; only the target ID. */
.h2ofm-funnel-shell.h2ofm-visibilidad-legacy .h2ofm-progress-labels { grid-template-columns: repeat(9, minmax(72px, 1fr)); gap: 0; white-space: nowrap; min-width: 720px; overflow: visible; }
.h2ofm-funnel-shell.h2ofm-visibilidad-legacy .h2ofm-progress { overflow-x: auto; overscroll-behavior-inline: contain; }
.h2ofm-funnel-shell.h2ofm-visibilidad-legacy .h2ofm-progress-labels span { position: relative; padding: 2px 4px 14px; text-align: center; font-size: 12px; }
.h2ofm-funnel-shell.h2ofm-visibilidad-legacy .h2ofm-progress-labels span[aria-current="step"] { font-weight: 700; color: var(--h2ofm-progress-start); }
.h2ofm-funnel-shell.h2ofm-visibilidad-legacy .h2ofm-progress-labels span::after { content: ''; display: block; position: absolute; height: 2px; left: calc(50% + 16px); right: calc(-50% + 16px); bottom: 7px; background: color-mix(in srgb, currentColor 15%, transparent); }
.h2ofm-funnel-shell.h2ofm-visibilidad-legacy .h2ofm-progress-labels span.is-complete::after { background: var(--h2ofm-progress-start); }
.h2ofm-funnel-shell.h2ofm-visibilidad-legacy .h2ofm-progress-labels span:last-child::after { display: none; }