:root {
	--kc-ex-ui-paper: #f1eee6;
	--kc-ex-ui-ink: #03040a;
	--kc-ex-ui-accent: #d7ff3f;
}

/* Persistent selector: visible, compact and identical in both experiences. */
.kc-experience-switch,
.kc-field-switch {
	position: fixed;
	z-index: 145;
	left: clamp(1rem, 2vw, 2rem);
	bottom: clamp(1rem, 2vw, 2rem);
	display: flex;
	align-items: center;
	gap: .2rem;
	width: auto;
	max-width: calc(100vw - 2rem);
	padding: .3rem;
	border: 1px solid rgba(241, 238, 230, .24);
	background: rgba(3, 4, 10, .76);
	box-shadow: 0 .9rem 2.8rem rgba(0, 0, 0, .26);
	backdrop-filter: blur(14px) saturate(120%);
	-webkit-backdrop-filter: blur(14px) saturate(120%);
	color: var(--kc-ex-ui-paper);
	font: 800 .58rem/1 Arial, Helvetica, sans-serif;
	letter-spacing: .07em;
	text-transform: uppercase;
	pointer-events: auto;
}

.kc-experience-switch::before,
.kc-field-switch::before {
	content: "EXPERIENCIA";
	padding: 0 .55rem;
	font-size: .46rem;
	letter-spacing: .15em;
	opacity: .46;
	white-space: nowrap;
}

.kc-experience-switch__item,
.kc-field-switch__item {
	display: inline-flex;
	align-items: center;
	gap: .38rem;
	min-height: 2rem;
	padding: .48rem .62rem;
	border: 0;
	background: transparent;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
	opacity: .58;
	transition: opacity .2s ease, background-color .2s ease, color .2s ease;
}

.kc-experience-switch__item span:first-child,
.kc-field-switch__item span:first-child {
	font-size: .48rem;
	opacity: .58;
}

.kc-experience-switch__item span:last-child,
.kc-field-switch__item span:last-child {
	font-size: .58rem;
}

.kc-experience-switch__item.is-active,
.kc-field-switch__item.is-active {
	background: rgba(241, 238, 230, .12);
	opacity: 1;
}

.kc-experience-switch__item:hover,
.kc-field-switch__item:hover,
.kc-experience-switch__item:focus-visible,
.kc-field-switch__item:focus-visible {
	opacity: 1;
	background: rgba(241, 238, 230, .08);
}

.kc-experience-switch__line,
.kc-field-switch__line { display: none; }

.kc-experience-chosen .kc-experience-gate { display: none; }

/* First-entry gate */
.kc-experience-gate {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: grid;
	grid-template-rows: auto 1fr auto;
	gap: clamp(2rem, 5vh, 5rem);
	padding: clamp(1.2rem, 3vw, 3.4rem);
	background:#03040a;
	overflow:hidden;
	isolation:isolate;
	color: var(--kc-ex-ui-paper);
	font-family: Arial, Helvetica, sans-serif;
	transition: opacity .55s cubic-bezier(.16,1,.3,1), visibility .55s;
}


.kc-experience-gate__background,
.kc-experience-gate__veil {
	position:absolute;
	inset:0;
	pointer-events:none;
}
.kc-experience-gate__background { z-index:-3; overflow:hidden; }
.kc-experience-gate__background img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	filter:saturate(.82) contrast(1.08) brightness(.58);
	transform:scale(1.035);
}
.kc-experience-gate__veil {
	z-index:-2;
	background:
		linear-gradient(90deg, rgba(1,2,7,.94) 0%, rgba(1,2,7,.8) 35%, rgba(1,2,7,.58) 68%, rgba(1,2,7,.78) 100%),
		radial-gradient(circle at 77% 44%, rgba(94,117,255,.16), transparent 38%),
		radial-gradient(circle at 22% 70%, rgba(215,255,63,.08), transparent 32%),
		linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.7));
	backdrop-filter:blur(1.5px);
}
.kc-experience-gate__top,
.kc-experience-gate__content,
.kc-experience-gate__note { position:relative; z-index:1; }

.kc-experience-gate[hidden],
.kc-experience-gate.is-dismissed {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.kc-experience-gate.is-routing { pointer-events: none; }
.kc-experience-gate.is-routing .kc-experience-choice { opacity: .78; }

.kc-experience-gate__top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 2rem;
	font-size: clamp(.58rem, .72vw, .72rem);
	letter-spacing: .13em;
	text-transform: uppercase;
}

.kc-experience-gate__top p { margin: 0; }
.kc-experience-gate__top p:last-child { opacity: .46; text-align: right; }

.kc-experience-gate__content {
	display: grid;
	grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
	gap: clamp(2rem, 6vw, 8rem);
	align-items: end;
}

.kc-experience-gate__intro { align-self: center; max-width: 46rem; }
.kc-experience-gate__eyebrow {
	margin: 0 0 1.1rem;
	font-size: .62rem;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
	opacity: .5;
}

.kc-experience-gate__intro h1 {
	margin: 0;
	max-width: 10ch;
	font-size: clamp(3.2rem, 6.5vw, 7.8rem);
	line-height: .82;
	letter-spacing: -.075em;
	font-weight: 900;
}

.kc-experience-gate__intro > p:last-child {
	max-width: 42rem;
	margin: clamp(1.5rem, 3vw, 2.7rem) 0 0;
	font-size: clamp(.96rem, 1.3vw, 1.25rem);
	line-height: 1.48;
	color: rgba(241, 238, 230, .68);
}
.kc-experience-gate__intro > p:last-child strong { color: var(--kc-ex-ui-paper); letter-spacing: .04em; }

.kc-experience-gate__choices {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-top: 1px solid rgba(241,238,230,.26);
	border-bottom: 1px solid rgba(241,238,230,.26);
}

.kc-experience-choice {
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr auto;
	min-height: clamp(20rem, 45vh, 31rem);
	padding: clamp(1.2rem, 2.4vw, 2.4rem);
	color: inherit;
	text-decoration: none;
	overflow: hidden;
	isolation: isolate;
	background:rgba(3,4,10,.44);
	backdrop-filter:blur(7px);
}

.kc-experience-choice + .kc-experience-choice { border-left: 1px solid rgba(241,238,230,.26); }
.kc-experience-choice::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	opacity: 0;
	transition: opacity .4s ease;
}
.kc-experience-choice--kinetic::before { background: radial-gradient(circle at 20% 82%, rgba(215,255,63,.12), transparent 44%); }
.kc-experience-choice--world::before { background: radial-gradient(circle at 68% 28%, rgba(91,112,255,.16), transparent 44%); }
.kc-experience-choice:hover::before,
.kc-experience-choice:focus-visible::before { opacity: 1; }

.kc-experience-choice__number {
	font-size: .65rem;
	font-weight: 900;
	letter-spacing: .15em;
	opacity: .5;
}

.kc-experience-choice__body { align-self: center; }
.kc-experience-choice h2 {
	margin: 0;
	font-size: clamp(2.4rem, 4.8vw, 5.6rem);
	line-height: .86;
	letter-spacing: -.065em;
	font-weight: 900;
}
.kc-experience-choice p {
	max-width: 30ch;
	margin: 1.25rem 0 0;
	font-size: clamp(.82rem, 1vw, 1rem);
	line-height: 1.45;
	color: rgba(241,238,230,.58);
}
.kc-experience-choice__enter {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(241,238,230,.22);
	font-size: .62rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.kc-experience-gate__note {
	margin: 0;
	font-size: .62rem;
	line-height: 1.45;
	letter-spacing: .09em;
	text-transform: uppercase;
	opacity: .48;
}

@media (max-width: 760px) {
	.kc-experience-switch,
	.kc-field-switch {
		right: .75rem;
		left: .75rem;
		bottom: .75rem;
		justify-content: center;
	}
	.kc-experience-switch::before,
	.kc-field-switch::before { display: none; }
	.kc-experience-switch__item,
	.kc-field-switch__item { flex: 1 1 0; justify-content: center; padding-inline: .42rem; }
	.kc-experience-switch__item span:last-child,
	.kc-field-switch__item span:last-child { font-size: .55rem; }
	.kc-experience-gate { overflow:auto; display:block; }
	.kc-experience-gate__top { margin-bottom: 3.5rem; }
	.kc-experience-gate__content { display: block; }
	.kc-experience-gate__intro h1 { font-size: clamp(3.5rem, 17vw, 6.5rem); }
	.kc-experience-gate__intro > p:last-child { margin-bottom: 3rem; }
	.kc-experience-gate__choices { grid-template-columns: 1fr; }
	.kc-experience-choice { min-height: 18rem; }
	.kc-experience-choice + .kc-experience-choice { border-left: 0; border-top: 1px solid rgba(241,238,230,.26); }
	.kc-experience-gate__note { margin-top: 2rem; padding-bottom: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
	.kc-experience-gate,
	.kc-experience-choice,
	.kc-experience-switch__item,
	.kc-field-switch__item { transition: none !important; }
}

/* v9.9.14 — Clearer choice affordances; existing links and behavior unchanged. */
.kc-experience-gate__choices {
	gap: clamp(.65rem, 1vw, 1.15rem);
	border: 0;
}
.kc-experience-choice {
	border: 1px solid rgba(241, 238, 230, .38);
	border-radius: .55rem;
	background: rgba(19, 23, 34, .78);
	box-shadow: 0 12px 34px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.055);
	transition: border-color .24s ease, background-color .24s ease, box-shadow .24s ease;
}
.kc-experience-choice + .kc-experience-choice {
	border: 1px solid rgba(241, 238, 230, .38);
}
.kc-experience-choice:hover,
.kc-experience-choice:focus-visible {
	border-color: rgba(241, 238, 230, .85);
	background-color: rgba(29, 34, 47, .9);
	box-shadow: 0 17px 42px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.09);
}
.kc-experience-choice:focus-visible {
	outline: 2px solid var(--kc-ex-ui-accent);
	outline-offset: 3px;
}
.kc-experience-choice__enter {
	padding: .9rem 1rem;
	border: 1px solid rgba(241,238,230,.46);
	border-radius: .2rem;
	background: rgba(241,238,230,.11);
	transition: background-color .2s ease, border-color .2s ease;
}
.kc-experience-choice:hover .kc-experience-choice__enter,
.kc-experience-choice:focus-visible .kc-experience-choice__enter {
	background: rgba(241,238,230,.2);
	border-color: rgba(241,238,230,.85);
}
.kc-experience-switch__item,
.kc-field-switch__item {
	border: 1px solid rgba(241,238,230,.28);
	border-radius: .2rem;
	background: rgba(241,238,230,.065);
	opacity: .88;
}
.kc-experience-switch__item.is-active,
.kc-field-switch__item.is-active {
	border-color: rgba(241,238,230,.67);
	background: rgba(241,238,230,.2);
	opacity: 1;
}
.kc-experience-switch__item:hover,
.kc-field-switch__item:hover,
.kc-experience-switch__item:focus-visible,
.kc-field-switch__item:focus-visible {
	border-color: rgba(241,238,230,.9);
	background: rgba(241,238,230,.23);
	opacity: 1;
}
.kc-experience-switch__item:focus-visible,
.kc-field-switch__item:focus-visible {
	outline: 2px solid var(--kc-ex-ui-accent);
	outline-offset: 2px;
}
@media (max-width: 760px) {
	.kc-experience-gate__choices { gap: .75rem; }
	.kc-experience-choice + .kc-experience-choice { border: 1px solid rgba(241,238,230,.38); }
}
@media (prefers-reduced-motion: reduce) {
	.kc-experience-choice,
	.kc-experience-choice__enter { transition: none !important; }
}


/* v9.9.15 — selector de experiencias con lectura más clara de botón */
.kc-experience-switch,
.kc-field-switch {
	padding: .36rem;
	border-color: rgba(241, 238, 230, .32);
	background: rgba(3, 4, 10, .84);
	box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, .34);
}
.kc-experience-switch__item,
.kc-field-switch__item {
	position: relative;
	min-height: 2.32rem;
	padding: .62rem .88rem;
	border: 1px solid rgba(241, 238, 230, .16);
	border-radius: .38rem;
	background: rgba(241, 238, 230, .04);
	opacity: .82;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.kc-experience-switch__item.is-active,
.kc-field-switch__item.is-active {
	background: rgba(241, 238, 230, .16);
	border-color: rgba(241, 238, 230, .34);
	opacity: 1;
	box-shadow: 0 .45rem 1rem rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
}
.kc-experience-switch__item:hover,
.kc-field-switch__item:hover,
.kc-experience-switch__item:focus-visible,
.kc-field-switch__item:focus-visible {
	background: rgba(241, 238, 230, .11);
	border-color: rgba(241, 238, 230, .3);
	opacity: 1;
}
@media (max-width: 700px) {
	.kc-experience-switch,
	.kc-field-switch {
		left: .75rem;
		right: .75rem;
		bottom: .75rem;
		max-width: none;
		justify-content: space-between;
	}
	.kc-experience-switch::before,
	.kc-field-switch::before {
		padding-left: .35rem;
	}
	.kc-experience-switch__item,
	.kc-field-switch__item {
		flex: 1 1 0;
		justify-content: center;
	}
}


/* v9.9.16 — safe area del selector fijo en mobile */
@media (max-width: 700px) {
	.kc-experience-switch,
	.kc-field-switch {
		bottom: calc(.75rem + env(safe-area-inset-bottom, 0px));
	}
}