/* Visibilidad Inteligente is restricted to h2o Studio and inherits Salient tokens. */
.h2ofm-visibilidad {
	--vi-accent: var(--nectar-accent-color, var(--nectar-extra-color-1, currentColor));
	--vi-soft: color-mix(in srgb, var(--vi-accent) 8%, transparent);
	--vi-border: color-mix(in srgb, currentColor 15%, transparent);
	--vi-muted: color-mix(in srgb, currentColor 65%, transparent);
	color: inherit;
	max-width: 920px;
	margin: 0 auto;
	font-family: inherit;
	line-height: 1.55;
}
.h2ofm-visibilidad *, .h2ofm-visibilidad *::before, .h2ofm-visibilidad *::after { box-sizing: border-box; }
.h2ofm-visibilidad h1, .h2ofm-visibilidad h2, .h2ofm-visibilidad h3 { color: inherit; margin: 0 0 .65em; line-height: 1.23; }
.h2ofm-visibilidad h1 { font-size: clamp(2rem, 4vw, 3.3rem); letter-spacing: -.04em; }
.h2ofm-visibilidad h2 { font-size: clamp(1.45rem, 2.5vw, 2rem); }
.h2ofm-visibilidad h3 { font-size: 1.14rem; }
.h2ofm-visibilidad p { margin: 0 0 1rem; }
.h2ofm-vi-header { padding: 1.2rem 0 1.5rem; }
.h2ofm-vi-eyebrow { text-transform: uppercase; letter-spacing: .11em; font-weight: 700; font-size: .78rem; color: var(--vi-accent); }
.h2ofm-vi-subtitle { max-width: 690px; opacity: .75; font-size: 1.08rem; }
.h2ofm-vi-progress { margin: 0 0 1.35rem; }
.h2ofm-vi-progress p { font-size: .88rem; margin-bottom: .35rem; color: var(--vi-muted); }
.h2ofm-vi-progress-track { height: 7px; border-radius: 100px; background: var(--vi-soft); overflow: hidden; }
.h2ofm-vi-progress-bar { background: var(--vi-accent); height: 100%; width: 0; transition: width .24s ease; }
.h2ofm-vi-panel {
	background: color-mix(in srgb, var(--nectar-bg-color, #fff) 94%, transparent);
	border: 1px solid var(--vi-border);
	border-radius: 20px;
	padding: clamp(1.3rem, 3.7vw, 2.4rem);
	margin: 0 0 1.5rem;
	box-shadow: 0 9px 35px rgba(0,0,0,.025);
}
.h2ofm-vi-step { color: var(--vi-accent); font-size: .9rem; font-weight: 700; }
.h2ofm-vi-question { border: 0; border-bottom: 1px solid var(--vi-border); padding: 1.15rem 0 1.25rem; margin: 0; min-width: 0; }
.h2ofm-vi-question:last-of-type { border-bottom: 0; }
.h2ofm-vi-question legend { font-size: 1.04rem; font-weight: 650; width: 100%; margin-bottom: .45rem; line-height: 1.45; }
.h2ofm-vi-evidence { font-size: .9rem; opacity: .7; }
.h2ofm-vi-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; margin-top: .8rem; }
.h2ofm-vi-choice { position: relative; display: flex; align-items: center; padding: .8rem .85rem; border: 1px solid var(--vi-border); border-radius: 11px; cursor: pointer; gap: .5rem; transition: border-color .15s ease, background .15s ease; font-size: .87rem; }
.h2ofm-vi-choice:has(input:checked) { border-color: var(--vi-accent); background: var(--vi-soft); }
.h2ofm-vi-choice:has(input:focus-visible) { outline: 3px solid var(--vi-accent); outline-offset: 2px; }
.h2ofm-vi-choice input[type="radio"] { accent-color: var(--vi-accent); margin: 0; width: 16px; height: 16px; flex: 0 0 16px; }
.h2ofm-vi-btn { display: inline-flex; min-height: 48px; justify-content: center; align-items: center; border-radius: 10px; padding: .85rem 1.55rem; font-family: inherit; font-size: .98rem; font-weight: 700; cursor: pointer; border: 1px solid transparent; text-decoration: none; transition: transform .12s ease, opacity .12s ease; }
.h2ofm-vi-btn:hover { transform: translateY(-1px); }
.h2ofm-vi-btn:disabled { opacity: .55; cursor: wait; transform: none; }
.h2ofm-vi-primary { background: var(--vi-accent); border-color: var(--vi-accent); color: #fff; }
.h2ofm-vi-secondary { border-color: var(--vi-accent); color: var(--vi-accent); background: transparent; }
.h2ofm-vi-nav { display: flex; justify-content: flex-end; gap: .8rem; margin-top: 1.2rem; flex-wrap: wrap; }
.h2ofm-vi-feedback { margin-top: .8rem; }
.h2ofm-vi-status { padding: .6rem .8rem; font-size: .91rem; border-radius: 8px; border: 1px solid var(--vi-border); }
.h2ofm-vi-status.is-error { color: #ad3030; border-color: #ad3030; }
.h2ofm-vi-score { font-size: clamp(2.3rem, 6vw, 4.2rem); font-weight: 780; letter-spacing: -.05em; color: var(--vi-accent); margin-bottom: .2rem !important; }
.h2ofm-vi-summary { text-align: center; }
.h2ofm-vi-radar { display: block; width: min(100%, 500px); height: auto; margin: 0 auto 1rem; overflow: visible; }
.h2ofm-vi-radar-grid { fill: none; stroke: var(--vi-border); stroke-width: 1.2; }
.h2ofm-vi-radar-axis { stroke: var(--vi-border); stroke-width: 1; }
.h2ofm-vi-radar-area { fill: var(--vi-soft); stroke: var(--vi-accent); stroke-width: 3; stroke-linejoin: round; }
.h2ofm-vi-radar-dot { fill: var(--vi-accent); }
.h2ofm-vi-radar-num { fill: currentColor; font-size: 13px; font-weight: 650; }
.h2ofm-vi-radar-legend { text-align: left; margin: 0; padding: .5rem 0; list-style-position: inside; columns: 2; column-gap: 2rem; }
.h2ofm-vi-radar-legend li { padding: .5rem 0; font-size: .91rem; break-inside: avoid; display: flex; justify-content: space-between; gap: .6rem; border-bottom: 1px solid var(--vi-border); }
.h2ofm-vi-radar-legend li strong { white-space: nowrap; }
.h2ofm-vi-gap, .h2ofm-vi-plan { padding: 1rem 0; border-bottom: 1px solid var(--vi-border); }
.h2ofm-vi-gap:last-child, .h2ofm-vi-plan:last-child { border-bottom: 0; }
.h2ofm-vi-service { color: var(--vi-muted); font-size: .9rem; }
.h2ofm-vi-list { margin: .5rem 0; padding-left: 1.6rem; }
.h2ofm-vi-list li { padding: .3rem 0; }
.h2ofm-vi-contact { display: grid; gap: .95rem; }
.h2ofm-vi-contact > label:not(.h2ofm-vi-consent) { display: flex; flex-direction: column; gap: .35rem; }
.h2ofm-vi-contact input:not([type="checkbox"]):not(.h2ofm-vi-honeypot) { width: 100%; padding: .75rem .8rem; border: 1px solid var(--vi-border); border-radius: 8px; min-height: 48px; color: inherit; background: transparent; }
.h2ofm-vi-consent { display: flex; gap: .7rem; align-items: flex-start; font-size: .93rem; }
.h2ofm-vi-consent input { width: 17px; height: 17px; accent-color: var(--vi-accent); margin-top: .22rem; }
.h2ofm-vi-privacy { color: var(--vi-accent); font-size: .9rem; }
.h2ofm-vi-honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }
.h2ofm-vi-restart { margin: 1rem 0 2rem; }
@media (max-width: 680px) {
	.h2ofm-vi-options { grid-template-columns: 1fr; }
	.h2ofm-vi-radar-legend { columns: 1; }
	.h2ofm-vi-nav { flex-direction: column; }
	.h2ofm-vi-btn { width: 100%; }
	.h2ofm-vi-panel { border-radius: 14px; }
}
@media (prefers-reduced-motion: reduce) { .h2ofm-visibilidad * { transition: none !important; scroll-behavior: auto !important; } }

/* The dimensions inherit the live global IA Funnels settings. Only selected
   per-funnel fields override them; never freeze the font sizes in CSS. */
.h2ofm-visibilidad {
	--vi-h1-size: 42px;
	--vi-h2-size: 34px;
	--vi-h3-size: 27px;
	--vi-h4-size: 21px;
	--vi-h5-size: 18px;
	--vi-h6-size: 16px;
	--vi-choice-size: 16px;
	--vi-nav-size: 15px;
	--vi-progress-size: 13px;
	--vi-choice-radius: 12px;
	--vi-nav-radius: 8px;
	--vi-panel-radius: 18px;
	--vi-section-gap: 24px;
	--vi-heading-h2: var(--nectar-accent-color, currentColor);
	--vi-heading-h3: var(--nectar-accent-color, currentColor);
	--vi-heading-h4: var(--nectar-accent-color, currentColor);
	--vi-selected: var(--nectar-accent-color, currentColor);
	--vi-nav-color: var(--nectar-accent-color, currentColor);
}
.h2ofm-visibilidad .h2ofm-vi-header h1,
.h2ofm-visibilidad h1 { font-size: var(--vi-h1-size) !important; line-height: 1.14 !important; max-width: 100%; }
.h2ofm-visibilidad h2 { font-size: var(--vi-h2-size) !important; line-height: 1.22 !important; color: var(--vi-heading-h2) !important; }
.h2ofm-visibilidad h3 { font-size: var(--vi-h3-size) !important; line-height: 1.3 !important; color: var(--vi-heading-h3) !important; }
.h2ofm-visibilidad h4 { font-size: var(--vi-h4-size) !important; color: var(--vi-heading-h4) !important; }
.h2ofm-visibilidad h5 { font-size: var(--vi-h5-size) !important; }
.h2ofm-visibilidad h6 { font-size: var(--vi-h6-size) !important; }
.h2ofm-visibilidad .h2ofm-vi-panel > h2 { margin: 0 0 1.2rem !important; }
.h2ofm-visibilidad .h2ofm-vi-question h3.h2ofm-vi-question-heading {
	font-size: var(--vi-h3-size) !important;
	line-height: 1.3 !important;
	margin: 0 0 .7rem !important;
	letter-spacing: normal;
	font-weight: 650;
}
.h2ofm-visibilidad .h2ofm-vi-question { padding-block: var(--vi-section-gap); }
.h2ofm-visibilidad .h2ofm-vi-panel { border-radius: var(--vi-panel-radius); }
.h2ofm-visibilidad .h2ofm-vi-choice {
	font-size: var(--vi-choice-size) !important;
	border-radius: var(--vi-choice-radius) !important;
}
.h2ofm-visibilidad .h2ofm-vi-btn {
	font-size: var(--vi-nav-size) !important;
	border-radius: var(--vi-nav-radius) !important;
}
.h2ofm-visibilidad .h2ofm-vi-choice:has(input:checked) { border-color: var(--vi-selected); }
.h2ofm-visibilidad .h2ofm-vi-choice input[type="radio"] { accent-color: var(--vi-selected); }
.h2ofm-visibilidad .h2ofm-vi-primary { background: var(--vi-nav-color); border-color: var(--vi-nav-color); }
.h2ofm-visibilidad .h2ofm-vi-secondary { color: var(--vi-nav-color); border-color: var(--vi-nav-color); }
.h2ofm-visibilidad .h2ofm-vi-stepper {
	width: 100%;
	overflow-x: auto;
	scrollbar-width: thin;
	overscroll-behavior-inline: contain;
	margin-bottom: 1rem;
	padding: .35rem .15rem .6rem;
}
.h2ofm-visibilidad .h2ofm-vi-journey {
	display: grid;
	grid-template-columns: repeat(10, minmax(74px, 1fr));
	white-space: nowrap;
	list-style: none;
	margin: 0;
	padding: 0;
	min-width: 790px;
}
.h2ofm-visibilidad .h2ofm-vi-stage {
	position: relative;
	text-align: center;
	min-width: 0;
	padding: 0 1px;
}
/* Keep third-party WordPress/Salient list-counter pseudo-elements out of
   our connected stage component. The real line uses ::after. */
.h2ofm-visibilidad .h2ofm-vi-journey > .h2ofm-vi-stage::before {
	content: none !important;
	counter-increment: none !important;
}
.h2ofm-visibilidad .h2ofm-vi-stage:not(:last-child)::after {
	content: '';
	position: absolute;
	height: 2px;
	top: 17px;
	width: calc(100% - 36px);
	right: calc(-50% + 18px);
	background: var(--vi-border);
	z-index: 0;
}
.h2ofm-visibilidad .h2ofm-vi-stage.is-done:not(:last-child)::after { background: var(--vi-selected); }
.h2ofm-visibilidad .h2ofm-vi-stage-static,
.h2ofm-visibilidad .h2ofm-vi-stage-link {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 7px;
	background: transparent;
	border: 0;
	font-family: inherit;
	font-size: var(--vi-progress-size) !important;
	line-height: 1.25;
	width: 100%;
	padding: 0;
	color: inherit;
	text-align: center;
	z-index: 1;
}
.h2ofm-visibilidad .h2ofm-vi-stage-link { cursor: pointer; }
.h2ofm-visibilidad .h2ofm-vi-stage-link:focus-visible { outline: 2px solid var(--vi-selected); outline-offset: 4px; }
.h2ofm-visibilidad .h2ofm-vi-stage-number {
	display: grid;
	place-items: center;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	font-size: 13px;
	font-weight: 700;
	border: 2px solid var(--vi-border);
	background: var(--nectar-bg-color, #fff);
	border-radius: 100%;
	color: var(--vi-muted);
}
.h2ofm-visibilidad .h2ofm-vi-stage.is-current .h2ofm-vi-stage-number {
	color: #fff;
	background: var(--vi-selected);
	border-color: var(--vi-selected);
	box-shadow: 0 0 0 4px var(--vi-soft);
}
.h2ofm-visibilidad .h2ofm-vi-stage.is-done .h2ofm-vi-stage-number {
	color: #fff;
	background: var(--vi-selected);
	border-color: var(--vi-selected);
}
.h2ofm-visibilidad .h2ofm-vi-stage.is-current .h2ofm-vi-stage-label { font-weight: 700; }
.h2ofm-visibilidad .h2ofm-vi-stage.is-upcoming .h2ofm-vi-stage-label { color: var(--vi-muted); }
.h2ofm-visibilidad .h2ofm-vi-progress p { font-size: var(--vi-progress-size) !important; }
.h2ofm-visibilidad .h2ofm-vi-conversion-links { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1rem; }
.h2ofm-visibilidad .h2ofm-vi-criteria { margin: .5rem 0 1rem; padding-left: 1.5rem; }
.h2ofm-visibilidad .h2ofm-vi-criteria li { margin-bottom: .5rem; line-height: 1.45; }
@media (max-width: 760px) {
	.h2ofm-visibilidad .h2ofm-vi-journey { grid-template-columns: repeat(10, 80px); min-width: 800px; }
	.h2ofm-visibilidad .h2ofm-vi-conversion-links { flex-direction: column; }
	.h2ofm-visibilidad .h2ofm-vi-conversion-links .h2ofm-vi-btn { width: 100%; }
}


/* 3.0.16 — h2o Studio only. No global Salient or other funnel overrides. */
.h2ofm-visibilidad {
	--vi-progress-start: var(--nectar-accent-color,#249ab9);
	--vi-progress-end: var(--nectar-extra-color-1,#43afaa);
	--vi-current: #1586b2;
	--vi-minimum: #d99c28;
	--vi-ideal: #329a76;
	--vi-reading: #20252b;
}
.h2ofm-visibilidad .h2ofm-vi-header { padding: 0 0 12px !important; margin: 0 !important; }
.h2ofm-visibilidad .h2ofm-vi-header h1 { margin: 0 0 10px !important; }
.h2ofm-visibilidad .h2ofm-vi-subtitle { margin: 0 0 8px !important; padding: 0 !important; font-size: inherit !important; line-height: inherit !important; max-width: 760px; }
.h2ofm-visibilidad .h2ofm-vi-panel { padding-block: clamp(1.1rem, 3vw, 2rem); }
.h2ofm-visibilidad .h2ofm-vi-panel .h2ofm-vi-title-row {
	display: flex; align-items: center; gap: 14px; margin: 0 0 18px; padding: 0;
}
.h2ofm-visibilidad .h2ofm-vi-title-row h2 {
	margin: 0 !important; padding: 0 !important; line-height: 1.2 !important;
}
.h2ofm-visibilidad .h2ofm-vi-title-icon {
	display: grid; flex: 0 0 46px; width: 46px; height: 46px; place-items: center;
	border: 1px solid color-mix(in srgb, var(--vi-progress-start) 24%, transparent);
	background: color-mix(in srgb, var(--vi-progress-start) 9%, white);
	color: var(--vi-progress-start); border-radius: 14px;
}
.h2ofm-visibilidad .h2ofm-vi-title-icon svg { width: 24px; height: 24px; }
.h2ofm-visibilidad .h2ofm-vi-step { margin: 0 0 8px !important; padding: 0 !important; }
.h2ofm-visibilidad .h2ofm-vi-question { padding-block: clamp(14px, 2vw, 23px); }
.h2ofm-visibilidad .h2ofm-vi-question h3 { margin: 0 0 10px !important; padding: 0 !important; }
.h2ofm-visibilidad .h2ofm-vi-evidence,
.h2ofm-visibilidad .h2ofm-vi-helper,
.h2ofm-visibilidad .h2ofm-vi-methodology {
	font-family: inherit !important; font-size: inherit !important;
	font-weight: inherit; line-height: inherit !important;
	margin: 0 0 12px !important; padding: 0; color: inherit;
}
.h2ofm-visibilidad .h2ofm-vi-evidence { opacity: .76; }
.h2ofm-visibilidad .h2ofm-vi-choice,
.h2ofm-visibilidad .h2ofm-vi-choice span {
	color: #14181c !important;
}
.h2ofm-visibilidad .h2ofm-vi-choice {
	background: #fff !important;
	border: 1px solid #d8dee2 !important;
	min-height: 56px; box-shadow: none;
}
.h2ofm-visibilidad .h2ofm-vi-choice:has(input:checked) {
	border-color: var(--vi-progress-start) !important;
	background: color-mix(in srgb, var(--vi-progress-start) 6%, white) !important;
}
.h2ofm-visibilidad .h2ofm-vi-progress { margin: 0 0 1rem; }
.h2ofm-visibilidad .h2ofm-vi-progress-track { height: 8px; background: color-mix(in srgb,var(--vi-progress-start) 10%, white); }
.h2ofm-visibilidad .h2ofm-vi-progress-bar {
	background: linear-gradient(90deg,var(--vi-progress-start),var(--vi-progress-end)) !important;
}
.h2ofm-visibilidad .h2ofm-vi-stepper { padding: 6px 0 8px; margin-bottom: 15px; }
.h2ofm-visibilidad .h2ofm-vi-journey {
	grid-template-columns: repeat(11,minmax(89px,1fr));
	min-width: 980px; column-gap: 7px;
}
.h2ofm-visibilidad .h2ofm-vi-stage {
	padding: 10px 4px 9px; border: 1px solid #e5eaed;
	border-radius: 14px; background: #f8fafb;
}
.h2ofm-visibilidad .h2ofm-vi-stage.is-current {
	background: color-mix(in srgb,var(--vi-progress-start) 8%, white);
	border-color: color-mix(in srgb,var(--vi-progress-start) 45%,white);
	box-shadow: 0 3px 14px rgba(0,0,0,.06);
}
.h2ofm-visibilidad .h2ofm-vi-stage.is-done { border-color: color-mix(in srgb,var(--vi-progress-end) 40%,white); background: white; }
.h2ofm-visibilidad .h2ofm-vi-stage:not(:last-child)::after {
	top: 29px; height: 2px; background: #d7e0e4;
	width: 13px; right: -11px; z-index: 0;
}
.h2ofm-visibilidad .h2ofm-vi-stage.is-done:not(:last-child)::after { background: var(--vi-progress-end); }
.h2ofm-visibilidad .h2ofm-vi-stage-number {
	width: 32px; height: 32px; flex-basis: 32px; border-radius: 11px;
	border-color: #d8e2e7; background: white; font-size: 13px;
}
.h2ofm-visibilidad .h2ofm-vi-stage.is-current .h2ofm-vi-stage-number,
.h2ofm-visibilidad .h2ofm-vi-stage.is-done .h2ofm-vi-stage-number {
	background: var(--vi-progress-start); border-color: var(--vi-progress-start);
	border-radius: 11px; box-shadow: none;
}
.h2ofm-visibilidad .h2ofm-vi-stage.is-done .h2ofm-vi-stage-number {
	background: var(--vi-progress-end); border-color: var(--vi-progress-end);
}
.h2ofm-visibilidad .h2ofm-vi-stage-icon { display: grid; place-items: center; color: #5a727b; height: 17px; }
.h2ofm-visibilidad .h2ofm-vi-stage-icon svg { width: 16px; height: 16px; }
.h2ofm-visibilidad .h2ofm-vi-stage-label { font-size: 12px; white-space: normal; }
.h2ofm-visibilidad .h2ofm-vi-stage.is-current .h2ofm-vi-stage-label { color: #162a34; }
.h2ofm-visibilidad .h2ofm-vi-profile-types { border: 0; padding: 0; margin: 0 0 16px; }
.h2ofm-visibilidad .h2ofm-vi-profile-types legend { font-weight: 700; padding: 0; margin-bottom: 10px; }
.h2ofm-visibilidad .h2ofm-vi-profile-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.h2ofm-visibilidad .h2ofm-vi-profile-option {
	display: flex; align-items: center; gap: 10px; padding: 14px 16px;
	border: 1px solid #d8e1e4; border-radius: 12px; cursor: pointer; background: #fff;
	color: #171b20;
}
.h2ofm-visibilidad .h2ofm-vi-profile-option:has(input:checked) { border-color: var(--vi-progress-start); background: color-mix(in srgb,var(--vi-progress-start) 7%, white); }
.h2ofm-visibilidad .h2ofm-vi-profile-option input { flex:0 0 18px; accent-color:var(--vi-progress-start); }
.h2ofm-visibilidad .h2ofm-vi-profile-sector { display: flex; flex-direction: column; gap: 7px; margin: 10px 0; }
.h2ofm-visibilidad .h2ofm-vi-profile-sector select {
	width: 100%; min-height: 48px; border: 1px solid #d8e1e4; border-radius: 9px; font: inherit; padding: 9px; color: #1b2024;
}
.h2ofm-visibilidad .h2ofm-vi-profile-summary { font-weight: 650; color: #26383f; }
.h2ofm-visibilidad .h2ofm-vi-comparison-legend { display:flex; flex-wrap:wrap; gap:9px 18px; justify-content:center; margin: 15px 0; }
.h2ofm-visibilidad .h2ofm-vi-key { display:inline-flex; align-items:center; gap:7px; font-size: .9em; color:#26323a; }
.h2ofm-visibilidad .h2ofm-vi-key-swatch { width:13px; height:13px; display:block; border-radius:4px; background:var(--vi-current); }
.h2ofm-visibilidad .h2ofm-vi-key-minimum .h2ofm-vi-key-swatch { background:var(--vi-minimum); }
.h2ofm-visibilidad .h2ofm-vi-key-ideal .h2ofm-vi-key-swatch { background:var(--vi-ideal); }
.h2ofm-visibilidad .h2ofm-vi-radar-ideal {
	fill:color-mix(in srgb,var(--vi-ideal) 10%, transparent); stroke:var(--vi-ideal);
	stroke-width:2.4; stroke-dasharray:6 3;
}
.h2ofm-visibilidad .h2ofm-vi-radar-minimum {
	fill:color-mix(in srgb,var(--vi-minimum) 9%, transparent); stroke:var(--vi-minimum);
	stroke-width:2; stroke-dasharray:3 4;
}
.h2ofm-visibilidad .h2ofm-vi-radar-current {
	fill:color-mix(in srgb,var(--vi-current) 14%, transparent); stroke:var(--vi-current);
	stroke-width:3.4; stroke-linejoin:round;
}
.h2ofm-visibilidad .h2ofm-vi-radar-dot { fill:var(--vi-current); }
.h2ofm-visibilidad .h2ofm-vi-radar-row { display:flex; justify-content:space-between; gap:12px; padding:7px 3px; border-bottom:1px solid var(--vi-border); break-inside:avoid; }
.h2ofm-visibilidad .h2ofm-vi-radar-row strong { white-space:nowrap; }
.h2ofm-visibilidad .h2ofm-vi-bars { text-align:left; }
.h2ofm-visibilidad .h2ofm-vi-bar-row { margin: 16px 0 22px; }
.h2ofm-visibilidad .h2ofm-vi-bar-heading { font-weight:650; margin-bottom:7px; }
.h2ofm-visibilidad .h2ofm-vi-bar-chart { display:flex; flex-direction:column-reverse; align-items:stretch; gap:4px; }
.h2ofm-visibilidad .h2ofm-vi-bar { height:8px; border-radius:5px; background:var(--vi-current); min-width:0; }
.h2ofm-visibilidad .h2ofm-vi-bar-ideal { background:var(--vi-ideal); }
.h2ofm-visibilidad .h2ofm-vi-bar-minimum { background:var(--vi-minimum); }
.h2ofm-visibilidad .h2ofm-vi-bar-values { font-size:.92em; opacity:.78; margin:7px 0 0 !important; }
.h2ofm-visibilidad .h2ofm-vi-explanation { margin:0; padding:15px 0; border-bottom:1px solid var(--vi-border); }
.h2ofm-visibilidad .h2ofm-vi-explanation:last-child { border-bottom:0; }
.h2ofm-visibilidad .h2ofm-vi-explanation h3 { margin:0 0 7px !important; }
.h2ofm-visibilidad .h2ofm-vi-explanation p { margin:0; }
@media(max-width:770px) {
	.h2ofm-visibilidad .h2ofm-vi-journey { grid-template-columns:repeat(11,96px); min-width:1056px; }
	.h2ofm-visibilidad .h2ofm-vi-profile-grid { grid-template-columns:1fr; }
	.h2ofm-visibilidad .h2ofm-vi-title-icon { flex-basis:40px; width:40px; height:40px; }
	.h2ofm-visibilidad .h2ofm-vi-title-row { gap:11px; }
}