/* ==========================================================================
   INICIO TEST 100 — Epic Intro Edition
   Hereda todo de inicio-test10 y suma la secuencia de intro scroll-driven
   estilo /evasion/: hero fullscreen → shrink con thumbs laterales →
   "Meet Alpine & Forest." + dos tarjetas → sidebar se despliega sola.
   ========================================================================== */

@import url("page-inicio-test10.css");

/* --------------------------------------------------------------------------
   INTRO WRAPPER
   -------------------------------------------------------------------------- */
html {
	overflow-x: clip;
}

/* --------------------------------------------------------------------------
   SELECTED WORK CARD — same studio material as the services/form scenes
   -------------------------------------------------------------------------- */
.inicio-test10-hero-grid .hero-work-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch !important;
	gap: 10px !important;
	min-height: 0 !important;
	height: auto !important;
	isolation: isolate;
	overflow: hidden;
	padding: 12px !important;
	color: #111217 !important;
	border: 1px solid rgba(214, 221, 237, 0.9) !important;
	border-radius: 26px;
	background: linear-gradient(140deg, #f4f1fb 0%, #dfe4fa 52%, #ecdcd7 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 24px 60px rgba(37, 36, 50, 0.18), 0 10px 26px rgba(87, 80, 255, 0.08);
	text-decoration: none;
}

.inicio-test10-hero-grid .hero-work-card::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	content: '';
	pointer-events: none;
	background:
		radial-gradient(70% 48% at 100% 0%, rgba(87, 80, 255, 0.18), transparent 70%),
		radial-gradient(65% 48% at 0% 100%, rgba(255, 95, 127, 0.12), transparent 72%);
}

.inicio-test10-hero-grid .hero-work-card::after {
	z-index: 6;
	background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, 0.3), transparent 68%);
}

.hero-work-visual {
	position: relative;
	flex: 0 0 49%;
	min-height: 116px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.76);
	border-radius: 18px;
	background: #17171a;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 12px 26px rgba(37, 36, 50, 0.12);
}

.hero-work-visual__media,
.hero-work-visual__shade {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.hero-work-visual__media {
	display: block;
	object-fit: cover;
	object-position: 52% 47%;
	filter: brightness(0.7) saturate(0.86) contrast(0.98);
	transform: scale(1.035);
	transition: filter 700ms cubic-bezier(0.16, 1, 0.3, 1), transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
}

.hero-work-visual__shade {
	background:
		linear-gradient(180deg, rgba(16, 16, 20, 0.34), transparent 44%, rgba(16, 16, 20, 0.48)),
		linear-gradient(105deg, rgba(87, 80, 255, 0.12), transparent 42%, rgba(255, 95, 127, 0.12));
	pointer-events: none;
}

.hero-work-visual__topline,
.hero-work-visual__mark {
	position: absolute;
	z-index: 1;
	display: flex;
	align-items: center;
	font-family: 'Geist Mono', monospace;
	font-size: 7px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.hero-work-visual__topline {
	top: 10px;
	right: 11px;
	left: 11px;
	justify-content: space-between;
	color: rgba(255, 255, 255, 0.84);
}

.hero-work-visual__topline span:last-child {
	color: rgba(255, 255, 255, 0.56);
}

.hero-work-visual__mark {
	bottom: 10px;
	left: 10px;
	gap: 5px;
	padding: 5px 8px;
	color: #252432;
	border: 1px solid rgba(255, 255, 255, 0.65);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.76);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 6px 12px rgba(18, 17, 26, 0.12);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.hero-work-visual__mark i {
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #ff5f7f;
	box-shadow: 0 0 0 3px rgba(255, 95, 127, 0.14), 0 0 10px rgba(255, 95, 127, 0.5);
}

.hero-work-content {
	display: flex;
	flex: 1 1 auto;
	min-height: 0;
	flex-direction: column;
	justify-content: center;
	gap: 0;
	padding: 1px 2px 2px;
}

.hero-work-copy {
	position: relative;
	z-index: 2;
}

.hero-work-copy__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 7px;
}

.hero-work-kicker {
	display: block;
	margin: 0;
	color: #5750ff;
	font-family: 'Geist Mono', monospace;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.hero-work-copy h4 {
	margin: 0;
	color: #111217 !important;
	font-family: 'Inter', 'Geist', sans-serif;
	font-size: clamp(27px, 2.3vw, 34px);
	font-weight: 680;
	line-height: 0.94;
	letter-spacing: -0.06em;
	text-transform: none;
}

.hero-work-copy h4 em {
	font-family: inherit;
	font-style: normal;
	font-weight: inherit;
	color: #5750ff;
}

.hero-work-project {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
	margin: 0;
	color: #4c4a70;
	font-family: 'Geist', sans-serif;
	font-size: 8.5px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
}

.hero-work-project span {
	flex: 0 0 auto;
	color: #8d8e96;
	font-family: 'Geist Mono', monospace;
	font-size: 8px;
}

.inicio-test10-hero-grid .hero-work-card:hover {
	border-color: rgba(87, 80, 255, 0.25) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 32px 70px rgba(37, 36, 50, 0.22), 0 12px 32px rgba(87, 80, 255, 0.14);
}

.hero-work-card:hover .hero-work-visual__media {
	filter: brightness(0.78) saturate(0.98) contrast(1);
	transform: scale(1.075);
}

@media (max-width: 700px) {
	.inicio-test10-hero-grid .hero-work-card {
		min-height: 340px !important;
		padding: 14px !important;
	}

	.hero-work-visual {
		flex-basis: 48%;
		min-height: 142px;
	}

	.hero-work-copy h4 {
		font-size: clamp(34px, 11vw, 48px);
	}
}

.nx-intro {
	position: relative;
	z-index: 1;
	background: #ffffff;
}

body.inicio-test10-body {
	overflow-x: clip;
	/* The light intro must not expose the legacy black body during sticky repaint. */
	background: #ffffff !important;
}

/* --------------------------------------------------------------------------
   SCENE 1 — hero fullscreen que se encoge y revela columnas laterales
   Estructura: sticky 100vh + scrollspace 200vh (progreso 0→1)
   -------------------------------------------------------------------------- */
.nx-scene1 {
	position: relative;
	background: #ffffff;
}

.nx-scene1__sticky {
	position: sticky;
	top: 0;
	height: 100vh;
	overflow: hidden;
	background: #ffffff;
}

.nx-scene1__row {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.nx-scene1__col {
	display: flex;
	flex-direction: column;
	height: auto;
	align-self: center;
	flex: 0 0 auto;
	opacity: 0;
	will-change: transform, width, opacity;
}

.nx-scene1__thumb {
	flex: 0 0 auto;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	position: relative;
}

.nx-scene1__thumb + .nx-scene1__thumb {
	margin-top: 16px;
}

.nx-scene1__thumb img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.nx-scene1__thumb video {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #11131a;
}

.nx-scene1__center {
	position: relative;
	overflow: hidden;
	flex: 0 0 auto;
	will-change: width, height, border-radius;
}

/* Lienzo 100vw×100vh que se escala para llenar el slot del centro.
   El hero vive acá adentro y nunca se distorsiona: scale uniforme. */
.nx-scene1__scale {
	position: absolute;
	left: 50%;
	top: 50%;
	will-change: transform;
}

/* El hero dentro de la escena: ocupa todo el lienzo, sin marcos de card */
.nx-scene1__scale .bento-hero-v0-card {
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Que el hero llene el lienzo 100vh (en test10 su alto lo define el contenido) */
.nx-scene1__scale .v0-irl {
	height: 100% !important;
}

.nx-scene1__scale .v0-hero {
	height: 100% !important;
	min-height: 100% !important;
	display: flex !important;
	align-items: center !important;
}

/* El redondeo lo aporta el slot (overflow hidden); el fondo va a sangre */
.nx-scene1__scale .v0-custom-hero-bg,
.nx-scene1__scale .v0-dither-canvas {
	border-radius: 0 !important;
}

/* The dither is an overlay, never a second interaction surface. Its React
   canvas otherwise restores pointer-events:auto and can swallow background taps. */
.nx-scene1__scale #event-dither-root,
.nx-scene1__scale #event-dither-root * {
	pointer-events: none !important;
}

/* La app del lanyard/dither mide su contenedor con getBoundingClientRect()
   (que INCLUYE el scale del wrapper) y fija el canvas en px — eso lo
   achicaba dos veces y hacía derivar la card 3D y la capa de puntos.
   Forzamos el display size al 100% del contenedor: el backing store sigue
   redibujándose solo (queda ~1:1 al aplicar el scale) y nada deriva. */
.nx-scene1__scale .v0-dither-canvas canvas,
.nx-scene1__scale .v0-hero-lanyard canvas {
	width: 100% !important;
	height: 100% !important;
}

/* The WebGL canvas fills the whole right column. Desktop hit-testing enables
   it only over rendered card/strap pixels; touch keeps the full canvas because
   coarse pointers do not have a hover pass before pointerdown. */
.nx-scene1__scale .v0-hero-lanyard #event-lanyard-root {
	pointer-events: none !important;
	touch-action: pan-y !important;
}

.nx-scene1__scale .v0-hero-lanyard #event-lanyard-root > div,
.nx-scene1__scale .v0-hero-lanyard #event-lanyard-root > div * {
	pointer-events: none !important;
}

.nx-scene1__scale .v0-hero-lanyard #event-lanyard-root canvas {
	pointer-events: none !important;
	touch-action: none !important;
	cursor: auto;
}

.nx-scene1__scale .v0-hero-lanyard #event-lanyard-root canvas.is-lanyard-hit,
.nx-scene1__scale .v0-hero-lanyard #event-lanyard-root canvas.is-lanyard-dragging {
	pointer-events: auto !important;
	cursor: grab;
}

.nx-scene1__scale .v0-hero-lanyard #event-lanyard-root canvas.is-lanyard-dragging {
	cursor: grabbing;
}

.nx-scene1__scale .v0-hero-lanyard {
	pointer-events: none !important;
	touch-action: pan-y !important;
}

@media (hover: none), (pointer: coarse) {
	.nx-scene1__scale .v0-hero-lanyard #event-lanyard-root canvas {
		pointer-events: auto !important;
		cursor: grab;
	}
}

@media (min-width: 1024px) {
	/* Render the lanyard across the full hero so long drags reach the opposite
	   column. A desktop anchor offset keeps its resting position unchanged. */
	.nx-scene1__scale .v0-hero-lanyard {
		left: -3% !important;
		right: -3% !important;
		width: auto !important;
	}
}

.nx-scene1__scale .v0-lanyard-loader {
	display: none !important;
	animation: none !important;
}

.nx-scene1 h1,
.nx-scene1 p {
	margin: 0;
}

.nx-scene1__scrollspace {
	height: 300vh;
}

/* --------------------------------------------------------------------------
   TAGLINE — vive DENTRO del sticky de la scene 1: la composición queda
   trabada y el texto sube desde el borde inferior hasta el hueco entre
   las columnas, debajo del card central (igual que /evasion/).
   El intro JS lo posiciona por frame desde el rect real del card central.
   -------------------------------------------------------------------------- */
.nx-tagline {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: clamp(24px, 3vw, 40px);
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.02em;
	color: #737373;
	text-align: center;
	pointer-events: none;
	will-change: transform;
}

/* --------------------------------------------------------------------------
   SCENE 2 — "Meet Alpine & Forest." + dos tarjetas que se abren
   Track 340vh + sticky 100vh:
     - fase A (0→100vh de scroll):  las tarjetas se abren, el título se va
     - fase B (100→130vh):          hold — el scroll se "traba" un toque
     - fase C (130→240vh):          la sidebar se desliza y empuja las cards,
                                    el fondo cruza de blanco a negro (difuminado)
   -------------------------------------------------------------------------- */
.nx-scene2 {
	position: relative;
	background: #ffffff;
}

.nx-scene2__track {
	height: 340vh;
	position: relative;
}

.nx-scene2__sticky {
	position: sticky;
	top: 0;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.nx-scene2__title {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: clamp(40px, 8vw, 120px);
	font-weight: 500;
	letter-spacing: -0.05em;
	line-height: 1;
	color: #0a0a0a;
	z-index: 0;
	pointer-events: none;
	margin: 0;
	padding: 0 24px;
	will-change: opacity;
}

.nx-scene2__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	width: 100%;
	padding: 0 clamp(16px, 5vw, 80px);
	box-sizing: border-box;
	will-change: padding;
}

.nx-scene2__card {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 16px;
	will-change: transform;
}

.nx-scene2__card img,
.nx-scene2__card video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.nx-scene2__card video {
	background: #11131a;
}

.nx-scene2__chip {
	position: absolute;
	bottom: 24px;
	left: 24px;
	padding: 8px 16px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	color: #ffffff;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.01em;
}

/* --------------------------------------------------------------------------
   SIDEBAR FREEZE — mientras dura el intro, la coreografía de entrada de la
   sidebar queda pausada en su frame inicial (oculta). Al quitarse la clase
   del body, las animaciones reanudan y tocan completas.
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
	body.nx-intro-pending .nexto-sidebar.nx-glass {
		transform: translate3d(-304px, 0, 0);
	}

	body.nx-intro-pending .nexto-sidebar.nx-glass,
	body.nx-intro-pending .nexto-sidebar.nx-glass::before,
	body.nx-intro-pending .nexto-sidebar.nx-glass::after,
	body.nx-intro-pending .nexto-sidebar.nx-glass * {
		animation-play-state: paused !important;
	}
}

/* --------------------------------------------------------------------------
   SIDEBAR FIXED — en test100 la sidebar sale del flujo del layout para poder
   deslizarse junto a las cards durante la fase C del scene 2. El contenido
   compensa con margin-left (misma geometría: 260px sidebar + 8px gap).
   El slide lo maneja el intro JS vía transform (compone con el `translate`
   de la animación de entrada, que usa la propiedad independiente).
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
	.nexto-sidebar.nx-glass.inicio-test10-sidebar {
		position: fixed;
		left: 8px;
		top: 8px;
		margin: 0;
		will-change: transform;
	}

	.admin-bar .nexto-sidebar.nx-glass.inicio-test10-sidebar {
		top: calc(32px + 8px);
	}

	.inicio-test10-content {
		margin-left: 280px; /* 272px sidebar + 8px gap */
	}
}

/* --------------------------------------------------------------------------
   MOBILE — misma coreografía, composición optimizada para touch
   -------------------------------------------------------------------------- */
@media (max-width: 1023px) {
	.nx-scene1__sticky {
		position: sticky;
		top: 0;
		height: 100vh;
		overflow: hidden;
	}

	.nx-scene1__row {
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	.nx-scene1__col {
		display: flex;
		position: relative;
		z-index: 2;
		width: 0;
		height: auto;
		flex: 0 0 auto;
	}

	.nx-scene1__thumb {
		aspect-ratio: 9 / 16;
		border-radius: 0;
	}

	.nx-scene1__thumb + .nx-scene1__thumb {
		margin-top: 10px;
	}

	.nx-scene1__center {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		border-radius: 18px !important;
		z-index: 1;
	}

	.nx-scene1__scale {
		position: absolute;
		left: 50%;
		top: 50%;
	}

	.nx-scene1__scale .bento-hero-v0-card {
		height: 100% !important;
		overflow: hidden !important;
	}

	.nx-scene1__scale .v0-irl {
		height: 100% !important;
		overflow: hidden !important;
	}

	.nx-scene1__scale .v0-hero {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		height: 100% !important;
		min-height: 100% !important;
		padding: clamp(58px, 8vh, 86px) 18px 20px !important;
	}

	.nx-scene1__scale .v0-hero-copy {
		position: relative !important;
		z-index: 5 !important;
		width: 55% !important;
		max-width: none !important;
		align-items: center !important;
		text-align: center !important;
	}

	.nx-scene1__scale .v0-title {
		font-size: clamp(38px, 11vw, 52px) !important;
		line-height: 0.9 !important;
	}

	.nx-scene1__scale .v0-lede {
		max-width: 240px !important;
		font-size: 14px !important;
		line-height: 1.42 !important;
	}

	.nx-scene1__scale .v0-actions {
		justify-content: center !important;
		width: 100% !important;
	}

	.nx-scene1__scale .v0-hero-lanyard {
		position: absolute !important;
		top: 7% !important;
		right: 4% !important;
		bottom: auto !important;
		left: auto !important;
		z-index: 4 !important;
		width: 45% !important;
		height: 60% !important;
		min-height: 0 !important;
		margin: 0 !important;
		pointer-events: none !important;
		overflow: visible !important;
	}

	/* The card model carries a long lower strap on narrow canvases. Keep the
	   hanging loop and card, but crop the decorative tail before it crosses the
	   road scene. */
	.nx-scene1__scale .v0-hero-lanyard {
		clip-path: inset(0 0 19% 0);
	}

	.nx-scene1__scale #event-lanyard-root {
		width: 100% !important;
		height: 100% !important;
	}

	.nx-scene1__scale .inicio-test5-hero-meta {
		width: 100% !important;
		max-width: none !important;
		padding: 10px 12px !important;
	}

	.nx-scene1__scale .inicio-test5-hero-meta-label {
		font-size: 8px !important;
	}

	.nx-scene1__scale .inicio-test5-hero-meta-num {
		font-size: 18px !important;
	}

	.nx-scene1__scrollspace {
		display: block;
		height: 300vh;
	}

	.nx-tagline {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0 12px;
		font-size: clamp(22px, 6vw, 32px);
		line-height: 1.15;
		text-align: center;
		pointer-events: none;
	}

	.nx-scene2__track {
		height: 340vh;
	}

	.nx-scene2__sticky {
		position: sticky;
		top: 0;
		height: 100vh;
		flex-direction: column;
		gap: 18px;
		padding: 0;
		overflow: hidden;
	}

	.nx-scene2__title {
		position: absolute;
		font-size: clamp(38px, 11vw, 58px);
		padding: 0 18px;
		line-height: 0.96;
	}

	.nx-scene2__grid {
		grid-template-columns: 1fr 1fr;
		gap: 8px;
		padding: 0 14px;
	}

	.nx-scene2__card {
		border-radius: 12px;
	}

	.nx-scene2__chip {
		left: 10px;
		bottom: 10px;
		padding: 6px 9px;
		font-size: 11px;
	}
}

/* --------------------------------------------------------------------------
   TEAM BENTO — replaces the old testimonials block with the compact
   Geek and Heat composition from the supplied reference.
   -------------------------------------------------------------------------- */
.nexto-team-bento {
	--team-ink: #11151b;
	--team-red: #ff4039;
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 2.3fr) minmax(220px, 1fr);
	gap: 8px;
	width: 100%;
	height: clamp(480px, 42vw, 560px);
	padding: 0;
	background: var(--team-ink);
	border-radius: 18px;
	overflow: hidden;
}

.nexto-team-bento__feature,
.nexto-team-bento__leader,
.nexto-team-bento__join {
	position: relative;
	min-width: 0;
	overflow: hidden;
	border-radius: 16px;
}

.nexto-team-bento__leader,
.nexto-team-bento__join {
	min-height: 0;
}

.nexto-team-bento__feature {
	background: #ffffff;
	isolation: isolate;
}

.nexto-team-bento__feature::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.88) 24%, rgba(255, 255, 255, 0.2) 62%, rgba(255, 255, 255, 0) 100%),
		linear-gradient(0deg, rgba(255, 255, 255, 0.16), transparent 38%);
}

.nexto-team-bento__visual {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: #ffffff;
}

.nexto-team-bento__visual video {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: right bottom;
	background: #ffffff;
	/* El corrimiento de -3% dejaba el borde derecho al descubierto: con
	   scale(1.04) solo sobraba un 2% por lado. Con 1.10 el sobrante es del
	   5%, así que el desplazamiento queda cubierto y la tarjeta llega
	   entera hasta el borde. */
	transform: translate3d(-3%, 0, 0) scale(1.1);
	transform-origin: center bottom;
	opacity: 1;
}

.nexto-team-bento__feature-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	box-sizing: border-box;
	padding: clamp(26px, 3.2vw, 48px);
	color: #11151b;
}

.nexto-team-bento__feature h2 {
	margin: 0;
	font-family: 'Space Grotesk', sans-serif;
	font-size: clamp(52px, 6.2vw, 92px);
	font-weight: 700;
	line-height: 0.88;
	letter-spacing: -0.085em;
	color: #11151b;
}

.nexto-team-bento__feature p {
	/* Ancho acotado: el texto se queda en la columna izquierda y no invade
	   la figura 3D del fondo, donde el contraste no alcanza. */
	/* Tope en px además de en ch: con `ch` solo, al subir el cuerpo de letra
	   la columna se ensancha y las líneas terminan sobre la figura 3D.
	   Ancho generoso para que el bloque gane a lo largo y no a lo alto:
	   si crece en altura empuja al "+15" fuera de la tarjeta. */
	max-width: min(58ch, 560px);
	margin: clamp(10px, 1vw, 14px) 0 0;
	font-family: 'Geist', sans-serif;
	font-size: clamp(14.5px, 1vw, 16px);
	font-weight: 450;
	line-height: 1.5;
	letter-spacing: -0.006em;
	color: rgba(11, 14, 20, 0.9);
	text-wrap: pretty;
}

/* El primer párrafo entra apenas más grande: hace de bajada del titular. */
.nexto-team-bento__feature p:first-of-type {
	margin-top: clamp(20px, 2.2vw, 28px);
	font-size: clamp(15.5px, 1.08vw, 17px);
	font-weight: 500;
	line-height: 1.45;
	color: rgba(11, 14, 20, 0.97);
}

.nexto-team-bento__stat {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.nexto-team-bento__stat strong {
	font-family: 'Space Grotesk', sans-serif;
	font-size: clamp(34px, 3.8vw, 56px);
	font-weight: 500;
	line-height: 0.9;
	letter-spacing: -0.08em;
}

.nexto-team-bento__stat span,
.nexto-team-bento__join-label,
.nexto-team-bento__leader > p {
	font-family: 'Geist Mono', monospace;
	text-transform: uppercase;
}

.nexto-team-bento__stat span {
	font-size: 9px;
	line-height: 1.25;
	letter-spacing: 0.02em;
	color: rgba(17, 21, 27, 0.62);
}

.nexto-team-bento__side {
	display: grid;
	grid-template-rows: minmax(0, 1.46fr) minmax(0, 1fr);
	gap: 8px;
	min-width: 0;
	min-height: 0;
}

.nexto-team-bento__leader {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	padding: clamp(20px, 1.6vw, 26px) 22px 16px;
	background:
		radial-gradient(circle at 14% 0%, rgba(87, 80, 255, 0.1), transparent 34%),
		linear-gradient(145deg, #ffffff 0%, #f8f8fb 72%, #f0eff8 100%);
	color: #101116;
	text-align: center;
	isolation: isolate;
}

.nexto-team-bento__leader::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(circle, rgba(87, 80, 255, 0.16) 0 1px, transparent 1.5px) 0 0 / 14px 14px,
		linear-gradient(90deg, transparent 0 67%, rgba(87, 80, 255, 0.08) 67.2% 67.4%, transparent 67.6%);
	mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.5) 48%, transparent 92%);
	opacity: 0.5;
	pointer-events: none;
}

.nexto-team-bento__leader::after {
	content: '';
	position: absolute;
	top: -92px;
	right: -62px;
	width: 188px;
	height: 188px;
	z-index: 0;
	border: 1px solid rgba(87, 80, 255, 0.14);
	border-radius: 50%;
	box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.28), 0 0 0 24px rgba(87, 80, 255, 0.045);
	pointer-events: none;
}

.nexto-team-bento__leader > * {
	position: relative;
	z-index: 1;
}

.nexto-team-bento__leader-topline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	font-family: 'Geist Mono', monospace;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
	color: rgba(16, 17, 22, 0.5);
}

.nexto-team-bento__avatar {
	position: relative;
	display: grid;
	place-items: center;
	width: clamp(102px, 5.7vw, 114px);
	height: clamp(102px, 5.7vw, 114px);
	flex: 0 0 auto;
	margin: 10px auto 13px;
	border: 1px solid rgba(16, 17, 22, 0.16);
	border-radius: 50%;
	background: #d8d9df;
	box-shadow: 0 12px 24px rgba(16, 17, 22, 0.16), 0 0 0 5px rgba(255, 255, 255, 0.78);
	isolation: isolate;
}

.nexto-team-bento__avatar::before {
	content: '';
	position: absolute;
	inset: -7px;
	z-index: 0;
	border: 1px solid transparent;
	border-top-color: rgba(87, 80, 255, 0.88);
	border-right-color: rgba(0, 173, 254, 0.58);
	border-radius: 50%;
	transform: rotate(16deg);
}

.nexto-team-bento__avatar::after {
	content: '';
	position: absolute;
	inset: 5px;
	z-index: 2;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 50%;
	pointer-events: none;
}

.nexto-team-bento__avatar img {
	position: absolute;
	inset: 5px;
	z-index: 1;
	display: block;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border-radius: 50%;
	object-fit: cover;
	object-position: 54% 34%;
	filter: saturate(0.9) contrast(1.04);
}

.nexto-team-bento__avatar-index {
	position: absolute;
	top: 12px;
	left: 15px;
	z-index: 3;
	padding: 3px 5px;
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.62);
	font-family: 'Geist Mono', monospace;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: rgba(16,17,22,0.62);
}

.nexto-team-bento__avatar-stamp {
	position: absolute;
	right: 9px;
	bottom: 10px;
	z-index: 3;
	padding: 3px 5px;
	border: 1px solid rgba(255, 255, 255, 0.68);
	border-radius: 999px;
	background: rgba(17, 21, 27, 0.68);
	font-family: 'Geist Mono', monospace;
	font-size: 6px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.9);
}

.nexto-team-bento__leader h3 {
	margin: 0;
	font-family: 'Space Grotesk', sans-serif;
	font-size: clamp(19px, 1.6vw, 23px);
	font-weight: 700;
	letter-spacing: -0.06em;
}

.nexto-team-bento__leader > p {
	margin: 5px 0 0;
	font-size: 8px;
	line-height: 1.2;
	letter-spacing: 0.09em;
	color: rgba(16, 17, 22, 0.56);
}

.nexto-team-bento__socials {
	display: flex;
	gap: 7px;
	margin-top: 16px;
}

.nexto-team-bento__socials span {
	display: grid;
	place-items: center;
	width: 29px;
	height: 29px;
	box-sizing: border-box;
	border: 1px solid rgba(16, 17, 22, 0.18);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.46);
	font-family: 'Space Grotesk', sans-serif;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	color: #101116;
	transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1), background 220ms ease, border-color 220ms ease;
}

.nexto-team-bento__socials span:hover {
	border-color: rgba(87, 80, 255, 0.42);
	background: #ffffff;
	transform: translateY(-2px);
}

.nexto-team-bento__leader-footer {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
	margin-top: auto;
	padding-top: 13px;
	border-top: 1px solid rgba(16,17,22,0.1);
}

.nexto-team-bento__leader-focus {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	text-align: left;
}

.nexto-team-bento__leader-focus > span {
	display: flex;
	align-items: center;
	gap: 6px;
	font-family: 'Geist Mono', monospace;
	font-size: 8.5px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(16,17,22,0.58);
}

.nexto-team-bento__leader-focus > span i {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ff5f7f;
	box-shadow: 0 0 0 3px rgba(255,95,127,0.14), 0 0 10px rgba(255,95,127,0.42);
}

.nexto-team-bento__leader-focus strong {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 13.5px;
	font-weight: 700;
	letter-spacing: -0.055em;
	color: #101116;
}

.nexto-team-bento__leader-code {
	font-family: 'Geist Mono', monospace;
	font-size: 12px;
	font-weight: 600;
	line-height: 0.92;
	letter-spacing: -0.04em;
	text-align: right;
	color: rgba(16,17,22,0.52);
}

.nexto-team-bento__leader-code b {
	font-weight: 400;
	color: #ff5f7f;
}

.nexto-team-bento__join {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	padding: clamp(20px, 1.8vw, 26px) clamp(20px, 2vw, 26px) 20px;
	background:
		radial-gradient(circle, rgba(255, 238, 226, 0.22) 0 1px, transparent 1.6px) 0 0 / 14px 14px,
		radial-gradient(120% 100% at 93% -12%, rgba(255, 174, 148, 0.7), transparent 48%),
		linear-gradient(145deg, #ff6d5d 0%, #ff443d 56%, #f7334b 100%);
	color: #ffffff;
	text-decoration: none;
	isolation: isolate;
	transition: transform 360ms cubic-bezier(0.16, 1, 0.3, 1), filter 300ms ease;
}

.nexto-team-bento__join::before {
	content: '';
	position: absolute;
	width: 160%;
	height: 112%;
	top: -71%;
	left: -28%;
	border-radius: 50%;
	border: 1px solid rgba(255, 235, 226, 0.26);
	background: rgba(255, 174, 148, 0.28);
	transform: rotate(-7deg);
}

.nexto-team-bento__join::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(145deg, transparent 0 54%, rgba(187, 27, 50, 0.16) 54.2% 54.7%, transparent 55%),
		linear-gradient(105deg, transparent 0 74%, rgba(255, 238, 226, 0.12) 74.2% 74.5%, transparent 74.8%);
}

.nexto-team-bento__join:hover,
.nexto-team-bento__join:focus-visible {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.nexto-team-bento__join:focus-visible {
	outline: 3px solid rgba(255, 255, 255, 0.82);
	outline-offset: -6px;
}

.nexto-team-bento__join-label {
	position: relative;
	z-index: 1;
	font-size: 8px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0.04em;
}

.nexto-team-bento__join-index {
	position: absolute;
	top: clamp(21px, 1.8vw, 26px);
	right: 68px;
	z-index: 1;
	font-family: 'Geist Mono', monospace;
	font-size: 7px;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.72);
}

.nexto-team-bento__join-arrow {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(255, 255, 255, 0.74);
	border-radius: 50%;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 17px;
	line-height: 1;
	transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), background 220ms ease;
}

.nexto-team-bento__join-body {
	position: relative;
	z-index: 1;
	width: 100%;
	margin: auto 0 0;
}

.nexto-team-bento__join-kicker {
	display: block;
	font-family: 'Geist Mono', monospace;
	font-size: 7px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 1;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.68);
}

.nexto-team-bento__join h3 {
	margin: 8px 0 9px;
	font-family: 'Space Grotesk', sans-serif;
	font-size: clamp(27px, 2.35vw, 36px);
	font-weight: 700;
	line-height: 0.94;
	letter-spacing: -0.075em;
}

.nexto-team-bento__join p {
	position: relative;
	z-index: 1;
	max-width: 190px;
	margin: 0;
	font-family: 'Geist', sans-serif;
	font-size: 10.5px;
	font-weight: 500;
	line-height: 1.35;
	color: rgba(255, 255, 255, 0.82);
}

.nexto-team-bento__join-footer {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-top: 12px;
	padding-top: 9px;
	border-top: 1px solid rgba(255, 255, 255, 0.28);
	font-family: 'Geist Mono', monospace;
	font-size: 7px;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.7);
}

.nexto-team-bento__join:hover .nexto-team-bento__join-arrow,
.nexto-team-bento__join:focus-visible .nexto-team-bento__join-arrow {
	background: rgba(255, 255, 255, 0.14);
	transform: rotate(10deg) scale(1.08);
}

@media (max-width: 767px) {
	.nexto-team-bento {
		grid-template-columns: 1fr;
		height: auto;
		border-radius: 14px;
	}

	.nexto-team-bento__feature {
		min-height: min(560px, 130vw);
	}

	.nexto-team-bento__feature h2 {
		font-size: clamp(58px, 17vw, 88px);
	}

	.nexto-team-bento__feature-content {
		padding: 30px;
	}

	.nexto-team-bento__side {
		min-height: 570px;
		grid-template-rows: minmax(318px, 1.3fr) minmax(238px, 1fr);
	}

	.nexto-team-bento__leader,
	.nexto-team-bento__join {
		border-radius: 14px;
	}

	.nexto-team-bento__leader {
		padding: 20px 20px 16px;
	}

	.nexto-team-bento__avatar {
		width: clamp(98px, 28vw, 112px);
		height: clamp(98px, 28vw, 112px);
		margin-top: 8px;
		margin-bottom: 11px;
	}

	.nexto-team-bento__leader h3 {
		font-size: clamp(19px, 5.6vw, 23px);
	}

	.nexto-team-bento__socials {
		gap: 6px;
		margin-top: 14px;
	}

	.nexto-team-bento__socials span {
		width: 28px;
		height: 28px;
	}

	.nexto-team-bento__join {
		padding: 22px 24px 18px;
	}

	.nexto-team-bento__join-index {
		top: 23px;
	}

	.nexto-team-bento__join h3 {
		font-size: clamp(28px, 8.7vw, 35px);
	}

	.nexto-team-bento__join p {
		max-width: 235px;
		font-size: 10.5px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nexto-team-bento__join,
	.nexto-team-bento__join-arrow,
	.nexto-team-bento__socials span {
		transition: none;
	}
}

/* --------------------------------------------------------------------------
   TEAM BENTO — solo freelancer treatment, using the Servicios de Autor
   palette without turning the profile into a team or recruiting block.
   -------------------------------------------------------------------------- */
.nexto-team-bento__leader {
	padding: clamp(20px, 1.6vw, 26px) 22px 16px;
	border: 1px solid rgba(45, 36, 68, 0.08);
	background: rgba(255, 255, 255, 0.64);
	box-shadow: 0 14px 34px -12px rgba(39, 29, 68, 0.14), inset 0 1px 0 #ffffff;
	backdrop-filter: blur(11px) saturate(125%);
	-webkit-backdrop-filter: blur(11px) saturate(125%);
}

.nexto-team-bento__leader::before,
.nexto-team-bento__leader::after {
	content: none;
}

.nexto-team-bento__leader > .nexto-team-bento__leader-video,
.nexto-team-bento__leader > .nexto-team-bento__leader-video-shade {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0;
	border-radius: inherit;
	pointer-events: none;
}

.nexto-team-bento__leader-video {
	display: block;
	object-fit: cover;
	object-position: 72% 50%;
	opacity: 0.96;
	filter: saturate(1.08) contrast(0.92) brightness(1.18);
	transform: scale(1.06, -1.06);
	transform-origin: center center;
}

.nexto-team-bento__leader-video-shade {
	background:
		linear-gradient(180deg, rgba(241, 242, 255, 0.56) 0%, rgba(247, 247, 255, 0.24) 43%, rgba(241, 242, 255, 0.62) 100%),
		radial-gradient(80% 110% at 18% 8%, rgba(87, 80, 255, 0.06), transparent 70%),
		radial-gradient(80% 100% at 88% 100%, rgba(110, 190, 255, 0.06), transparent 72%);
	backdrop-filter: blur(2px) saturate(120%);
	-webkit-backdrop-filter: blur(2px) saturate(120%);
}

.nexto-team-bento__leader-topline {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: -0.025em;
	text-transform: none;
	color: #171522;
	text-shadow: none;
}

.nexto-team-bento__avatar {
	width: clamp(96px, 5.4vw, 110px);
	height: clamp(96px, 5.4vw, 110px);
	margin: 13px auto 15px;
	border: 1px solid rgba(76, 74, 112, 0.18);
	background: #d9daea;
	box-shadow: 0 14px 28px -16px rgba(39, 29, 68, 0.45);
}

.nexto-team-bento__avatar::before,
.nexto-team-bento__avatar::after {
	content: none;
}

.nexto-team-bento__avatar img {
	inset: 0;
	width: 100%;
	height: 100%;
	object-position: 47% 34%;
	filter: saturate(0.92) contrast(1.03);
}

.nexto-team-bento__leader h3 {
	font-size: clamp(20px, 1.65vw, 24px);
	letter-spacing: -0.065em;
	color: #ffffff;
	text-shadow: 0 2px 14px rgba(13, 12, 20, 0.42);
}

.nexto-team-bento__leader .nexto-team-bento__leader-role {
	margin: 5px 0 0;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 11.5px;
	font-weight: 650;
	line-height: 1.25;
	letter-spacing: -0.025em;
	text-transform: none;
	color: rgba(255, 255, 255, 0.9);
	text-shadow: 0 2px 14px rgba(13, 12, 20, 0.42);
}

.nexto-team-bento__socials {
	gap: 7px;
	margin-top: 15px;
}

.nexto-team-bento__socials span {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(76, 74, 112, 0.14);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.48);
	color: #252432;
	cursor: default;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.nexto-team-bento__socials span:hover {
	border-color: rgba(87, 80, 255, 0.34);
	background: rgba(255, 255, 255, 0.78);
	transform: translateY(-2px);
}

.nexto-team-bento__socials svg {
	display: block;
	width: 15px;
	height: 15px;
	overflow: visible;
}

.nexto-team-bento__socials svg path,
.nexto-team-bento__socials svg circle,
.nexto-team-bento__socials svg rect {
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.nexto-team-bento__socials .is-x svg path {
	fill: currentColor;
	stroke: none;
}

.nexto-team-bento__socials .is-dribbble svg path,
.nexto-team-bento__socials .is-dribbble svg circle {
	stroke-width: 1.3;
}

.nexto-team-bento__socials .is-instagram svg rect {
	stroke-width: 1.45;
}

.nexto-team-bento__socials .is-instagram svg circle:first-of-type {
	stroke-width: 1.35;
}

.nexto-team-bento__socials .is-instagram svg circle:last-of-type {
	stroke: none;
}

.nexto-team-bento__socials .is-linkedin svg path {
	stroke-width: 1.65;
}

.nexto-team-bento__leader-footer {
	margin-top: auto;
	padding-top: 11px;
	border-top-color: rgba(255, 255, 255, 0.22);
}

.nexto-team-bento__leader-note {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.02em;
	text-transform: none;
	color: #171522;
	text-shadow: none;
}

.nexto-team-bento__leader-mark {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border: 1px solid rgba(87, 80, 255, 0.22);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.6);
	font-family: 'Space Grotesk', sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: -0.06em;
	color: #5750ff;
}

.nexto-team-bento__join {
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, 0.82);
	background:
		radial-gradient(80% 130% at 100% 0%, rgba(167, 164, 255, 0.28), transparent 58%),
		radial-gradient(75% 110% at 0% 100%, rgba(255, 188, 211, 0.2), transparent 64%),
		rgba(246, 246, 255, 0.86);
	color: #252432;
	box-shadow: 0 16px 34px -20px rgba(39, 29, 68, 0.3), inset 0 1px 0 #ffffff;
	backdrop-filter: blur(16px) saturate(130%);
	-webkit-backdrop-filter: blur(16px) saturate(130%);
}

.nexto-team-bento__join::before,
.nexto-team-bento__join::after {
	content: none;
}

.nexto-team-bento__join:hover,
.nexto-team-bento__join:focus-visible {
	filter: none;
	transform: translateY(-2px);
	box-shadow: 0 22px 40px -20px rgba(39, 29, 68, 0.38), inset 0 1px 0 #ffffff;
}

.nexto-team-bento__join:focus-visible {
	outline: 2px solid rgba(87, 80, 255, 0.72);
	outline-offset: -4px;
}

.nexto-team-bento__join-head {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.nexto-team-bento__join-status,
.nexto-team-bento__join-index {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 9.5px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.02em;
	text-transform: none;
	color: #4c4a70;
}

.nexto-team-bento__join-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.nexto-team-bento__join-status i {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #5750ff;
	box-shadow: 0 0 0 3px rgba(87, 80, 255, 0.1), 0 0 12px rgba(87, 80, 255, 0.35);
}

.nexto-team-bento__join-index {
	position: static;
	color: rgba(76, 74, 112, 0.58);
}

.nexto-team-bento__join-arrow {
	position: static;
	width: 27px;
	height: 27px;
	border: 0;
	color: #12111a;
	background: #ffffff;
	box-shadow: 0 5px 14px rgba(0, 0, 0, 0.18);
}

.nexto-team-bento__join-arrow svg {
	display: block;
	width: 15px;
	height: 15px;
}

.nexto-team-bento__join-arrow svg path {
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.nexto-team-bento__join-kicker {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 9.5px;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-transform: none;
	color: rgba(62, 60, 96, 0.82);
}

.nexto-team-bento__join h3 {
	margin: 7px 0 10px;
	font-size: clamp(26px, 2.15vw, 33px);
	line-height: 0.95;
	letter-spacing: -0.075em;
	color: #252432;
}

.nexto-team-bento__join-body {
	margin: auto 0 10px;
}

.nexto-team-bento__join-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.nexto-team-bento__join-tags span {
	padding: 4px 8px;
	border: 1px solid rgba(76, 74, 112, 0.12);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.58);
	font-family: 'Space Grotesk', sans-serif;
	font-size: 8px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.015em;
	text-transform: none;
	color: #4c4a70;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.nexto-team-bento__join-footer {
	align-items: center;
	box-sizing: border-box;
	min-height: 37px;
	margin-top: 0;
	padding: 5px 5px 5px 12px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 12px;
	background: #12111a;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 9.5px;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-transform: none;
	color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 10px 22px -12px rgba(18, 17, 26, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.nexto-team-bento__join:hover .nexto-team-bento__join-footer,
.nexto-team-bento__join:focus-visible .nexto-team-bento__join-footer {
	background: #5750ff;
}

.nexto-team-bento__join:hover .nexto-team-bento__join-arrow,
.nexto-team-bento__join:focus-visible .nexto-team-bento__join-arrow {
	background: #ffffff;
	transform: translateX(2px);
}

@media (max-width: 767px) {
	.nexto-team-bento__leader {
		padding: 20px 20px 16px;
	}

	.nexto-team-bento__avatar {
		width: clamp(98px, 28vw, 112px);
		height: clamp(98px, 28vw, 112px);
		margin-top: 8px;
		margin-bottom: 11px;
	}

	.nexto-team-bento__leader h3 {
		font-size: clamp(20px, 5.6vw, 24px);
	}

	.nexto-team-bento__join {
		padding: 18px;
	}

	.nexto-team-bento__join h3 {
		font-size: clamp(28px, 8vw, 34px);
	}
}

/* --------------------------------------------------------------------------
   DUAL FOOTER — lamp + rotating card intro, then the approved editorial face
   -------------------------------------------------------------------------- */
.nexto-prow-footer--dual {
    height: clamp(420px, 25vw, 440px);
}

.nexto-prow-footer--dual .nexto-prow-footer__face {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--experience {
    z-index: 2;
    display: grid;
    place-items: center;
    background: #020617;
    opacity: 0;
    transform: scale(1.025);
    filter: blur(10px);
    transition: opacity 900ms ease, transform 1300ms cubic-bezier(0.16, 1, 0.3, 1), filter 1100ms ease;
}

.nexto-prow-footer--dual.is-sequence-started .nexto-prow-footer__face--experience {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
}

.nexto-prow-footer--dual.is-original-visible .nexto-prow-footer__face--experience {
    opacity: 0;
    transform: scale(0.965);
    filter: blur(18px);
    pointer-events: none;
    transition-duration: 1100ms, 1300ms, 1100ms;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original {
    z-index: 1;
    isolation: isolate;
    opacity: 0;
    transform: scale(1.045);
    filter: blur(20px) saturate(0.7);
    clip-path: inset(7% 4% 7% 4% round 34px);
    pointer-events: none;
    transition: opacity 1200ms ease 180ms,
                transform 1500ms cubic-bezier(0.16, 1, 0.3, 1) 100ms,
                filter 1300ms ease 100ms,
                clip-path 1500ms cubic-bezier(0.16, 1, 0.3, 1) 100ms;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__video {
    object-position: center bottom;
}

.nexto-prow-footer--dual.is-original-visible .nexto-prow-footer__face--original {
    z-index: 3;
    opacity: 1;
    transform: scale(1);
    filter: blur(0) saturate(1);
    clip-path: inset(0 round 0);
    pointer-events: auto;
}

.nexto-footer-thanks {
    position: absolute;
    z-index: 14;
    top: clamp(20px, 2.2vw, 32px);
    left: 50%;
    width: min(90%, 620px);
    color: rgba(248, 250, 252, 0.96);
    text-align: center;
    opacity: 0;
    transform: translate(-50%, 18px);
    filter: blur(8px);
    transition: opacity 850ms ease 100ms,
                transform 1050ms cubic-bezier(0.16, 1, 0.3, 1) 100ms,
                filter 900ms ease 100ms;
}

.nexto-prow-footer--dual.is-sequence-started .nexto-footer-thanks {
    opacity: 1;
    transform: translate(-50%, 0);
    filter: blur(0);
}

.nexto-footer-thanks p,
.nexto-footer-thanks span {
    display: block;
    margin: 0;
}

.nexto-footer-thanks p {
    font-family: 'Geist', Arial, sans-serif;
    font-size: clamp(20px, 1.75vw, 28px);
    font-weight: 520;
    line-height: 1.08;
    letter-spacing: -0.035em;
    text-wrap: balance;
}

.nexto-footer-thanks span {
    position: relative;
    isolation: isolate;
    width: fit-content;
    max-width: 100%;
    margin: 11px auto 0;
    color: transparent;
    background: linear-gradient(90deg, #ff5f3d 0%, #ff7a50 24%, #d94fd1 52%, #7c63ff 78%, #a7b2ff 100%);
    background-size: 220% 100%;
    background-position: 0% 50%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(11px, 0.84vw, 14px);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    filter: drop-shadow(0 0 10px rgba(217, 79, 209, 0.28));
    animation: nextoFooterThanksSpectrum 4.8s cubic-bezier(0.45, 0, 0.55, 1) infinite alternate;
}

.nexto-footer-thanks span::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: -7px -18px -9px;
    border-radius: 999px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 95, 61, 0.34), rgba(217, 79, 209, 0.3), rgba(124, 99, 255, 0.34));
    filter: blur(14px);
    opacity: 0.2;
    animation: nextoFooterThanksAura 3.6s ease-in-out infinite;
}

.nexto-footer-thanks span::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -7px;
    width: 78%;
    height: 1px;
    border-radius: 999px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, #ff7a50 20%, #d94fd1 50%, #7c63ff 78%, transparent);
    box-shadow: 0 0 12px rgba(217, 79, 209, 0.42);
    opacity: 0.72;
    transform: translateX(-50%) scaleX(0.72);
    transform-origin: center;
    animation: nextoFooterThanksUnderline 3.6s ease-in-out infinite;
}

@keyframes nextoFooterThanksSpectrum {
    0% {
        background-position: 0% 50%;
        filter: drop-shadow(0 0 9px rgba(255, 95, 61, 0.22));
    }
    50% {
        filter: drop-shadow(0 0 12px rgba(217, 79, 209, 0.34));
    }
    100% {
        background-position: 100% 50%;
        filter: drop-shadow(0 0 10px rgba(124, 99, 255, 0.3));
    }
}

@keyframes nextoFooterThanksAura {
    0%, 100% { opacity: 0.14; transform: scale(0.94); }
    50% { opacity: 0.28; transform: scale(1.04); }
}

@keyframes nextoFooterThanksUnderline {
    0%, 100% { opacity: 0.48; transform: translateX(-50%) scaleX(0.68); }
    50% { opacity: 0.88; transform: translateX(-50%) scaleX(1); }
}

.nexto-footer-lamp {
    --nexto-lamp-coral: #ff7a50;
    --nexto-lamp-orange: #ff5f3d;
    --nexto-lamp-magenta: #d94fd1;
    --nexto-lamp-violet: #7c63ff;
    --nexto-lamp-periwinkle: #a7b2ff;
    position: absolute;
    top: 2%;
    left: 50%;
    width: min(720px, 66vw);
    height: 60%;
    transform: translateX(-50%) scaleY(1.12);
    transform-origin: center top;
    isolation: isolate;
    pointer-events: none;
}

.nexto-footer-lamp__beam {
    position: absolute;
    top: 40%;
    width: 50%;
    height: 36%;
    opacity: 0.5;
    transform: scaleX(0.5);
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 72%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 72%, transparent);
    transition: opacity 800ms ease-in-out 300ms, transform 800ms ease-in-out 300ms;
}

.nexto-prow-footer--dual.is-sequence-started .nexto-footer-lamp__beam {
    opacity: 1;
    transform: scaleX(1);
}

.nexto-footer-lamp__beam--left {
    right: 50%;
    transform-origin: right top;
    background: conic-gradient(from 70deg at 100% 0%, var(--nexto-lamp-orange) 0%, var(--nexto-lamp-coral) 12%, rgba(217, 79, 209, 0.72) 24%, transparent 38%);
}

.nexto-footer-lamp__beam--right {
    left: 50%;
    transform-origin: left top;
    background: conic-gradient(from 290deg at 0 0, transparent 62%, rgba(124, 99, 255, 0.34) 74%, var(--nexto-lamp-violet) 88%, var(--nexto-lamp-periwinkle) 100%);
}

.nexto-footer-lamp__beam i,
.nexto-footer-lamp__beam b {
    position: absolute;
    display: block;
    z-index: 2;
    background: #020617;
}

.nexto-footer-lamp__beam i {
    bottom: 0;
    width: 100%;
    height: 66%;
    -webkit-mask-image: linear-gradient(to top, #000, transparent);
    mask-image: linear-gradient(to top, #000, transparent);
}

.nexto-footer-lamp__beam b {
    bottom: 0;
    width: 34%;
    height: 100%;
}

.nexto-footer-lamp__beam--left b {
    left: 0;
    -webkit-mask-image: linear-gradient(to right, #000, transparent);
    mask-image: linear-gradient(to right, #000, transparent);
}

.nexto-footer-lamp__beam--right b {
    right: 0;
    -webkit-mask-image: linear-gradient(to left, #000, transparent);
    mask-image: linear-gradient(to left, #000, transparent);
}

.nexto-footer-lamp__wash,
.nexto-footer-lamp__aura,
.nexto-footer-lamp__core,
.nexto-footer-lamp__line,
.nexto-footer-lamp__cap {
    position: absolute;
    left: 50%;
    display: block;
    transform: translateX(-50%);
}

.nexto-footer-lamp__wash {
    top: 48%;
    width: 140%;
    height: 38%;
    background: #020617;
    filter: blur(24px);
}

.nexto-footer-lamp__aura {
    top: 42%;
    z-index: 4;
    width: 58%;
    height: 34%;
    border-radius: 50%;
    background:
        radial-gradient(circle at 24% 58%, rgba(255, 95, 61, 0.96) 0%, rgba(255, 122, 80, 0.56) 28%, transparent 62%),
        radial-gradient(circle at 53% 48%, rgba(217, 79, 209, 0.88) 0%, rgba(217, 79, 209, 0.42) 32%, transparent 66%),
        radial-gradient(circle at 80% 50%, rgba(124, 99, 255, 0.94) 0%, rgba(167, 178, 255, 0.5) 34%, transparent 70%);
    opacity: 0.62;
    filter: blur(46px);
}

.nexto-footer-lamp__core {
    top: 40%;
    z-index: 5;
    width: 16%;
    height: 28%;
    border-radius: 50%;
    background: linear-gradient(90deg, var(--nexto-lamp-orange) 0%, var(--nexto-lamp-coral) 24%, var(--nexto-lamp-magenta) 52%, var(--nexto-lamp-violet) 78%, var(--nexto-lamp-periwinkle) 100%);
    filter: blur(23px);
    transform: translateX(-50%) scaleX(0.5);
    transition: width 800ms ease-in-out 300ms, transform 800ms ease-in-out 300ms;
}

.nexto-prow-footer--dual.is-sequence-started .nexto-footer-lamp__core {
    width: 32%;
    transform: translateX(-50%) scaleX(1);
}

.nexto-footer-lamp__line {
    top: 39.5%;
    z-index: 7;
    width: 42%;
    height: 2px;
    background: linear-gradient(90deg, var(--nexto-lamp-orange) 0%, var(--nexto-lamp-coral) 24%, var(--nexto-lamp-magenta) 52%, var(--nexto-lamp-violet) 78%, var(--nexto-lamp-periwinkle) 100%);
    box-shadow:
        -110px 0 42px rgba(255, 95, 61, 0.38),
        -38px 0 28px rgba(217, 79, 209, 0.56),
        38px 0 30px rgba(124, 99, 255, 0.58),
        110px 0 42px rgba(167, 178, 255, 0.36),
        0 0 16px rgba(255, 255, 255, 0.5);
    transform: translateX(-50%) scaleX(0.5);
    transition: transform 800ms ease-in-out 300ms;
}

.nexto-prow-footer--dual.is-sequence-started .nexto-footer-lamp__line {
    transform: translateX(-50%) scaleX(1);
}

.nexto-footer-lamp__cap {
    top: 0;
    z-index: 8;
    width: 100%;
    height: 0;
    background: #020617;
}

.nexto-footer-card-stage {
    position: absolute;
    z-index: 12;
    top: 46%;
    left: 50%;
    width: clamp(220px, 22vw, 320px);
    aspect-ratio: 1.6;
    padding: 0;
    color: inherit;
    border: 0;
    background: transparent;
    perspective: 1000px;
    cursor: pointer;
    opacity: 0;
    transform: translate(-50%, 70px) scale(0.76);
    filter: blur(10px);
    transition: opacity 850ms ease 650ms,
                transform 1150ms cubic-bezier(0.16, 1, 0.3, 1) 650ms,
                filter 900ms ease 650ms;
}

.nexto-prow-footer--dual.is-sequence-started .nexto-footer-card-stage {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
    filter: blur(0);
}

.nexto-footer-card-stage:focus-visible {
    outline: 2px solid #a7b2ff;
    outline-offset: 12px;
}

.nexto-footer-card-stage__halo {
    position: absolute;
    inset: 14% 6% -16%;
    border-radius: 50%;
    background: linear-gradient(90deg, rgba(255, 95, 61, 0.24) 0%, rgba(217, 79, 209, 0.24) 52%, rgba(124, 99, 255, 0.24) 100%);
    filter: blur(34px);
    opacity: 0.54;
    transform: translateY(18px);
}

.nexto-footer-card {
    position: absolute;
    inset: 0;
    display: block;
    transform-style: preserve-3d;
    transform: rotateX(10deg) rotateZ(5deg) rotateY(0deg);
    will-change: transform;
}

.nexto-footer-card__face {
    position: absolute;
    inset: 0;
    display: flex;
    overflow: hidden;
    border-radius: 10px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border: 1px solid rgba(167, 178, 255, 0.16);
    box-shadow: 0 24px 55px rgba(0, 0, 0, 0.58);
}

.nexto-footer-card__face--front {
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(16px, 1.7vw, 24px);
    color: #f8fafc;
    background: linear-gradient(135deg, #070914 0%, #03040b 68%, #020308 100%);
    text-align: left;
}

.nexto-footer-card__eyebrow {
    color: rgba(167, 178, 255, 0.74);
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(7px, 0.62vw, 10px);
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.nexto-footer-card__logo {
    width: 30px;
    height: 30px;
    margin-top: clamp(14px, 1.2vw, 20px);
}

.nexto-footer-card__logo img,
.nexto-footer-card__back-mark img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nexto-footer-card__message {
    margin-top: auto;
    color: rgba(248, 250, 252, 0.76);
    font-family: 'Geist Mono', monospace;
    font-size: clamp(8px, 0.78vw, 12px);
    line-height: 1.5;
}

.nexto-footer-card__face--front strong {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 8px;
    color: #fff;
    font-family: 'Geist Mono', monospace;
    font-size: clamp(8px, 0.78vw, 12px);
    font-weight: 650;
}

.nexto-footer-card__face--front strong small {
    margin-top: 5px;
    color: rgba(214, 202, 237, 0.58);
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(6px, 0.52vw, 8px);
    font-weight: 700;
    letter-spacing: 0.09em;
    line-height: 1.2;
}

.nexto-footer-card__face--back {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.94);
    background-color: #030512;
    background-image: url('../img/sidebar-halftone-brand.webp');
    background-position: center 72%;
    background-size: cover;
    transform: rotateY(180deg);
}

.nexto-footer-card__back-mark {
    height: 54px;
    width: 54px;
}

.nexto-footer-card__back-wordmark {
    margin-top: 12px;
    color: #fff;
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(12px, 1.05vw, 16px);
    font-weight: 650;
    letter-spacing: -0.05em;
}

.nexto-footer-card__back-meta {
    margin-top: 7px;
    color: rgba(255, 255, 255, 0.72);
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(6px, 0.52vw, 8px);
    font-weight: 700;
    letter-spacing: 0.12em;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__top > *,
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__wordmark {
    opacity: 0;
    transform: translateY(30px);
    filter: blur(8px);
    transition: opacity 850ms ease, transform 1050ms cubic-bezier(0.16, 1, 0.3, 1), filter 900ms ease;
}

.nexto-prow-footer--dual.is-original-visible .nexto-prow-footer__face--original .nexto-prow-footer__top > *,
.nexto-prow-footer--dual.is-original-visible .nexto-prow-footer__face--original .nexto-prow-footer__wordmark {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

.nexto-prow-footer--dual.is-original-visible .nexto-prow-footer__face--original .nexto-prow-footer__brand { transition-delay: 430ms; }
.nexto-prow-footer--dual.is-original-visible .nexto-prow-footer__face--original .nexto-prow-footer__nav { transition-delay: 560ms; }
.nexto-prow-footer--dual.is-original-visible .nexto-prow-footer__face--original .nexto-prow-footer__pitch { transition-delay: 690ms; }
.nexto-prow-footer--dual.is-original-visible .nexto-prow-footer__face--original .nexto-prow-footer__wordmark { transition-delay: 780ms; }

/* Editorial face: bring the top controls into the same rounded studio language. */
.nexto-prow-footer--dual .nexto-prow-footer__top {
    grid-template-columns: minmax(220px, 0.72fr) minmax(360px, 1fr) minmax(430px, 1.24fr);
    gap: clamp(24px, 3vw, 52px);
    padding: clamp(24px, 2.8vw, 38px) clamp(28px, 2.8vw, 48px) 0;
}

.nexto-prow-footer--dual .nexto-prow-footer__brand > a {
    font-size: clamp(24px, 2vw, 34px);
    font-weight: 650;
}

.nexto-prow-footer--dual .nexto-prow-footer__signature {
    margin-top: clamp(28px, 2.6vw, 40px);
}

.nexto-prow-footer--dual .nexto-prow-footer__signature p {
    font-size: clamp(13px, 1vw, 16px);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav {
    position: relative;
    width: min(100%, 420px);
    padding-left: 22px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav::before {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 7px;
    width: 1px;
    border-radius: 999px;
    content: '';
    background: linear-gradient(180deg, transparent, #f5dc86 18%, #d488ff 39%, #7f9cff 58%, #ffb44c 76%, #74dcb1 91%, transparent);
    box-shadow: 0 0 12px rgba(245, 220, 134, 0.28);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav-grid {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a {
    position: relative;
    grid-template-columns: 9px minmax(0, 1fr) auto;
    min-height: 45px;
    gap: 14px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(245, 220, 134, 0.16);
    border-radius: 0;
    background: transparent;
    color: rgba(245, 220, 134, 0.78);
    font-size: clamp(13px, 0.95vw, 16px);
    font-weight: 560;
    letter-spacing: -0.035em;
    transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:last-child {
    border-bottom-color: transparent;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a::after {
    position: absolute;
    height: 1px;
    content: '';
    pointer-events: none;
    transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1), background 0.25s ease, box-shadow 0.25s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a::before {
    top: 50%;
    left: -22px;
    width: 16px;
    background: transparent;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a::after {
    right: 0;
    bottom: 8px;
    width: 18px;
    background: rgba(245, 220, 134, 0.24);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover {
    transform: translateX(4px);
    border-bottom-color: rgba(245, 220, 134, 0.34);
    background: linear-gradient(90deg, rgba(245, 220, 134, 0.09), transparent 68%);
    color: #ffe8a0;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current {
    border-bottom-color: rgba(245, 220, 134, 0.68);
    background: linear-gradient(90deg, rgba(245, 220, 134, 0.16), transparent 72%);
    color: #ffe8a0;
    font-weight: 650;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::before {
    left: -22px;
    width: 30px;
    background: #f5dc86;
    box-shadow: 0 0 12px rgba(245, 220, 134, 0.68);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after {
    width: 46px;
    background: #f5dc86;
    box-shadow: 0 0 12px rgba(245, 220, 134, 0.46);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav i {
    width: 9px;
    height: 9px;
    box-shadow: 0 0 11px rgba(245, 220, 134, 0.66);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(2) i {
    box-shadow: 0 0 11px rgba(212, 136, 255, 0.66);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(3) i {
    box-shadow: 0 0 11px rgba(127, 156, 255, 0.66);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(4) i {
    box-shadow: 0 0 11px rgba(255, 180, 76, 0.66);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(5) i {
    box-shadow: 0 0 11px rgba(116, 220, 177, 0.66);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i {
    background: #f5dc86;
    box-shadow: 0 0 10px rgba(245, 220, 134, 0.62);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav sup {
    color: rgba(245, 220, 134, 0.42);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: -0.04em;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:focus-visible {
    outline: 2px solid rgba(245, 220, 134, 0.78);
    outline-offset: 2px;
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch {
    width: min(100%, 560px);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch p {
    font-size: clamp(34px, 2.8vw, 48px);
    font-weight: 500;
    line-height: 0.9;
    letter-spacing: -0.06em;
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a {
    position: relative;
    z-index: 0;
    isolation: isolate;
    width: clamp(128px, 8.5vw, 154px);
    margin: clamp(24px, 2.3vw, 36px) auto 0;
    overflow: visible;
    box-shadow: 0 14px 36px rgba(16, 13, 5, 0.28), 0 0 0 1px rgba(255, 232, 160, 0.18);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a::before,
.nexto-prow-footer--dual .nexto-prow-footer__pitch > a::after {
    position: absolute;
    inset: -1px;
    z-index: -1;
    border-radius: 50%;
    content: '';
    pointer-events: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a::before {
    inset: -10px;
    border: 1px solid rgba(245, 220, 134, 0.46);
    opacity: 0.68;
    transform: scale(0.86);
    transition: opacity 0.4s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a::after {
    background: radial-gradient(circle, rgba(245, 220, 134, 0.38), transparent 67%);
    filter: blur(12px);
    opacity: 0.56;
    transform: scale(0.9);
    transition: opacity 0.4s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:hover,
.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:focus-visible {
    transform: translateY(-6px) rotate(-8deg) scale(1.08);
    box-shadow: 0 22px 46px rgba(16, 13, 5, 0.34), 0 0 0 1px rgba(255, 232, 160, 0.3);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:hover::before,
.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:focus-visible::before {
    opacity: 1;
    transform: scale(1.12);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:hover::after,
.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:focus-visible::after {
    opacity: 0.9;
    transform: scale(1.16);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch svg {
    position: relative;
    z-index: 1;
    width: clamp(34px, 3.2vw, 48px);
}

.nexto-prow-footer--dual .nexto-prow-footer__wordmark {
    bottom: clamp(24px, 1.5vw, 28px);
    pointer-events: none;
    font-size: clamp(98px, 10vw, 176px);
}

/* Editorial face: replace the inherited gold system with Nexto's approved spectrum. */
.nexto-prow-footer--dual .nexto-prow-footer__face--original {
    --nexto-editorial-coral: #ff7a50;
    --nexto-editorial-orange: #ff5f3d;
    --nexto-editorial-magenta: #d94fd1;
    --nexto-editorial-violet: #7c63ff;
    --nexto-editorial-periwinkle: #a7b2ff;
    --nexto-editorial-spectrum: linear-gradient(90deg, #ff5f3d 0%, #ff7a50 24%, #d94fd1 52%, #7c63ff 78%, #a7b2ff 100%);
}

.nexto-prow-footer--dual .nexto-prow-footer__brand > a,
.nexto-prow-footer--dual .nexto-prow-footer__pitch p,
.nexto-prow-footer--dual .nexto-prow-footer__wordmark {
    color: transparent;
    background-image: var(--nexto-editorial-spectrum);
    background-size: 220% 100%;
    background-position: 0% 50%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: nextoFooterEditorialSpectrum 7.5s cubic-bezier(0.45, 0, 0.55, 1) infinite alternate;
}

.nexto-prow-footer--dual .nexto-prow-footer__brand > a {
    filter: drop-shadow(0 0 14px rgba(217, 79, 209, 0.2));
}

.nexto-prow-footer--dual .nexto-prow-footer__signature p {
    color: rgba(239, 236, 255, 0.82);
    text-shadow: 0 0 18px rgba(124, 99, 255, 0.2);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav::before {
    background: linear-gradient(
        180deg,
        transparent,
        var(--nexto-editorial-orange) 16%,
        var(--nexto-editorial-coral) 33%,
        var(--nexto-editorial-magenta) 52%,
        var(--nexto-editorial-violet) 72%,
        var(--nexto-editorial-periwinkle) 90%,
        transparent
    );
    box-shadow: 0 0 14px rgba(217, 79, 209, 0.3);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a {
    border-bottom-color: rgba(167, 178, 255, 0.16);
    color: rgba(239, 236, 255, 0.76);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a::after {
    background: rgba(167, 178, 255, 0.24);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover {
    border-bottom-color: rgba(217, 79, 209, 0.42);
    background: linear-gradient(90deg, rgba(255, 95, 61, 0.1), rgba(217, 79, 209, 0.09) 48%, rgba(124, 99, 255, 0.06) 72%, transparent);
    color: #ffffff;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current {
    border-bottom-color: rgba(217, 79, 209, 0.66);
    background: linear-gradient(90deg, rgba(255, 95, 61, 0.16), rgba(217, 79, 209, 0.13) 48%, rgba(124, 99, 255, 0.08) 74%, transparent);
    color: #ffffff;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after {
    background: var(--nexto-editorial-spectrum);
    box-shadow: 0 0 14px rgba(217, 79, 209, 0.56);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav i {
    background: var(--nexto-editorial-orange);
    box-shadow: 0 0 12px rgba(255, 95, 61, 0.66);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(2) i {
    background: var(--nexto-editorial-coral);
    box-shadow: 0 0 12px rgba(255, 122, 80, 0.66);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(3) i {
    background: var(--nexto-editorial-magenta);
    box-shadow: 0 0 12px rgba(217, 79, 209, 0.66);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(4) i {
    background: var(--nexto-editorial-violet);
    box-shadow: 0 0 12px rgba(124, 99, 255, 0.68);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(5) i {
    background: var(--nexto-editorial-periwinkle);
    box-shadow: 0 0 12px rgba(167, 178, 255, 0.68);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i {
    background: var(--nexto-editorial-coral);
    box-shadow: 0 0 14px rgba(255, 122, 80, 0.72), 0 0 24px rgba(217, 79, 209, 0.34);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav sup {
    color: rgba(167, 178, 255, 0.56);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:focus-visible {
    outline-color: rgba(167, 178, 255, 0.9);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch p {
    filter: drop-shadow(0 0 18px rgba(217, 79, 209, 0.2));
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a {
    color: #ffffff;
    background: linear-gradient(135deg, var(--nexto-editorial-orange) 0%, var(--nexto-editorial-coral) 26%, var(--nexto-editorial-magenta) 54%, var(--nexto-editorial-violet) 82%, var(--nexto-editorial-periwinkle) 100%);
    background-size: 180% 180%;
    background-position: 0% 50%;
    box-shadow:
        0 18px 42px rgba(15, 10, 28, 0.38),
        -14px 8px 30px rgba(255, 95, 61, 0.2),
        16px 10px 34px rgba(124, 99, 255, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.18);
    transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), background-position 0.55s ease, box-shadow 0.45s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a::before {
    border-color: rgba(217, 79, 209, 0.72);
    box-shadow: 0 0 0 1px rgba(255, 122, 80, 0.12), 0 0 24px rgba(124, 99, 255, 0.22);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a::after {
    background:
        radial-gradient(circle at 28% 30%, rgba(255, 95, 61, 0.5), transparent 48%),
        radial-gradient(circle at 70% 68%, rgba(124, 99, 255, 0.54), transparent 64%);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:hover,
.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:focus-visible {
    color: #ffffff;
    background-position: 100% 50%;
    box-shadow:
        0 24px 52px rgba(15, 10, 28, 0.46),
        -18px 10px 38px rgba(255, 95, 61, 0.28),
        20px 12px 44px rgba(124, 99, 255, 0.38),
        0 0 0 1px rgba(255, 255, 255, 0.28);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch svg {
    color: #ffffff;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.26));
    transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:hover svg,
.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:focus-visible svg {
    transform: translate(4px, -4px) rotate(6deg);
}

.nexto-prow-footer--dual .nexto-prow-footer__wordmark {
    filter: drop-shadow(0 0 24px rgba(217, 79, 209, 0.16));
}

@keyframes nextoFooterEditorialSpectrum {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* Editorial face V2: white floor wordmark, spectral index panel and orbital CTA. */
.nexto-prow-footer--dual .nexto-prow-footer__wordmark {
    bottom: clamp(8px, 0.7vw, 12px);
    overflow: visible;
    color: #ffffff;
    background: none;
    -webkit-text-fill-color: #ffffff;
    line-height: 0.84;
    filter: none;
    animation: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav {
    isolation: isolate;
    width: min(100%, 430px);
    padding: 8px;
    overflow: visible;
    border: 1px solid rgba(167, 178, 255, 0.16);
    border-radius: 24px;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 95, 61, 0.1), transparent 36%),
        radial-gradient(circle at 96% 100%, rgba(124, 99, 255, 0.12), transparent 42%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 20px 46px rgba(5, 4, 12, 0.28),
        0 0 36px rgba(124, 99, 255, 0.08);
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav::before {
    z-index: -1;
    top: -18%;
    bottom: -18%;
    left: -8%;
    width: 54%;
    background: radial-gradient(ellipse, rgba(217, 79, 209, 0.2), rgba(255, 95, 61, 0.08) 45%, transparent 72%);
    box-shadow: none;
    filter: blur(26px);
    opacity: 0.58;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav-grid {
    gap: 3px;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a {
    isolation: isolate;
    grid-template-columns: 8px minmax(0, 1fr) 28px;
    min-height: 42px;
    gap: 13px;
    padding: 0 14px;
    overflow: hidden;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: rgba(244, 242, 255, 0.72);
    font-weight: 600;
    letter-spacing: -0.025em;
    transition: color 0.25s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:last-child {
    border: 0;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a::before {
    z-index: -1;
    top: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(255, 95, 61, 0.18), rgba(217, 79, 209, 0.14) 50%, rgba(124, 99, 255, 0.1));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a::after {
    right: 14px;
    bottom: 50%;
    width: 18px;
    height: 1px;
    background: linear-gradient(90deg, rgba(217, 79, 209, 0.24), rgba(167, 178, 255, 0.72));
    box-shadow: 0 0 8px rgba(124, 99, 255, 0.28);
    opacity: 0.52;
    transform: translateY(50%) scaleX(0.72);
    transform-origin: right center;
    transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease, transform 0.35s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover {
    border: 0;
    background: transparent;
    color: #ffffff;
    transform: translateX(3px);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::before {
    left: 0;
    width: 100%;
    opacity: 1;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover::after,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after {
    right: 14px;
    bottom: 50%;
    width: 34px;
    opacity: 1;
    transform: translateY(50%) scaleX(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current {
    border: 0;
    background: transparent;
    color: #ffffff;
    font-weight: 680;
    box-shadow: 0 10px 24px rgba(8, 6, 18, 0.2);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i {
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(217, 79, 209, 0.16), 0 0 14px rgba(255, 122, 80, 0.7);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav sup {
    min-width: 28px;
    color: rgba(210, 213, 255, 0.54);
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a {
    overflow: visible;
    color: #ffffff;
    border: 0;
    background:
        radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.12), transparent 34%),
        rgba(9, 8, 18, 0.82);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 0 0 1px rgba(255, 255, 255, 0.04),
        0 20px 46px rgba(5, 4, 12, 0.38),
        0 0 28px rgba(124, 99, 255, 0.12);
    backdrop-filter: blur(18px) saturate(130%);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a::before {
    inset: -3px;
    padding: 1.5px;
    border: 0;
    background: conic-gradient(from 210deg, var(--nexto-editorial-orange), var(--nexto-editorial-magenta), var(--nexto-editorial-violet), var(--nexto-editorial-periwinkle), var(--nexto-editorial-coral), var(--nexto-editorial-orange));
    box-shadow: 0 0 24px rgba(217, 79, 209, 0.18);
    opacity: 0.9;
    transform: scale(1);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a::after {
    inset: -18px;
    background:
        radial-gradient(circle at 30% 28%, rgba(255, 95, 61, 0.34), transparent 46%),
        radial-gradient(circle at 70% 72%, rgba(124, 99, 255, 0.42), transparent 62%);
    filter: blur(20px);
    opacity: 0.46;
    transform: scale(0.92);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:hover,
.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:focus-visible {
    color: #ffffff;
    border: 0;
    background:
        radial-gradient(circle at 58% 42%, rgba(124, 99, 255, 0.16), transparent 48%),
        rgba(11, 9, 24, 0.9);
    transform: translateY(-6px) rotate(-6deg) scale(1.06);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        inset 0 0 0 1px rgba(255, 255, 255, 0.06),
        0 26px 56px rgba(5, 4, 12, 0.46),
        0 0 42px rgba(217, 79, 209, 0.2);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:hover::before,
.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:focus-visible::before {
    opacity: 1;
    transform: scale(1.05);
}

.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:hover::after,
.nexto-prow-footer--dual .nexto-prow-footer__pitch > a:focus-visible::after {
    opacity: 0.82;
    transform: scale(1.12);
}

/* Editorial navigation V3: chromatic constellation, no dashboard panel. */
.nexto-prow-footer--dual .nexto-prow-footer__wordmark {
    bottom: clamp(22px, 1.5vw, 27px);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav {
    isolation: isolate;
    position: relative;
    width: min(100%, 470px);
    min-height: 232px;
    padding: 9px 4px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    pointer-events: none;
    border-radius: 50%;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav::before {
    bottom: auto;
    width: 101%;
    height: 74%;
    padding: 1px;
    background: conic-gradient(from 208deg, transparent 0 9%, var(--nexto-editorial-orange) 18%, var(--nexto-editorial-magenta) 39%, var(--nexto-editorial-violet) 58%, var(--nexto-editorial-periwinkle) 72%, transparent 83% 100%);
    box-shadow: none;
    filter: drop-shadow(0 0 9px rgba(217, 79, 209, 0.34));
    opacity: 0.78;
    transform: translate(-50%, -50%) rotate(-8deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: nextoFooterNavOrbit 8s ease-in-out infinite alternate;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav::after {
    width: 75%;
    height: 52%;
    border: 1px solid rgba(167, 178, 255, 0.2);
    background: transparent;
    box-shadow: 0 0 28px rgba(124, 99, 255, 0.1), inset 0 0 24px rgba(255, 95, 61, 0.04);
    opacity: 0.72;
    transform: translate(-50%, -50%) rotate(13deg);
    animation: nextoFooterNavOrbitInner 10s ease-in-out infinite alternate;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav-grid {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1px;
    min-height: 214px;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a {
    --nav-shift: 0%;
    isolation: isolate;
    position: relative;
    display: grid;
    width: 72%;
    min-height: 40px;
    margin-left: var(--nav-shift);
    grid-template-columns: 10px minmax(0, 1fr) 30px;
    gap: 13px;
    padding: 0 10px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(244, 242, 255, 0.64);
    font-weight: 620;
    letter-spacing: -0.03em;
    box-shadow: none;
    transition: color 0.28s ease, transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), letter-spacing 0.35s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(1) { --nav-shift: 2%; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(2) { --nav-shift: 14%; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(3) { --nav-shift: 23%; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(4) { --nav-shift: 14%; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(5) { --nav-shift: 2%; }

.nexto-prow-footer--dual .nexto-prow-footer__nav a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 14px;
    bottom: auto;
    left: 25px;
    width: auto;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 95, 61, 0.08), rgba(217, 79, 209, 0.35), rgba(124, 99, 255, 0.12));
    box-shadow: none;
    opacity: 0.38;
    transform: scaleX(0.7);
    transform-origin: left center;
    transition: opacity 0.3s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a::after {
    content: "";
    position: absolute;
    right: 7px;
    bottom: 50%;
    width: 56px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--nexto-editorial-orange), var(--nexto-editorial-magenta), var(--nexto-editorial-violet), transparent);
    background-size: 220% 100%;
    box-shadow: 0 0 11px rgba(217, 79, 209, 0.42);
    opacity: 0;
    transform: translateY(50%) scaleX(0.35);
    transform-origin: right center;
    transition: opacity 0.25s ease, transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i {
    position: relative;
    z-index: 2;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transition: transform 0.38s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a i::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    opacity: 0;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i::before {
    inset: -8px;
    padding: 1px;
    background: conic-gradient(from 20deg, var(--nexto-editorial-orange), var(--nexto-editorial-magenta), var(--nexto-editorial-violet), var(--nexto-editorial-periwinkle), var(--nexto-editorial-orange));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transform: scale(0.55) rotate(-50deg);
    transition: opacity 0.3s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i::after {
    inset: -15px;
    border: 1px solid rgba(167, 178, 255, 0.24);
    transform: scale(0.55);
    transition: opacity 0.3s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a span {
    position: relative;
    z-index: 2;
    width: max-content;
    padding: 2px 8px 2px 0;
    background: linear-gradient(90deg, rgba(15, 13, 24, 0.94), rgba(15, 13, 24, 0.7) 76%, transparent);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav sup {
    position: relative;
    z-index: 2;
    min-width: 30px;
    padding-left: 5px;
    background: linear-gradient(90deg, transparent, rgba(15, 13, 24, 0.78) 32%);
    color: rgba(210, 213, 255, 0.46);
    text-align: right;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.06em;
    transition: color 0.3s ease, transform 0.35s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current {
    border: 0;
    background: transparent;
    color: #ffffff;
    box-shadow: none;
    transform: translateX(8px);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current {
    font-size: clamp(14px, 1.05vw, 17px);
    font-weight: 720;
    letter-spacing: -0.045em;
    text-shadow: 0 0 20px rgba(217, 79, 209, 0.26);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::before {
    top: 50%;
    right: 14px;
    bottom: auto;
    left: 25px;
    width: auto;
    height: 1px;
    opacity: 0.84;
    transform: scaleX(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover::after,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after {
    right: 7px;
    bottom: 50%;
    width: 56px;
    opacity: 1;
    transform: translateY(50%) scaleX(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after {
    animation: nextoFooterNavComet 2.8s linear infinite;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i {
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(217, 79, 209, 0.12), 0 0 16px rgba(255, 122, 80, 0.76);
    transform: scale(1.12);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i::after,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::after {
    opacity: 1;
    transform: scale(1) rotate(0);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::before {
    animation: nextoFooterNavPlanet 4s linear infinite;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover sup,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current sup {
    color: rgba(255, 255, 255, 0.78);
    transform: translateX(3px);
}

@keyframes nextoFooterNavOrbit {
    from { transform: translate(-50%, -50%) rotate(-9deg) scale(0.985); }
    to { transform: translate(-50%, -50%) rotate(-4deg) scale(1.02); }
}

@keyframes nextoFooterNavOrbitInner {
    from { transform: translate(-50%, -50%) rotate(13deg) scale(1); }
    to { transform: translate(-50%, -50%) rotate(8deg) scale(0.97); }
}

@keyframes nextoFooterNavComet { to { background-position: -220% 0; } }
@keyframes nextoFooterNavPlanet { to { transform: scale(1) rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .nexto-prow-footer--dual .nexto-prow-footer__nav::before,
    .nexto-prow-footer--dual .nexto-prow-footer__nav::after,
    .nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after,
    .nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::before {
        animation: none;
    }
}

/* Editorial navigation V4: prismatic fan / kinetic type blades. */
.nexto-prow-footer--dual .nexto-prow-footer__nav {
    width: min(100%, 480px);
    min-height: 232px;
    padding: 8px 0;
    perspective: 900px;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav::before {
    top: 51%;
    left: 4%;
    width: 92%;
    height: 2px;
    padding: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--nexto-editorial-orange) 16%, var(--nexto-editorial-magenta) 48%, var(--nexto-editorial-violet) 76%, transparent);
    box-shadow: 0 0 18px rgba(217, 79, 209, 0.34), 0 0 42px rgba(124, 99, 255, 0.14);
    filter: none;
    opacity: 0.5;
    transform: rotate(-13deg) scaleX(0.96);
    -webkit-mask: none;
    mask: none;
    animation: nextoFooterFanBeam 5s ease-in-out infinite alternate;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav::after {
    top: 50%;
    left: 58%;
    width: 124px;
    height: 124px;
    padding: 1px;
    border: 0;
    border-radius: 22px;
    background: conic-gradient(from 30deg, rgba(255, 95, 61, 0.08), rgba(217, 79, 209, 0.62), rgba(124, 99, 255, 0.14), rgba(167, 178, 255, 0.5), rgba(255, 95, 61, 0.08));
    box-shadow: 0 0 36px rgba(124, 99, 255, 0.12);
    opacity: 0.56;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: nextoFooterFanPrism 12s linear infinite;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav-grid {
    min-height: 216px;
    gap: 0;
    transform-style: preserve-3d;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a {
    --fan-angle: 0deg;
    --fan-shift: 0%;
    width: 82%;
    min-height: 42px;
    margin-left: var(--fan-shift);
    padding: 0 7px;
    grid-template-columns: 12px minmax(0, 1fr) 48px;
    gap: 14px;
    color: rgba(244, 242, 255, 0.58);
    transform: rotate(var(--fan-angle));
    transform-origin: 9px 50%;
    transition: color 0.28s ease, transform 0.48s cubic-bezier(0.16, 1, 0.3, 1), filter 0.35s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(1) { --fan-angle: -6deg; --fan-shift: 1%; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(2) { --fan-angle: -3deg; --fan-shift: 7%; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(3) { --fan-angle: 0deg; --fan-shift: 12%; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(4) { --fan-angle: 3deg; --fan-shift: 7%; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(5) { --fan-angle: 6deg; --fan-shift: 1%; }

.nexto-prow-footer--dual .nexto-prow-footer__nav a::before {
    top: auto;
    right: 0;
    bottom: 6px;
    left: 25px;
    width: auto;
    height: 1px;
    border-radius: 0;
    background: linear-gradient(90deg, rgba(255, 122, 80, 0.1), rgba(217, 79, 209, 0.5) 48%, rgba(167, 178, 255, 0.12));
    opacity: 0.42;
    transform: scaleX(0.58);
    transform-origin: left center;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a::after {
    right: auto;
    bottom: 5px;
    left: 25px;
    width: 42%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--nexto-editorial-orange), var(--nexto-editorial-magenta), var(--nexto-editorial-violet), transparent);
    background-size: 180% 100%;
    box-shadow: 0 0 12px rgba(217, 79, 209, 0.5);
    opacity: 0;
    transform: scaleX(0.12);
    transform-origin: left center;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a span {
    width: max-content;
    padding: 0;
    background: transparent;
    font-size: clamp(14px, 1vw, 17px);
    letter-spacing: -0.04em;
    transition: font-size 0.35s ease, letter-spacing 0.35s ease, text-shadow 0.35s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav sup {
    min-width: 48px;
    padding: 0;
    background: transparent;
    color: transparent;
    font-size: clamp(24px, 2vw, 31px);
    font-weight: 760;
    line-height: 1;
    letter-spacing: -0.08em;
    text-align: right;
    -webkit-text-stroke: 1px rgba(167, 178, 255, 0.28);
    opacity: 0.72;
    transform: translateY(1px);
    transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), -webkit-text-stroke-color 0.3s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i {
    width: 8px;
    height: 8px;
    border-radius: 2px;
    transform: rotate(45deg);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i::before {
    inset: -6px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    background: transparent;
    -webkit-mask: none;
    mask: none;
    opacity: 0;
    transform: scale(0.4);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i::after {
    inset: -13px;
    border: 1px solid rgba(217, 79, 209, 0.22);
    border-radius: 6px;
    opacity: 0;
    transform: scale(0.4);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current {
    color: #fff;
    transform: rotate(var(--fan-angle)) translateX(10px) translateZ(20px);
    filter: drop-shadow(0 8px 12px rgba(5, 4, 12, 0.24));
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current {
    font-size: inherit;
    font-weight: 740;
    letter-spacing: inherit;
    text-shadow: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover span,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current span {
    font-size: clamp(18px, 1.35vw, 22px);
    letter-spacing: -0.065em;
    text-shadow: 0 0 22px rgba(217, 79, 209, 0.3);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::before {
    top: auto;
    right: 0;
    bottom: 6px;
    left: 25px;
    width: auto;
    height: 1px;
    opacity: 0.9;
    transform: scaleX(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover::after,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after {
    right: auto;
    bottom: 5px;
    left: 25px;
    width: 42%;
    opacity: 1;
    transform: scaleX(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after {
    animation: nextoFooterFanScan 2.4s linear infinite;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i {
    background: #fff;
    box-shadow: 0 0 12px rgba(255, 122, 80, 0.78), 0 0 24px rgba(217, 79, 209, 0.35);
    transform: rotate(45deg) scale(1.08);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i::after,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::after {
    opacity: 1;
    transform: scale(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::before {
    animation: nextoFooterFanPivot 3.6s ease-in-out infinite;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover sup,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current sup {
    color: transparent;
    opacity: 1;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.72);
    transform: translate(5px, -2px) scale(1.08);
}

@keyframes nextoFooterFanBeam {
    from { transform: rotate(-13deg) scaleX(0.82); opacity: 0.34; }
    to { transform: rotate(-13deg) scaleX(1); opacity: 0.68; }
}

@keyframes nextoFooterFanPrism {
    to { transform: translate(-50%, -50%) rotate(405deg); }
}

@keyframes nextoFooterFanScan {
    to { background-position: -180% 0; }
}

@keyframes nextoFooterFanPivot {
    50% { transform: scale(1.35); opacity: 0.55; }
}

@media (prefers-reduced-motion: reduce) {
    .nexto-prow-footer--dual .nexto-prow-footer__nav::before,
    .nexto-prow-footer--dual .nexto-prow-footer__nav::after,
    .nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after,
    .nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::before {
        animation: none;
    }
}

/* Editorial navigation V5: cinematic depth wheel / typographic tunnel. */
.nexto-prow-footer--dual .nexto-prow-footer__nav {
    isolation: isolate;
    width: min(100%, 490px);
    height: 232px;
    min-height: 232px;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
    perspective: 720px;
    -webkit-mask-image: none;
    mask-image: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav::before {
    top: 58%;
    left: 5%;
    width: 90%;
    height: 1px;
    padding: 0;
    border-radius: 0;
    background: linear-gradient(90deg, transparent, var(--nexto-editorial-orange) 16%, var(--nexto-editorial-magenta) 48%, var(--nexto-editorial-violet) 76%, transparent);
    box-shadow: 0 0 12px rgba(217, 79, 209, 0.72), 0 0 34px rgba(124, 99, 255, 0.24);
    filter: none;
    opacity: 0.92;
    transform: translateY(-50%) scaleX(1);
    -webkit-mask: none;
    mask: none;
    animation: nextoFooterTunnelHorizon 3.2s ease-in-out infinite alternate;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav::after {
    top: 50%;
    left: 50%;
    width: 218px;
    height: 96px;
    padding: 0;
    border: 1px solid rgba(167, 178, 255, 0.18);
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(217, 79, 209, 0.14), rgba(124, 99, 255, 0.04) 44%, transparent 70%);
    box-shadow: inset 0 0 30px rgba(217, 79, 209, 0.08), 0 0 42px rgba(124, 99, 255, 0.12);
    opacity: 0.78;
    transform: translate(-50%, -50%) scale(1);
    -webkit-mask: none;
    mask: none;
    animation: nextoFooterTunnelLens 4.6s ease-in-out infinite;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav-grid {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    transform-style: preserve-3d;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a {
    --tunnel-y: 50%;
    --tunnel-rotate: 0deg;
    --tunnel-scale: 1;
    --tunnel-z: 0px;
    position: absolute;
    top: var(--tunnel-y);
    left: 11%;
    display: grid;
    width: 84%;
    min-height: 38px;
    margin: 0;
    padding: 0 4px;
    grid-template-columns: 14px minmax(0, 1fr) 54px;
    gap: 15px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(244, 242, 255, 0.48);
    box-shadow: none;
    filter: none;
    transform: translateY(-50%) translateZ(var(--tunnel-z)) rotateX(var(--tunnel-rotate)) scale(var(--tunnel-scale));
    transform-origin: center center;
    transition: color 0.3s ease, opacity 0.35s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), filter 0.35s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(1) {
    --tunnel-y: 50%;
    --tunnel-rotate: 0deg;
    --tunnel-scale: 1.12;
    --tunnel-z: 42px;
    z-index: 5;
    opacity: 1;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(2) {
    --tunnel-y: 12%;
    --tunnel-rotate: 52deg;
    --tunnel-scale: 0.72;
    --tunnel-z: -95px;
    z-index: 1;
    opacity: 0.52;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(3) {
    --tunnel-y: 29%;
    --tunnel-rotate: 29deg;
    --tunnel-scale: 0.85;
    --tunnel-z: -42px;
    z-index: 3;
    opacity: 0.76;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(4) {
    --tunnel-y: 71%;
    --tunnel-rotate: -29deg;
    --tunnel-scale: 0.85;
    --tunnel-z: -42px;
    z-index: 3;
    opacity: 0.76;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(5) {
    --tunnel-y: 88%;
    --tunnel-rotate: -52deg;
    --tunnel-scale: 0.72;
    --tunnel-z: -95px;
    z-index: 1;
    opacity: 0.52;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: auto;
    right: 58px;
    bottom: 3px;
    left: 27px;
    width: auto;
    height: 1px;
    border-radius: 0;
    background: linear-gradient(90deg, rgba(255, 122, 80, 0.08), rgba(217, 79, 209, 0.28), rgba(167, 178, 255, 0.08));
    box-shadow: none;
    opacity: 0.46;
    transform: scaleX(0.62);
    transform-origin: left center;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a::after {
    content: "";
    position: absolute;
    right: 58px;
    bottom: 2px;
    left: 27px;
    width: auto;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--nexto-editorial-orange), var(--nexto-editorial-magenta), var(--nexto-editorial-violet), var(--nexto-editorial-periwinkle));
    background-size: 220% 100%;
    box-shadow: 0 0 13px rgba(217, 79, 209, 0.58);
    opacity: 0;
    transform: scaleX(0.08);
    transform-origin: center center;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a span {
    position: relative;
    z-index: 2;
    width: max-content;
    padding: 0 10px 0 0;
    background: linear-gradient(90deg, rgba(15, 13, 24, 0.96), rgba(15, 13, 24, 0.72) 74%, transparent);
    font-size: clamp(17px, 1.25vw, 20px);
    font-weight: 650;
    letter-spacing: -0.045em;
    line-height: 1;
    transition: font-size 0.35s ease, letter-spacing 0.35s ease, color 0.3s ease, text-shadow 0.3s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current span {
    color: transparent;
    background: linear-gradient(90deg, #fff 0 12%, var(--nexto-editorial-orange) 32%, var(--nexto-editorial-magenta) 62%, var(--nexto-editorial-periwinkle) 100%);
    background-size: 180% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(34px, 2.7vw, 43px);
    font-weight: 760;
    letter-spacing: -0.075em;
    text-shadow: none;
    animation: nextoFooterTunnelType 4s ease-in-out infinite alternate;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav sup {
    position: relative;
    z-index: 2;
    min-width: 54px;
    padding: 0;
    background: transparent;
    color: rgba(167, 178, 255, 0.34);
    font-size: clamp(22px, 1.7vw, 28px);
    font-weight: 760;
    line-height: 1;
    letter-spacing: -0.08em;
    text-align: right;
    -webkit-text-stroke: 0;
    text-shadow: 0 0 18px rgba(124, 99, 255, 0.12);
    opacity: 1;
    transform: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current sup {
    color: rgba(255, 255, 255, 0.82);
    font-size: clamp(38px, 3vw, 48px);
    text-shadow: 0 0 18px rgba(217, 79, 209, 0.42);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i {
    position: relative;
    z-index: 2;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    transform: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a i::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i::before {
    inset: -7px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: transparent;
    opacity: 0;
    transform: scale(0.4);
    -webkit-mask: none;
    mask: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i::after {
    inset: -14px;
    border: 1px solid rgba(217, 79, 209, 0.2);
    background: transparent;
    opacity: 0;
    transform: scale(0.4);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current {
    color: #fff;
    transform: translateY(-50%) translateZ(calc(var(--tunnel-z) + 18px)) rotateX(var(--tunnel-rotate)) scale(calc(var(--tunnel-scale) + 0.04));
    filter: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current {
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-shadow: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::before {
    top: auto;
    right: 58px;
    bottom: 3px;
    left: 27px;
    width: auto;
    height: 1px;
    opacity: 0.9;
    transform: scaleX(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover::after,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after {
    right: 58px;
    bottom: 2px;
    left: 27px;
    width: auto;
    opacity: 1;
    transform: scaleX(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after {
    animation: nextoFooterTunnelScan 2.6s linear infinite;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i {
    background: #fff;
    box-shadow: 0 0 12px rgba(255, 122, 80, 0.86), 0 0 24px rgba(217, 79, 209, 0.42);
    transform: scale(1.12);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i::after,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::after {
    opacity: 1;
    transform: scale(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::before {
    animation: nextoFooterTunnelPulse 2.8s ease-in-out infinite;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover sup,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current sup {
    color: rgba(255, 255, 255, 0.86);
    opacity: 1;
    -webkit-text-stroke: 0;
    transform: translateX(5px);
}

@keyframes nextoFooterTunnelHorizon {
    from { opacity: 0.58; transform: translateY(-50%) scaleX(0.72); }
    to { opacity: 1; transform: translateY(-50%) scaleX(1); }
}

@keyframes nextoFooterTunnelLens {
    50% { opacity: 1; transform: translate(-50%, -50%) scale(1.18); }
}

@keyframes nextoFooterTunnelType {
    to { background-position: 100% 50%; }
}

@keyframes nextoFooterTunnelScan {
    to { background-position: -220% 0; }
}

@keyframes nextoFooterTunnelPulse {
    50% { transform: scale(1.32); opacity: 0.45; }
}

@media (prefers-reduced-motion: reduce) {
    .nexto-prow-footer--dual .nexto-prow-footer__nav::before,
    .nexto-prow-footer--dual .nexto-prow-footer__nav::after,
    .nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current span,
    .nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after,
    .nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::before {
        animation: none;
    }
}

/* Editorial navigation V6: oversized word-wall / kinetic poster. */
.nexto-prow-footer--dual .nexto-prow-footer__nav {
    isolation: isolate;
    position: relative;
    width: min(100%, 500px);
    height: 232px;
    min-height: 232px;
    padding: 18px 4px 6px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    perspective: none;
    -webkit-mask-image: none;
    mask-image: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: 78%;
    height: 92%;
    padding: 0;
    border: 0;
    border-radius: 42% 58% 54% 46%;
    background: linear-gradient(115deg, rgba(255, 95, 61, 0.16), rgba(217, 79, 209, 0.11) 46%, rgba(124, 99, 255, 0.14));
    box-shadow: none;
    filter: blur(38px);
    opacity: 0.66;
    transform: translate(-50%, -50%) rotate(-8deg) scale(0.94);
    -webkit-mask: none;
    mask: none;
    animation: nextoFooterWordWallAura 6s ease-in-out infinite alternate;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav::after {
    content: "INDEX  /  01—05";
    position: absolute;
    z-index: 3;
    top: 1px;
    right: 5px;
    left: auto;
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(210, 213, 255, 0.42);
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.18em;
    opacity: 1;
    transform: none;
    -webkit-mask: none;
    mask: none;
    animation: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav-grid {
    position: relative;
    z-index: 2;
    display: grid;
    width: 100%;
    height: 100%;
    min-height: 0;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: 3px 9px;
    align-items: stretch;
    transform: none;
    transform-style: flat;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a {
    position: relative;
    top: auto;
    left: auto;
    display: grid;
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 4px 7px 7px;
    grid-template-columns: 9px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(244, 242, 255, 0.66);
    box-shadow: none;
    filter: none;
    opacity: 1;
    transform: none;
    transform-origin: center;
    transition: color 0.28s ease, transform 0.42s cubic-bezier(0.16, 1, 0.3, 1), filter 0.3s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(1) { grid-column: 1 / 5; grid-row: 1; z-index: 2; opacity: 1; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(2) { grid-column: 5 / 13; grid-row: 1; z-index: 1; opacity: 1; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(3) { grid-column: 1 / 6; grid-row: 2; z-index: 1; opacity: 1; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(4) { grid-column: 6 / 13; grid-row: 2; z-index: 1; opacity: 1; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(5) { grid-column: 2 / 12; grid-row: 3; z-index: 1; opacity: 1; }

.nexto-prow-footer--dual .nexto-prow-footer__nav a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: auto;
    right: 4px;
    bottom: 5px;
    left: 4px;
    width: auto;
    height: 1px;
    border-radius: 999px;
    background: rgba(167, 178, 255, 0.16);
    box-shadow: none;
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left center;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 4px;
    bottom: 4px;
    left: 4px;
    width: auto;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--nexto-editorial-orange), var(--nexto-editorial-magenta), var(--nexto-editorial-violet), var(--nexto-editorial-periwinkle));
    background-size: 220% 100%;
    box-shadow: 0 0 12px rgba(217, 79, 209, 0.42);
    opacity: 0;
    transform: scaleX(0.08);
    transform-origin: left center;
    transition: opacity 0.28s ease, transform 0.48s cubic-bezier(0.16, 1, 0.3, 1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a span {
    position: relative;
    z-index: 2;
    width: max-content;
    max-width: 100%;
    padding: 0;
    background: transparent;
    color: transparent;
    font-size: clamp(22px, 1.85vw, 29px);
    font-weight: 760;
    line-height: 0.9;
    letter-spacing: -0.07em;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px rgba(244, 242, 255, 0.44);
    text-shadow: none;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), -webkit-text-stroke-color 0.3s ease, filter 0.3s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(2) span,
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(4) span {
    font-size: clamp(25px, 2.1vw, 33px);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(5) span {
    font-size: clamp(30px, 2.55vw, 39px);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current span,
.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover span {
    background: linear-gradient(90deg, #fff 0 8%, var(--nexto-editorial-orange) 28%, var(--nexto-editorial-magenta) 58%, var(--nexto-editorial-violet) 80%, var(--nexto-editorial-periwinkle));
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: transparent;
    filter: drop-shadow(0 0 14px rgba(217, 79, 209, 0.26));
    animation: nextoFooterWordWallType 4.8s ease-in-out infinite alternate;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current span {
    font-size: clamp(31px, 2.55vw, 40px);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav sup {
    position: absolute;
    z-index: 3;
    top: 4px;
    right: 5px;
    min-width: 0;
    padding: 0;
    background: transparent;
    color: rgba(210, 213, 255, 0.48);
    font-size: 8px;
    font-weight: 760;
    line-height: 1;
    letter-spacing: 0.08em;
    text-align: right;
    -webkit-text-stroke: 0;
    text-shadow: none;
    opacity: 1;
    transform: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i {
    position: relative;
    z-index: 3;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    transform: none;
    transition: transform 0.35s ease, box-shadow 0.3s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a i::after {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 0;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i::before {
    inset: -6px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 50%;
    background: transparent;
    transform: scale(0.4);
    -webkit-mask: none;
    mask: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i::after {
    inset: -12px;
    border: 1px dashed rgba(217, 79, 209, 0.32);
    border-radius: 50%;
    background: transparent;
    transform: scale(0.4) rotate(0);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current {
    color: #fff;
    opacity: 1;
    filter: none;
    transform: translateY(-3px);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current {
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-shadow: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::before {
    top: auto;
    right: 4px;
    bottom: 5px;
    left: 4px;
    width: auto;
    height: 1px;
    opacity: 0.72;
    transform: scaleX(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover::after,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after {
    right: 4px;
    bottom: 4px;
    left: 4px;
    width: auto;
    opacity: 1;
    transform: scaleX(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after {
    animation: nextoFooterWordWallScan 3s linear infinite;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i {
    background: #fff;
    box-shadow: 0 0 12px rgba(255, 122, 80, 0.82), 0 0 22px rgba(217, 79, 209, 0.38);
    transform: scale(1.16);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i::after,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::after {
    opacity: 1;
    transform: scale(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::after {
    animation: nextoFooterWordWallStar 5s linear infinite;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover sup,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current sup {
    top: 4px;
    right: 5px;
    min-width: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 8px;
    line-height: 1;
    letter-spacing: 0.08em;
    opacity: 1;
    transform: none;
}

@keyframes nextoFooterWordWallAura {
    to { opacity: 0.9; transform: translate(-50%, -50%) rotate(5deg) scale(1.05); }
}

@keyframes nextoFooterWordWallType {
    to { background-position: 100% 50%; }
}

@keyframes nextoFooterWordWallScan {
    to { background-position: -220% 0; }
}

@keyframes nextoFooterWordWallStar {
    to { transform: scale(1) rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .nexto-prow-footer--dual .nexto-prow-footer__nav::before,
    .nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current span,
    .nexto-prow-footer--dual .nexto-prow-footer__nav a:hover span,
    .nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after,
    .nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::after {
        animation: none;
    }
}

+/* Editorial navigation V7: restored prismatic baseline after rejected experiments. */
.nexto-prow-footer--dual .nexto-prow-footer__nav {
    width: min(100%, 480px);
    min-height: 232px;
    padding: 8px 0;
    perspective: 900px;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav::before {
    top: 51%;
    left: 4%;
    width: 92%;
    height: 2px;
    padding: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--nexto-editorial-orange) 16%, var(--nexto-editorial-magenta) 48%, var(--nexto-editorial-violet) 76%, transparent);
    box-shadow: 0 0 18px rgba(217, 79, 209, 0.34), 0 0 42px rgba(124, 99, 255, 0.14);
    filter: none;
    opacity: 0.5;
    transform: rotate(-13deg) scaleX(0.96);
    -webkit-mask: none;
    mask: none;
    animation: nextoFooterFanBeam 5s ease-in-out infinite alternate;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav::after {
    top: 50%;
    left: 58%;
    width: 124px;
    height: 124px;
    padding: 1px;
    border: 0;
    border-radius: 22px;
    background: conic-gradient(from 30deg, rgba(255, 95, 61, 0.08), rgba(217, 79, 209, 0.62), rgba(124, 99, 255, 0.14), rgba(167, 178, 255, 0.5), rgba(255, 95, 61, 0.08));
    box-shadow: 0 0 36px rgba(124, 99, 255, 0.12);
    opacity: 0.56;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: nextoFooterFanPrism 12s linear infinite;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav-grid {
    min-height: 216px;
    gap: 0;
    transform-style: preserve-3d;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a {
    --fan-angle: 0deg;
    --fan-shift: 0%;
    width: 82%;
    min-height: 42px;
    margin-left: var(--fan-shift);
    padding: 0 7px;
    grid-template-columns: 12px minmax(0, 1fr) 48px;
    gap: 14px;
    color: rgba(244, 242, 255, 0.58);
    transform: rotate(var(--fan-angle));
    transform-origin: 9px 50%;
    transition: color 0.28s ease, transform 0.48s cubic-bezier(0.16, 1, 0.3, 1), filter 0.35s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(1) { --fan-angle: -6deg; --fan-shift: 1%; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(2) { --fan-angle: -3deg; --fan-shift: 7%; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(3) { --fan-angle: 0deg; --fan-shift: 12%; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(4) { --fan-angle: 3deg; --fan-shift: 7%; }
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(5) { --fan-angle: 6deg; --fan-shift: 1%; }

.nexto-prow-footer--dual .nexto-prow-footer__nav a::before {
    top: auto;
    right: 0;
    bottom: 6px;
    left: 25px;
    width: auto;
    height: 1px;
    border-radius: 0;
    background: linear-gradient(90deg, rgba(255, 122, 80, 0.1), rgba(217, 79, 209, 0.5) 48%, rgba(167, 178, 255, 0.12));
    opacity: 0.42;
    transform: scaleX(0.58);
    transform-origin: left center;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a::after {
    right: auto;
    bottom: 5px;
    left: 25px;
    width: 42%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--nexto-editorial-orange), var(--nexto-editorial-magenta), var(--nexto-editorial-violet), transparent);
    background-size: 180% 100%;
    box-shadow: 0 0 12px rgba(217, 79, 209, 0.5);
    opacity: 0;
    transform: scaleX(0.12);
    transform-origin: left center;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a span {
    width: max-content;
    padding: 0;
    background: transparent;
    font-size: clamp(14px, 1vw, 17px);
    letter-spacing: -0.04em;
    transition: font-size 0.35s ease, letter-spacing 0.35s ease, text-shadow 0.35s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav sup {
    min-width: 48px;
    padding: 0;
    background: transparent;
    color: transparent;
    font-size: clamp(24px, 2vw, 31px);
    font-weight: 760;
    line-height: 1;
    letter-spacing: -0.08em;
    text-align: right;
    -webkit-text-stroke: 1px rgba(167, 178, 255, 0.28);
    opacity: 0.72;
    transform: translateY(1px);
    transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), -webkit-text-stroke-color 0.3s ease;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i {
    width: 8px;
    height: 8px;
    border-radius: 2px;
    transform: rotate(45deg);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i::before {
    inset: -6px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    background: transparent;
    -webkit-mask: none;
    mask: none;
    opacity: 0;
    transform: scale(0.4);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a i::after {
    inset: -13px;
    border: 1px solid rgba(217, 79, 209, 0.22);
    border-radius: 6px;
    opacity: 0;
    transform: scale(0.4);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current {
    color: #fff;
    transform: rotate(var(--fan-angle)) translateX(10px) translateZ(20px);
    filter: drop-shadow(0 8px 12px rgba(5, 4, 12, 0.24));
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current {
    font-size: inherit;
    font-weight: 740;
    letter-spacing: inherit;
    text-shadow: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover span,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current span {
    font-size: clamp(18px, 1.35vw, 22px);
    letter-spacing: -0.065em;
    text-shadow: 0 0 22px rgba(217, 79, 209, 0.3);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::before {
    top: auto;
    right: 0;
    bottom: 6px;
    left: 25px;
    width: auto;
    height: 1px;
    opacity: 0.9;
    transform: scaleX(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover::after,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after {
    right: auto;
    bottom: 5px;
    left: 25px;
    width: 42%;
    opacity: 1;
    transform: scaleX(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after {
    animation: nextoFooterFanScan 2.4s linear infinite;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i {
    background: #fff;
    box-shadow: 0 0 12px rgba(255, 122, 80, 0.78), 0 0 24px rgba(217, 79, 209, 0.35);
    transform: rotate(45deg) scale(1.08);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::before,
.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover i::after,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::after {
    opacity: 1;
    transform: scale(1);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::before {
    animation: nextoFooterFanPivot 3.6s ease-in-out infinite;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover sup,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current sup {
    color: transparent;
    opacity: 1;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.72);
    transform: translate(5px, -2px) scale(1.08);
}

@keyframes nextoFooterFanBeam {
    from { transform: rotate(-13deg) scaleX(0.82); opacity: 0.34; }
    to { transform: rotate(-13deg) scaleX(1); opacity: 0.68; }
}

@keyframes nextoFooterFanPrism {
    to { transform: translate(-50%, -50%) rotate(405deg); }
}

@keyframes nextoFooterFanScan {
    to { background-position: -180% 0; }
}

@keyframes nextoFooterFanPivot {
    50% { transform: scale(1.35); opacity: 0.55; }
}

@media (prefers-reduced-motion: reduce) {
    .nexto-prow-footer--dual .nexto-prow-footer__nav::before,
    .nexto-prow-footer--dual .nexto-prow-footer__nav::after,
    .nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current::after,
    .nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current i::before {
        animation: none;
    }
}

/* V7 inheritance cleanup: remove V5/V6 typographic paint without touching their archived blocks. */
.nexto-prow-footer--dual .nexto-prow-footer__nav a span {
    color: inherit;
    background: linear-gradient(90deg, rgba(15, 13, 24, 0.94), rgba(15, 13, 24, 0.7) 76%, transparent);
    background-clip: border-box;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: currentColor;
    -webkit-text-stroke: 0;
    text-transform: none;
    white-space: normal;
    filter: none;
    animation: none;
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(1) span,
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(2) span,
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(3) span,
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(4) span,
.nexto-prow-footer--dual .nexto-prow-footer__nav a:nth-child(5) span {
    font-size: clamp(14px, 1vw, 17px);
}

.nexto-prow-footer--dual .nexto-prow-footer__nav a:hover span,
.nexto-prow-footer--dual .nexto-prow-footer__nav a.is-current span {
    color: #fff;
    font-size: clamp(18px, 1.35vw, 22px);
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 0;
    filter: none;
    animation: none;
}

@media (max-width: 820px) {
    .nexto-prow-footer--dual {
        height: 460px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__top {
        grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
        gap: 24px 18px;
        padding: 22px 24px 0;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__brand > a {
        font-size: 23px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__signature {
        margin-top: 24px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__signature p {
        font-size: 12px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__nav {
        width: 100%;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__nav a {
        min-height: 40px;
        font-size: 12.5px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__nav-grid {
        grid-template-columns: 1fr;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__pitch p {
        font-size: clamp(28px, 4.2vw, 34px);
    }

    .nexto-prow-footer--dual .nexto-prow-footer__pitch > a {
        width: 92px;
        margin-right: auto;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__wordmark {
        bottom: 30px;
        font-size: clamp(70px, 11vw, 86px);
    }

    .nexto-footer-lamp {
        top: 5%;
        width: min(650px, 116vw);
        height: 55%;
    }

    .nexto-footer-card-stage {
        top: 48%;
        width: min(300px, 68vw);
    }
}

@media (max-width: 520px) {
    .nexto-prow-footer--dual {
        height: 480px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__video {
        object-position: 62% bottom;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__top {
        grid-template-columns: 0.78fr 1.22fr;
        gap: 24px 12px;
        padding: 18px 18px 0;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__brand > a {
        font-size: 19px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__signature {
        margin-top: 18px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__signature p {
        font-size: 10px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__nav-grid {
        gap: 0;
        padding: 0;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__nav a {
        min-height: 35px;
        gap: 10px;
        font-size: 10.5px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__nav-grid {
        grid-template-columns: 1fr;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__nav sup {
        font-size: 7px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__nav {
        padding-left: 18px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__pitch p {
        font-size: clamp(27px, 7vw, 32px);
    }

    .nexto-prow-footer--dual .nexto-prow-footer__pitch > a {
        width: 92px;
        margin-right: auto;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__wordmark {
        bottom: 38px;
        font-size: clamp(52px, 14.8vw, 60px);
        letter-spacing: -0.095em;
    }

    .nexto-footer-thanks {
        top: 22px;
        width: 88%;
    }

    .nexto-footer-thanks span {
        margin-top: 7px;
        letter-spacing: 0.035em;
    }

    .nexto-footer-lamp {
        top: 8%;
        width: 142vw;
        height: 48%;
    }

    .nexto-footer-lamp__beam {
        width: 30%;
    }

    .nexto-footer-card-stage {
        top: 47%;
        width: min(280px, 72vw);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nexto-prow-footer--dual .nexto-prow-footer__face,
    .nexto-footer-lamp__beam,
    .nexto-footer-lamp__core,
    .nexto-footer-lamp__line,
    .nexto-footer-card-stage,
    .nexto-footer-thanks,
    .nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__top > *,
    .nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__wordmark {
        transition: none !important;
    }

    .nexto-footer-thanks span,
    .nexto-footer-thanks span::before,
    .nexto-footer-thanks span::after {
        animation: none !important;
    }

    .nexto-footer-thanks span {
        background-position: 50% 50%;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__brand > a,
    .nexto-prow-footer--dual .nexto-prow-footer__pitch p,
    .nexto-prow-footer--dual .nexto-prow-footer__wordmark {
        animation: none !important;
        background-position: 50% 50%;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__pitch > a,
    .nexto-prow-footer--dual .nexto-prow-footer__pitch svg {
        transition: none !important;
    }
}


/* ==========================================================================
   CONTACT SCENE — FX DE APARICIÓN CINEMATOGRÁFICOS
   Estados: .nx-fx-ready (JS listo, elementos ocultos) → .is-revealed
   (la sección entró al viewport y corre la coreografía) → .nx-fx-done
   (se liberan las animaciones para que vuelvan los hovers nativos).
   ========================================================================== */

@property --nx-fx-angle {
	syntax: '<angle>';
	initial-value: 0deg;
	inherits: false;
}

/* --------------------------------------------------------------------------
   1) ESCENA COMPLETA — iris cinematográfico + barrido de luz
   -------------------------------------------------------------------------- */
.nexto-contact-scene.nx-fx-ready:not(.is-revealed) {
	opacity: 0;
	transform: translateY(60px) scale(0.94);
	clip-path: inset(10% 6% 10% 6% round 90px);
	filter: blur(22px) saturate(1.6);
}

.nexto-contact-scene.is-revealed:not(.nx-fx-done) {
	animation: nxSceneIris 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.05s both;
}

@keyframes nxSceneIris {
	0% {
		opacity: 0;
		transform: translateY(60px) scale(0.94);
		clip-path: inset(10% 6% 10% 6% round 90px);
		filter: blur(22px) saturate(1.6);
	}
	40% {
		opacity: 1;
		filter: blur(6px) saturate(1.2);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
		clip-path: inset(0 0 0 0 round 0);
		filter: blur(0) saturate(1);
	}
}

.nexto-contact-scene.is-revealed:not(.nx-fx-done)::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 5;
	pointer-events: none;
	background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, 0.34) 46%, rgba(180, 170, 255, 0.3) 52%, transparent 68%);
	opacity: 0;
	transform: translateX(-130%) skewX(-12deg);
	animation: nxSceneSweep 1.6s cubic-bezier(0.6, 0, 0.2, 1) 0.55s both;
}

@keyframes nxSceneSweep {
	0%   { opacity: 0; transform: translateX(-130%) skewX(-12deg); }
	15%  { opacity: 1; }
	100% { opacity: 0; transform: translateX(130%) skewX(-12deg); }
}

/* Video: zoom-out lento tipo cámara mientras se revela. */
.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__video {
	transform: scale(1.18);
}

.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__video {
	animation: nxVideoSettle 2.6s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes nxVideoSettle {
	from { transform: scale(1.18); }
	to   { transform: none; }
}

/* --------------------------------------------------------------------------
   2) PILL DE DISPONIBILIDAD — pop elástico (transición, el CSS base
      bloquea `animation` en este elemento)
   -------------------------------------------------------------------------- */
.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__availability {
	opacity: 0;
	transform: translateY(-26px) scale(0.5) rotate(-6deg);
}

.nexto-contact-scene.is-revealed .nexto-contact-scene__availability {
	opacity: 1;
	transform: translateY(0) scale(1) rotate(0deg);
	transition:
		opacity 0.5s ease 0.5s,
		transform 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s;
}

.nexto-contact-scene.is-revealed .nexto-contact-scene__availability i {
	animation: nxDotPulse 2.4s ease-in-out 1.4s infinite;
}

@keyframes nxDotPulse {
	0%, 100% { box-shadow: 0 0 12px rgba(57, 217, 138, 0.9); }
	50%      { box-shadow: 0 0 22px rgba(57, 217, 138, 1), 0 0 44px rgba(57, 217, 138, 0.5); }
}

/* --------------------------------------------------------------------------
   3) TITULAR — palabras enmascaradas que emergen con rotación + blur
   -------------------------------------------------------------------------- */
.nexto-contact-scene__headline h2 .nx-w {
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
	padding: 0.06em 0.02em 0.12em;
	margin: -0.06em -0.02em -0.12em;
}

.nexto-contact-scene__headline h2 .nx-wi {
	display: inline-block;
}

.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__headline h2 .nx-wi {
	opacity: 0;
	transform: translateY(115%) rotate(7deg);
	transform-origin: 0 100%;
	filter: blur(8px);
}

.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__headline h2 .nx-wi {
	animation: nxWordRise 0.95s cubic-bezier(0.16, 1, 0.3, 1) both;
	animation-delay: calc(0.55s + var(--wi, 0) * 75ms);
}

@keyframes nxWordRise {
	0%   { opacity: 0; transform: translateY(115%) rotate(7deg); filter: blur(8px); }
	60%  { opacity: 1; filter: blur(0); }
	100% { opacity: 1; transform: none; filter: blur(0); }
}

/* Brillo dorado-violeta que recorre el "productos." itálico. */
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__headline h2 em {
	background: linear-gradient(110deg, #ffffff 30%, #ffe1b8 46%, #c9c4ff 52%, #ffd0e0 56%, #ffffff 70%);
	background-size: 260% 100%;
	background-position: 100% 0;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	animation: nxEmShine 1.5s ease-in-out 1.5s both;
}

@keyframes nxEmShine {
	from { background-position: 100% 0; }
	to   { background-position: 0% 0; }
}

/* --------------------------------------------------------------------------
   4) TARJETA DEL FORMULARIO — ascenso 3D con rebote + órbita de luz
      en el borde + pulso de glow
   -------------------------------------------------------------------------- */
.nexto-contact-scene.nx-fx-ready .nexto-contact-scene__content {
	perspective: 1600px;
}

.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__form-card {
	opacity: 0;
}

.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__form-card {
	position: relative;
	transform-origin: 50% 100%;
	animation: nxCardArise 1.35s cubic-bezier(0.16, 1, 0.3, 1) 0.5s both;
}

@keyframes nxCardArise {
	0% {
		opacity: 0;
		transform: translateY(110px) rotateX(22deg) scale(0.92);
		filter: blur(12px);
		box-shadow: 0 0 0 rgba(87, 80, 255, 0);
	}
	50% {
		opacity: 1;
		filter: blur(0);
	}
	68% {
		transform: translateY(-12px) rotateX(-6deg) scale(1.015);
		box-shadow: 0 40px 90px rgba(87, 80, 255, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.94);
	}
	100% {
		opacity: 1;
		transform: none;
		filter: blur(0);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 26px 64px rgba(37, 36, 50, 0.2), 0 12px 32px rgba(87, 80, 255, 0.1);
	}
}

/* Luz que orbita el borde de la tarjeta una vez. */
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__form-card::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 3;
	border-radius: inherit;
	padding: 2px;
	background: conic-gradient(
		from var(--nx-fx-angle, 0deg),
		transparent 0turn,
		transparent 0.62turn,
		rgba(141, 135, 255, 0.95) 0.72turn,
		rgba(0, 173, 254, 0.95) 0.78turn,
		rgba(255, 185, 18, 0.9) 0.83turn,
		transparent 0.92turn
	);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude;
	opacity: 0;
	pointer-events: none;
	animation: nxBorderOrbit 2.4s cubic-bezier(0.4, 0, 0.2, 1) 0.9s 1 both;
}

@keyframes nxBorderOrbit {
	0%   { --nx-fx-angle: 0deg;   opacity: 0; }
	12%  { opacity: 1; }
	85%  { opacity: 1; }
	100% { --nx-fx-angle: 360deg; opacity: 0; }
}

/* --------------------------------------------------------------------------
   5) INTERIOR DEL FORM — cascada de filas + chips que estallan
   -------------------------------------------------------------------------- */
.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__form-content > h3,
.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__direct,
.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__divider b,
.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__label,
.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__fields input,
.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__form textarea,
.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__services legend,
.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__submit {
	opacity: 0;
	transform: translateY(28px);
	filter: blur(6px);
}

.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__form-content > h3,
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__direct,
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__divider b,
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__label,
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__fields input,
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__form textarea,
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__services legend,
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__submit {
	animation: nxRowRise 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes nxRowRise {
	0%   { opacity: 0; transform: translateY(28px); filter: blur(6px); }
	60%  { opacity: 1; filter: blur(0); }
	80%  { transform: translateY(-3px); }
	100% { opacity: 1; transform: none; filter: blur(0); }
}

.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__form-content > h3 { animation-delay: 1.00s; }
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__direct            { animation-delay: 1.12s; }
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__divider b         { animation-delay: 1.30s; }
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__label             { animation-delay: 1.26s; }
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__fields input:first-child { animation-delay: 1.32s; }
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__fields input:last-child  { animation-delay: 1.40s; }
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__form textarea     { animation-delay: 1.46s; }
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__services legend   { animation-delay: 1.50s; }

/* La línea del divisor se dibuja desde el centro. */
.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__divider span {
	transform: scaleX(0);
}

.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__divider span {
	animation: nxLineDraw 0.7s cubic-bezier(0.16, 1, 0.3, 1) 1.22s both;
}

@keyframes nxLineDraw {
	from { transform: scaleX(0); }
	to   { transform: none; }
}

/* El 👋 saluda cuando termina de entrar el título de la tarjeta. */
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__form-content > h3 span {
	animation: nxWave 1.6s ease-in-out 1.9s 2 both;
	transform-origin: 70% 80%;
}

@keyframes nxWave {
	0%, 100% { transform: translateY(-1px) rotate(-8deg); }
	25%      { transform: translateY(-2px) rotate(16deg); }
	55%      { transform: translateY(-1px) rotate(-14deg); }
	80%      { transform: translateY(-2px) rotate(10deg); }
}

/* Redes sociales: pop escalonado dentro de la barra directa. */
.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__socials button {
	opacity: 0;
	transform: scale(0.3) rotate(-14deg);
}

.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__socials button {
	animation: nxSocialPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
	animation-delay: calc(1.24s + var(--i, 0) * 70ms);
}

@keyframes nxSocialPop {
	0%   { opacity: 0; transform: scale(0.3) rotate(-14deg); }
	65%  { opacity: 1; transform: scale(1.18) rotate(4deg); }
	100% { opacity: 1; transform: none; }
}

/* Chips de servicios: estallido escalonado con rebote. */
.nexto-contact-scene.nx-fx-ready:not(.is-revealed) .nexto-contact-scene__services button {
	opacity: 0;
	transform: scale(0.3) translateY(16px) rotate(-10deg);
}

.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__services button {
	animation: nxChipPop 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) both;
	animation-delay: calc(1.56s + var(--i, 0) * 50ms);
}

@keyframes nxChipPop {
	0%   { opacity: 0; transform: scale(0.3) translateY(16px) rotate(-10deg); }
	60%  { opacity: 1; transform: scale(1.14) translateY(-3px) rotate(2deg); }
	100% { opacity: 1; transform: none; }
}

/* Botón enviar: asciende con rebote y destello de glow. */
.nexto-contact-scene.is-revealed:not(.nx-fx-done) .nexto-contact-scene__submit {
	animation: nxBtnRise 0.95s cubic-bezier(0.16, 1, 0.3, 1) 2.05s both;
}

@keyframes nxBtnRise {
	0% {
		opacity: 0;
		transform: translateY(34px) scale(0.92);
		box-shadow: 0 0 0 rgba(87, 80, 255, 0);
	}
	55% {
		opacity: 1;
		transform: translateY(-4px) scale(1.02);
		box-shadow: 0 0 0 14px rgba(87, 80, 255, 0.16), 0 18px 40px rgba(18, 17, 26, 0.35);
	}
	75% {
		box-shadow: 0 0 0 6px rgba(87, 80, 255, 0.07), 0 12px 26px rgba(18, 17, 26, 0.2);
	}
	100% {
		opacity: 1;
		transform: none;
		box-shadow: 0 12px 26px rgba(18, 17, 26, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.12);
	}
}

/* Accesibilidad: sin movimiento si el usuario lo pidió. */
@media (prefers-reduced-motion: reduce) {
	.nexto-contact-scene.nx-fx-ready,
	.nexto-contact-scene.nx-fx-ready *,
	.nexto-contact-scene.nx-fx-ready::after,
	.nexto-contact-scene.nx-fx-ready *::before {
		animation: none !important;
		transition: none !important;
	}
}

/* --------------------------------------------------------------------------
   CINEMATIC HERO — photographic layer stack with the retro canvas as a hold
   transition. The images share the approved master registration, so every
   layer uses the same cover box and only receives a small depth offset.
   -------------------------------------------------------------------------- */
.nx-scene1__scale .v0-custom-hero-bg[data-nx-cinematic-hero-host] {
	 isolation: isolate;
	 background: #e9e9fc !important;
	 overflow: hidden !important;
	 pointer-events: none;
}

.nx-cinematic-hero {
	 position: absolute;
	 inset: 0;
	 z-index: 0;
	 overflow: hidden;
	 background: #e9e9fc;
	 opacity: 1;
	 transition: opacity 340ms cubic-bezier(0.16, 1, 0.3, 1);
	 pointer-events: none;
}

.nx-cinematic-hero__frame {
	 --nx-frame-scale: 1.075;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 width: max(100%, 177.68vh);
	 height: max(100%, 56.28vw);
	 aspect-ratio: 3344 / 1882;
	 overflow: visible;
		 transform: translate3d(
		 	calc(-50% + var(--nx-camera-scroll-x, 0px) + var(--nx-camera-pointer-x, 0px)),
		 	calc(-50% + var(--nx-camera-scroll-y, 0px) + var(--nx-camera-pointer-y, 0px)),
		 	0
		 )
		 rotateX(calc(var(--nx-camera-pitch, 0deg) + var(--nx-camera-pointer-pitch, 0deg)))
		 rotateY(var(--nx-camera-pointer-yaw, 0deg))
		 rotateZ(calc(var(--nx-camera-roll, 0deg) + var(--nx-camera-pointer-roll, 0deg)))
		 scale(var(--nx-camera-scale, var(--nx-frame-scale, 1.04)));
		 transform-origin: 50% 54%;
		 transform-style: preserve-3d;
		 perspective: var(--nx-camera-perspective, 1550px);
		 perspective-origin: var(--nx-camera-perspective-x, 50%) var(--nx-camera-perspective-y, 52%);
		 backface-visibility: hidden;
		 will-change: transform, perspective;
	}

.nx-cinematic-hero__fallback,
.nx-cinematic-hero__layers,
.nx-cinematic-hero__layer {
	 position: absolute;
	 display: block;
}

.nx-cinematic-hero__fallback,
.nx-cinematic-hero__layers {
	 inset: 0;
	 width: 100%;
	 height: 100%;
}

.nx-cinematic-hero__fallback {
	 z-index: 0;
	 width: 100%;
	 height: 100%;
	 object-fit: fill;
	 opacity: 1;
	 transform: translate3d(var(--nx-layer-x, 0px), var(--nx-layer-y, 0px), 0);
	 transform-origin: center;
	 transition: opacity 420ms cubic-bezier(0.16, 1, 0.3, 1);
	 will-change: transform;
}

.nx-cinematic-hero__layers {
	 z-index: 1;
	 opacity: 0;
	 transition: opacity 420ms cubic-bezier(0.16, 1, 0.3, 1);
	 transform-style: preserve-3d;
}

.nx-cinematic-hero.is-layered .nx-cinematic-hero__fallback {
	 opacity: 0;
}

.nx-cinematic-hero.is-layered .nx-cinematic-hero__layers {
	 opacity: 1;
}

.nx-cinematic-hero__layer {
	 right: auto;
	 bottom: auto;
	 object-fit: fill;
		 transform: translate3d(
		 calc(var(--nx-layer-x, 0px) + var(--nx-scroll-x, 0px)),
		 calc(var(--nx-layer-y, 0px) + var(--nx-scroll-y, 0px)),
		 var(--nx-layer-z, 0px)
	) scale(var(--nx-layer-scale, 1)) rotate(calc(var(--nx-layer-rotate, 0deg) + var(--nx-pointer-rotate, 0deg)));
	 transform-origin: center;
	 backface-visibility: hidden;
	 will-change: transform;
}

.nx-cinematic-hero__layer--sky,
.nx-cinematic-hero__layer--environment {
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
}

.nx-cinematic-hero__layer--sun {
	 left: 48.6842%;
	 top: 25.5048%;
	 width: 20.0957%;
	 height: 29.3305%;
	 z-index: 2;
}

.nx-cinematic-hero__layer--sky { z-index: 1; }
.nx-cinematic-hero__layer--environment { z-index: 3; }

.nx-cinematic-hero__layer--far-reflection {
	 left: 54.9940%;
	 top: 67.3751%;
	 width: 4.9940%;
	 height: 19.2349%;
	 z-index: 4;
}

.nx-cinematic-hero__layer--far-car {
	 left: 55.7416%;
	 top: 65.6217%;
	 width: 2.7512%;
	 height: 3.7726%;
	 z-index: 5;
}

.nx-cinematic-hero__layer--viaduct-left,
.nx-cinematic-hero__layer--viaduct-right {
	 z-index: 6;
}

.nx-cinematic-hero__layer--viaduct-left-supports {
	 left: 0;
	 top: 39.4261%;
	 width: 28.7081%;
	 height: 34.5377%;
	 z-index: 5;
}

.nx-cinematic-hero__layer--viaduct-left {
	 left: 0;
	 top: 39.4261%;
	 width: 28.7081%;
	 height: 22.4761%;
}

.nx-cinematic-hero__layer--viaduct-right {
	 left: 74.9103%;
	 top: 39.9044%;
	 width: 25.0897%;
	 height: 25.7173%;
}

.nx-cinematic-hero__layer--near-reflection {
	 left: 24.5813%;
	 top: 77.6833%;
	 width: 28.4689%;
	 height: 22.2646%;
	 z-index: 7;
}

.nx-cinematic-hero__layer--near-car {
	 left: 27.6316%;
	 top: 63.2837%;
	 width: 23.0550%;
	 height: 19.4474%;
	 z-index: 8;
}

.nx-scene1__scale .v0-custom-hero-bg[data-nx-cinematic-hero-host].is-retro-revealed .nx-cinematic-hero {
	 opacity: 0;
}

.nx-cinematic-hero::before,
.nx-cinematic-hero::after {
	 content: "";
	 position: absolute;
	 inset: -12%;
	 z-index: 10;
	 pointer-events: none;
	 opacity: 0;
	 transition: opacity 160ms linear;
}

.nx-cinematic-hero::before {
	 background:
		 radial-gradient(ellipse at var(--nx-pointer-glow-x, 54%) var(--nx-pointer-glow-y, 48%), rgba(255, 225, 191, 0.5), transparent 23%),
		 radial-gradient(ellipse at 50% 50%, rgba(255, 181, 198, 0.22), transparent 48%),
		 linear-gradient(180deg, transparent 38%, rgba(238, 232, 242, calc(var(--nx-cinematic-fog, 0) * 0.38)) 100%);
	 mix-blend-mode: screen;
	 opacity: calc(var(--nx-cinematic-climax, 0) * 0.72 + var(--nx-cinematic-fog, 0) * 0.26 + var(--nx-pointer-energy, 0) * 0.2);
}

.nx-cinematic-hero::after {
	 background:
		 linear-gradient(105deg, transparent 0 38%, rgba(255, 210, 191, 0.18) 46%, transparent 54%),
		 repeating-linear-gradient(104deg, transparent 0 9%, rgba(255, 217, 199, 0.1) 9.2% 9.45%, transparent 9.7% 17%);
	 transform: translate3d(
		 calc(var(--nx-streak-x, 0px) + var(--nx-pointer-streak-x, 0px)),
		 calc(var(--nx-streak-y, 0px) + var(--nx-pointer-streak-y, 0px)),
		 0
	 ) scale(1.08);
	 mix-blend-mode: screen;
	 opacity: calc(var(--nx-cinematic-speed, 0) * 0.68 + var(--nx-cinematic-awakening, 0) * 0.05 + var(--nx-pointer-speed, 0) * 0.22);
}

.nx-cinematic-hero.is-layered:not(.is-cinematic-entered) .nx-cinematic-hero__fallback {
	 opacity: 1;
}

.nx-cinematic-hero.is-layered:not(.is-cinematic-entered) .nx-cinematic-hero__layers {
	 opacity: 0;
}

.nx-cinematic-hero.is-cinematic-entered .nx-cinematic-hero__layer {
	 animation: nxCinematicLayerEntry 1.15s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.nx-cinematic-hero.is-cinematic-entered .nx-cinematic-hero__layer--sun {
 	 animation: nxCinematicSunEntry 1.75s cubic-bezier(0.16, 1, 0.3, 1) 80ms both;
}
.nx-cinematic-hero.is-cinematic-entered .nx-cinematic-hero__layer--environment { animation-delay: 140ms; }
.nx-cinematic-hero.is-cinematic-entered .nx-cinematic-hero__layer--far-reflection,
.nx-cinematic-hero.is-cinematic-entered .nx-cinematic-hero__layer--far-car { animation-delay: 220ms; }
.nx-cinematic-hero.is-cinematic-entered .nx-cinematic-hero__layer--viaduct-left-supports,
.nx-cinematic-hero.is-cinematic-entered .nx-cinematic-hero__layer--viaduct-left,
.nx-cinematic-hero.is-cinematic-entered .nx-cinematic-hero__layer--viaduct-right { animation-delay: 300ms; }
.nx-cinematic-hero.is-cinematic-entered .nx-cinematic-hero__layer--near-reflection,
.nx-cinematic-hero.is-cinematic-entered .nx-cinematic-hero__layer--near-car { animation-delay: 390ms; }

@keyframes nxCinematicLayerEntry {
	 from {
		 opacity: 0;
		 filter: blur(10px) saturate(0.82);
	 }
	 to {
		 opacity: 1;
		 filter: none;
	 }
}

@keyframes nxCinematicSunEntry {
 	 0% {
 	 	 opacity: 0;
 	 	 filter: blur(14px) saturate(0.84);
 	 	 scale: 0.72;
 	 }
 	 42% {
 	 	 opacity: 1;
 	 	 filter: blur(2px) saturate(1.12) drop-shadow(0 0 30px rgba(255, 204, 142, 0.58));
 	 	 scale: 1.1;
 	 }
 	 100% {
 	 	 opacity: 1;
 	 	 filter: none;
 	 	 scale: 1;
 	 }
}

.nx-scene1__scale .v0-custom-hero-bg[data-nx-cinematic-hero-host] > #canvas-live-hero-custom {
	 z-index: 2 !important;
	 opacity: 0 !important;
	 animation: none !important;
	 transition: opacity 340ms cubic-bezier(0.16, 1, 0.3, 1) !important;
	 pointer-events: none !important;
}

.nx-scene1__scale .v0-custom-hero-bg[data-nx-cinematic-hero-host].is-retro-revealed > #canvas-live-hero-custom {
	 opacity: 1 !important;
}

.nx-scene1__scale .v0-custom-hero-bg[data-nx-cinematic-hero-host] > .v0-custom-hero-atmosphere {
	 z-index: 3 !important;
	 background:
		 radial-gradient(circle at 50% 34%, rgba(255, 255, 255, 0.18), transparent 30%),
		 linear-gradient(180deg, rgba(233, 233, 252, 0.02), rgba(233, 233, 252, 0.14) 72%, rgba(233, 233, 252, 0.34));
}

.nx-scene1__scale .v0-custom-hero-bg[data-nx-cinematic-hero-host] > .v0-custom-hero-atmosphere::after {
	 background: radial-gradient(ellipse at center, transparent 0%, transparent 52%, rgba(37, 36, 50, 0.08) 100%);
}

.v0-hero[data-nx-cinematic-interaction] {
	 touch-action: pan-y;
}

.nx-scene1__scale .v0-hero[data-nx-cinematic-interaction] .v0-hero-lanyard {
	transform: translate3d(
		var(--nx-lanyard-camera-x, 0px),
		var(--nx-lanyard-camera-y, 0px),
		0
	) rotateZ(var(--nx-lanyard-camera-roll, 0deg));
	will-change: transform;
}

@media (max-width: 767px) {
	.nx-cinematic-hero__frame {
		--nx-frame-scale: 1.11;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nx-cinematic-hero__fallback,
	.nx-cinematic-hero__layers,
	.nx-cinematic-hero__layer,
	.nx-cinematic-hero::before,
	.nx-cinematic-hero::after,
	.nx-scene1__scale .v0-custom-hero-bg[data-nx-cinematic-hero-host] > #canvas-live-hero-custom {
		transition: none !important;
		animation: none !important;
	}

	.nx-scene1__scale .v0-hero[data-nx-cinematic-interaction] .v0-hero-lanyard {
		transform: none !important;
	}
}

/* --------------------------------------------------------------------------
   PROJECTS MARQUEE — original showcase card with the partner rail treatment
   -------------------------------------------------------------------------- */
.nexto-projects-marquee :is(
    .nexto-showcase-preview__topline,
    .nexto-showcase-preview__topline p,
    .nexto-showcase-preview__index,
    .nexto-showcase-preview__count,
    .nexto-showcase-preview__brand,
    .nexto-showcase-preview__project h3,
    .nexto-showcase-preview__tags span,
    .nexto-showcase-preview__meta dt,
    .nexto-showcase-preview__meta dd
) {
    font-family: 'Space Grotesk', sans-serif;
}

.nexto-projects-marquee .nexto-showcase-preview__brand {
    width: min(calc(100% - 48px), 760px);
    gap: clamp(7px, 0.65vw, 12px);
    justify-content: center;
    text-align: center;
}

.nexto-projects-marquee .nexto-showcase-preview__brand span {
    min-width: 0;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.nexto-projects-marquee .nexto-showcase-preview__brand-logo {
    display: block;
    flex: 0 0 auto;
    width: auto;
    height: 0.86em;
    max-width: 3em;
    object-fit: contain;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.25));
}

@media (min-width: 701px) {
    .nexto-projects-marquee .nexto-showcase-preview__topline p {
        grid-column: 1;
    }

    .nexto-projects-marquee .nexto-showcase-preview__count {
        grid-column: 3;
    }
}

.nexto-projects-marquee {
    --projects-card-width: min(1060px, 72vw);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    /* The inherited showcase reveal translates this section by 48px. Keep
       hash navigation clear once that reveal settles into its final frame. */
    scroll-margin-top: 48px;
    margin: clamp(12px, 1.5vw, 22px) 0 0;
    padding: 0;
    border: 0;
    border-radius: 30px;
    background: #000;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2);
}

.nexto-projects-marquee__viewport {
    position: relative;
    overflow: hidden;
    padding: 0 0 clamp(18px, 2vw, 28px);
    background: #000;
    touch-action: pan-y;
}

.nexto-projects-marquee__track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: nextoProjectsMarqueeScroll 54s linear infinite;
}

.nexto-projects-marquee__viewport.is-dragging * {
    user-select: none;
}

.nexto-projects-marquee__group {
    display: flex;
    align-items: stretch;
    gap: clamp(18px, 1.5vw, 28px);
    flex: 0 0 auto;
    min-width: max-content;
    padding-right: clamp(18px, 1.5vw, 28px);
}

.nexto-projects-marquee .nexto-projects-marquee__card {
    flex: 0 0 var(--projects-card-width);
    width: var(--projects-card-width);
    height: clamp(520px, 34vw, 560px);
    min-height: 0;
    aspect-ratio: auto;
    border-radius: clamp(22px, 2vw, 30px);
}

/* Same layered blur and black fade used by the partner marquee. */
.nexto-projects-marquee__viewport::before,
.nexto-projects-marquee__viewport::after {
    position: absolute;
    z-index: 12;
    top: 0;
    bottom: 0;
    width: clamp(52px, 8vw, 124px);
    content: '';
    pointer-events: none;
}

.nexto-projects-marquee__viewport::before {
    left: 0;
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.94) 22%, rgba(0, 0, 0, 0) 100%);
}

.nexto-projects-marquee__viewport::after {
    right: 0;
    background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0.94) 22%, rgba(0, 0, 0, 0) 100%);
}

.nexto-projects-marquee__blur {
    position: absolute;
    z-index: 11;
    top: 0;
    width: clamp(70px, 10vw, 150px);
    height: 100%;
    pointer-events: none;
}

.nexto-projects-marquee__blur--left { left: 0; }
.nexto-projects-marquee__blur--right { right: 0; transform: scaleX(-1); }

.nexto-projects-marquee__blur span {
    position: absolute;
    inset: 0;
    display: block;
    -webkit-backdrop-filter: blur(var(--project-blur));
    backdrop-filter: blur(var(--project-blur));
    -webkit-mask-image: linear-gradient(270deg, transparent var(--project-mask-start), #fff var(--project-mask-in), #fff var(--project-mask-out), transparent var(--project-mask-end));
    mask-image: linear-gradient(270deg, transparent var(--project-mask-start), #fff var(--project-mask-in), #fff var(--project-mask-out), transparent var(--project-mask-end));
}

.nexto-projects-marquee__blur span:nth-child(1) { --project-blur: 0px; --project-mask-start: 0%; --project-mask-in: 11.111%; --project-mask-out: 22.222%; --project-mask-end: 33.333%; }
.nexto-projects-marquee__blur span:nth-child(2) { --project-blur: 1px; --project-mask-start: 11.111%; --project-mask-in: 22.222%; --project-mask-out: 33.333%; --project-mask-end: 44.444%; }
.nexto-projects-marquee__blur span:nth-child(3) { --project-blur: 2px; --project-mask-start: 22.222%; --project-mask-in: 33.333%; --project-mask-out: 44.444%; --project-mask-end: 55.556%; }
.nexto-projects-marquee__blur span:nth-child(4) { --project-blur: 3px; --project-mask-start: 33.333%; --project-mask-in: 44.444%; --project-mask-out: 55.556%; --project-mask-end: 66.667%; }
.nexto-projects-marquee__blur span:nth-child(5) { --project-blur: 4px; --project-mask-start: 44.444%; --project-mask-in: 55.556%; --project-mask-out: 66.667%; --project-mask-end: 77.778%; }
.nexto-projects-marquee__blur span:nth-child(6) { --project-blur: 5px; --project-mask-start: 55.556%; --project-mask-in: 66.667%; --project-mask-out: 77.778%; --project-mask-end: 88.889%; }
.nexto-projects-marquee__blur span:nth-child(7) { --project-blur: 6px; --project-mask-start: 66.667%; --project-mask-in: 77.778%; --project-mask-out: 88.889%; --project-mask-end: 100%; }
.nexto-projects-marquee__blur span:nth-child(8) { --project-blur: 7px; --project-mask-start: 77.778%; --project-mask-in: 88.889%; --project-mask-out: 100%; --project-mask-end: 111.111%; }

@media (hover: hover) and (pointer: fine) {
    .nexto-projects-marquee__viewport {
        cursor: grab;
    }

    .nexto-projects-marquee__viewport.is-dragging {
        cursor: grabbing;
    }

    .nexto-projects-marquee .nexto-showcase-preview__media {
        transition: filter 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .nexto-projects-marquee .nexto-showcase-preview__card:hover .nexto-showcase-preview__media {
        filter: brightness(1) saturate(1) contrast(1) blur(0) !important;
    }
}

@keyframes nextoProjectsMarqueeScroll {
    to { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 1180px) {
    .nexto-projects-marquee {
        --projects-card-width: min(940px, 78vw);
    }
}

@media (max-width: 700px) {
    .nexto-projects-marquee {
        margin-top: 14px;
        border-radius: 22px;
    }

    .nexto-projects-marquee__viewport {
        padding: 0 0 14px;
    }

    .nexto-projects-marquee__track {
        animation-duration: 42s;
    }

    .nexto-projects-marquee__group {
        gap: 14px;
        padding-right: 14px;
    }

    .nexto-projects-marquee .nexto-projects-marquee__card {
        flex-basis: min(86vw, 520px);
        width: min(86vw, 520px);
        height: clamp(420px, 108vw, 560px);
        border-radius: 24px;
    }

    .nexto-projects-marquee .nexto-showcase-preview__brand {
        width: calc(100% - 36px);
        max-width: calc(100% - 36px);
        font-size: clamp(20px, 7vw, 30px);
    }

    .nexto-projects-marquee .nexto-showcase-preview__brand-logo {
        height: 0.82em;
        max-width: 2.9em;
    }

    .nexto-projects-marquee__viewport::before,
    .nexto-projects-marquee__viewport::after {
        width: 58px;
    }

    .nexto-projects-marquee__blur {
        width: 72px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nexto-projects-marquee {
        scroll-margin-top: 0;
    }

    .nexto-projects-marquee__track {
        animation: none;
    }

    .nexto-projects-marquee__viewport {
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .nexto-projects-marquee__group + .nexto-projects-marquee__group {
        display: none;
    }
}

/* --------------------------------------------------------------------------
   FIRST RETRO HOLD - the original point-origin bridge between the bright
   photographic hero and the live retro-engine canvas.
   -------------------------------------------------------------------------- */
.nx-scene1__scale .v0-hero[data-nx-cinematic-interaction] .v0-dither-canvas {
    opacity: 0.24 !important;
    filter: invert(1) contrast(1.05) brightness(1.12) saturate(0.72) !important;
    mix-blend-mode: soft-light !important;
    transition: opacity 420ms cubic-bezier(0.16, 1, 0.3, 1), filter 420ms ease, mix-blend-mode 0s linear 420ms !important;
}

.nx-scene1__scale .v0-hero[data-nx-cinematic-interaction].nx-retro-hold-active .v0-dither-canvas {
    opacity: 1 !important;
    filter: invert(1) contrast(1.16) brightness(0.96) saturate(0.92) !important;
    mix-blend-mode: multiply !important;
    transition: opacity 180ms ease, filter 180ms ease, mix-blend-mode 0s !important;
}

.nx-scene1__scale .v0-custom-hero-bg[data-nx-cinematic-hero-host] > #canvas-live-hero-custom[data-nx-retro-reveal] {
    clip-path: circle(0% at var(--nx-retro-origin-x, 50%) var(--nx-retro-origin-y, 50%));
    will-change: clip-path;
}

.nx-scene1__scale .v0-custom-hero-bg[data-nx-cinematic-hero-host].is-retro-revealed > #canvas-live-hero-custom[data-nx-retro-reveal] {
    opacity: 1 !important;
    clip-path: circle(160vmax at var(--nx-retro-origin-x, 50%) var(--nx-retro-origin-y, 50%));
    animation: nxRetroFirstOpen 720ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

.nx-scene1__scale .v0-custom-hero-bg[data-nx-cinematic-hero-host].nx-retro-hold-returning > #canvas-live-hero-custom[data-nx-retro-reveal] {
    opacity: 1 !important;
    clip-path: circle(160vmax at var(--nx-retro-origin-x, 50%) var(--nx-retro-origin-y, 50%));
    animation: nxRetroFirstClose 680ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

@keyframes nxRetroFirstOpen {
    0% { clip-path: circle(0% at var(--nx-retro-origin-x, 50%) var(--nx-retro-origin-y, 50%)); }
    100% { clip-path: circle(160vmax at var(--nx-retro-origin-x, 50%) var(--nx-retro-origin-y, 50%)); }
}

@keyframes nxRetroFirstClose {
    0% { clip-path: circle(160vmax at var(--nx-retro-origin-x, 50%) var(--nx-retro-origin-y, 50%)); }
    100% { clip-path: circle(0% at var(--nx-retro-origin-x, 50%) var(--nx-retro-origin-y, 50%)); }
}

.nx-scene1__scale .nx-retro-reveal-fx {
    position: absolute;
    inset: 0;
    z-index: 4;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    isolation: isolate;
}

.nx-scene1__scale .nx-retro-reveal-fx::before,
.nx-scene1__scale .nx-retro-reveal-fx::after {
    content: '';
    position: absolute;
    pointer-events: none;
}

.nx-scene1__scale .nx-retro-reveal-fx::before {
    left: var(--nx-retro-origin-x, 50%);
    top: var(--nx-retro-origin-y, 50%);
    width: 9vmax;
    height: 9vmax;
    border: 1px solid rgba(255, 224, 198, 0.9);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(188, 156, 255, 0.72), 0 0 34px rgba(255, 124, 201, 0.54);
    transform: translate(-50%, -50%) scale(0.12);
    opacity: 0;
}

.nx-scene1__scale .nx-retro-reveal-fx::after {
    inset: -20%;
    background: repeating-linear-gradient(180deg, transparent 0 9px, rgba(255, 214, 195, 0.18) 10px 11px, transparent 12px 21px);
    transform: translateY(-18%);
    opacity: 0;
}

.nx-scene1__scale .nx-retro-reveal-fx[data-nx-retro-fx="active"],
.nx-scene1__scale .nx-retro-reveal-fx[data-nx-retro-fx="returning"] {
    opacity: 1;
}

.nx-scene1__scale .nx-retro-reveal-fx[data-nx-retro-fx="active"]::before {
    animation: nxRetroFirstShockwave 820ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.nx-scene1__scale .nx-retro-reveal-fx[data-nx-retro-fx="active"]::after {
    animation: nxRetroFirstScan 720ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.nx-scene1__scale .nx-retro-reveal-fx[data-nx-retro-fx="returning"]::before {
    animation: nxRetroFirstShockwave 560ms cubic-bezier(0.16, 1, 0.3, 1) reverse both;
}

@keyframes nxRetroFirstShockwave {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(0.12); }
    12% { opacity: 1; }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(10); }
}

@keyframes nxRetroFirstScan {
    0% { opacity: 0; transform: translateY(-18%); }
    18% { opacity: 0.72; }
    100% { opacity: 0; transform: translateY(18%); }
}

@media (prefers-reduced-motion: reduce) {
    .nx-scene1__scale .v0-hero[data-nx-cinematic-interaction] .v0-dither-canvas,
    .nx-scene1__scale .nx-retro-reveal-fx,
    .nx-scene1__scale .nx-retro-reveal-fx::before,
    .nx-scene1__scale .nx-retro-reveal-fx::after {
        transition: none !important;
        animation: none !important;
    }

    .nx-scene1__scale .v0-custom-hero-bg[data-nx-cinematic-hero-host].is-retro-revealed > #canvas-live-hero-custom[data-nx-retro-reveal] {
        clip-path: circle(160vmax at var(--nx-retro-origin-x, 50%) var(--nx-retro-origin-y, 50%));
    }

    .nx-scene1__scale .v0-custom-hero-bg[data-nx-cinematic-hero-host] > #canvas-live-hero-custom[data-nx-retro-reveal],
    .nx-scene1__scale .v0-custom-hero-bg[data-nx-cinematic-hero-host].nx-retro-hold-returning > #canvas-live-hero-custom[data-nx-retro-reveal] {
        clip-path: circle(0% at var(--nx-retro-origin-x, 50%) var(--nx-retro-origin-y, 50%));
    }
}

/* --------------------------------------------------------------------------
   SIDEBAR BRAND MARKS — transparent brand artwork on dark branded hosts
   -------------------------------------------------------------------------- */
.nexto-sidebar.nx-glass .nx-brand-tile,
.nexto-sidebar.nx-glass .badge-center-icon,
.nexto-sidebar.nx-glass .nx-cc__avatar {
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(145deg, #0b0a0d 0%, #000000 72%);
    border-color: rgba(255, 92, 171, 0.58);
    box-shadow:
        0 0 0 1px rgba(255, 142, 61, 0.16),
        0 8px 20px rgba(0, 0, 0, 0.34),
        0 0 16px rgba(137, 83, 255, 0.2);
}

.nexto-sidebar.nx-glass .nx-cc__avatar {
    overflow: visible;
}

.nexto-sidebar.nx-glass .badge-center-icon {
    box-sizing: border-box;
    background: linear-gradient(145deg, #0b0a0d 0%, #000000 72%) !important;
    border: 1px solid rgba(255, 92, 171, 0.58);
    box-shadow:
        0 0 0 1px rgba(255, 142, 61, 0.16),
        0 8px 20px rgba(0, 0, 0, 0.34),
        0 0 16px rgba(137, 83, 255, 0.2) !important;
}

.nexto-sidebar.nx-glass .nx-sidebar-brand-mark {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: contain;
    object-position: center;
}

.nexto-sidebar.nx-glass .nx-sidebar-brand-mark--tile {
    padding: 3px;
}

.nexto-sidebar.nx-glass .nx-sidebar-brand-mark--award {
    padding: 4px;
    border-radius: 50%;
}

.nexto-sidebar.nx-glass .nx-sidebar-brand-mark--avatar {
    padding: 3px;
    border-radius: inherit;
}

/* Full sidebar wordmark */
.nexto-sidebar.nx-glass .nx-sidebar-full-logo {
    width: clamp(150px, 11vw, 168px);
    max-width: 100%;
    height: auto;
    object-fit: contain;
    filter: none;
}

/* --------------------------------------------------------------------------
   AUTHOR SERVICES — softer card geometry for this page only
   -------------------------------------------------------------------------- */
.nexto-services-cockpit {
    border-radius: clamp(30px, 3vw, 46px);
}

.nexto-services-cockpit .nexto-cockpit-tab {
    border-radius: 24px;
}

.nexto-services-cockpit .nexto-cockpit-stage {
    border-radius: 28px;
}

/* Keep the staged reveal aligned with the final panel radius. */
.nx-js .nexto-services-cockpit .nexto-cockpit-stage {
    clip-path: inset(48% 7% 48% 7% round 28px);
}

.nx-js .nexto-services-cockpit.nx-inview .nexto-cockpit-stage {
    clip-path: inset(0 0 0 0 round 28px);
}

@media (max-width: 540px) {
    .nexto-services-cockpit {
        border-radius: 28px;
    }

    .nexto-services-cockpit .nexto-cockpit-tab {
        border-radius: 20px;
    }

    .nexto-services-cockpit .nexto-cockpit-stage {
        border-radius: 24px;
    }

    .nx-js .nexto-services-cockpit .nexto-cockpit-stage {
        clip-path: inset(48% 7% 48% 7% round 24px);
    }

    .nx-js .nexto-services-cockpit.nx-inview .nexto-cockpit-stage {
        clip-path: inset(0 0 0 0 round 24px);
    }
}

/* Keep the full-width form CTA's orb anchored like the hero CTA. */
.nexto-contact-scene__submit.v0-orb-button {
    justify-content: flex-start;
}

/* ============================================================
   Contacto — puerta para reclutadores
   Segunda vía de contacto: la página también funciona como CV.
   ============================================================ */
.nexto-contact-scene__recruiter {
	display: block;
	width: 100%;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent);
	font-size: 0.78rem;
	line-height: 1.5;
	letter-spacing: 0.01em;
	opacity: 0.62;
	text-wrap: pretty;
}

/* Adapt only the captured editorial cluster; the video and lower wordmark stay untouched. */
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__brand {
    min-width: 0;
    align-self: center;
    padding: clamp(18px, 2vw, 26px);
    border: 1px solid rgba(214, 221, 237, 0.9);
    border-radius: clamp(22px, 2vw, 30px);
    background: linear-gradient(140deg, #f4f1fb 0%, #dfe4fa 50%, #ecdcd7 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 26px 64px rgba(37, 36, 50, 0.2), 0 12px 32px rgba(87, 80, 255, 0.1);
    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__brand > a {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    color: #111217 !important;
    background: none !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: #111217 !important;
    filter: none !important;
    font-family: 'Inter', 'Geist', sans-serif;
    font-size: clamp(20px, 1.7vw, 28px);
    font-weight: 680;
    letter-spacing: -0.065em;
    line-height: 1;
    text-decoration: none;
    animation: none !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__signature {
    margin-top: 12px !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__signature p {
    color: rgba(31, 33, 52, 0.7) !important;
    text-shadow: none !important;
    font-family: 'Inter', 'Geist', sans-serif;
    font-size: clamp(10px, 0.82vw, 13px);
    line-height: 1.35;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav {
    align-self: center;
    width: auto !important;
    height: 148px !important;
    min-height: 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
    border: 1px solid rgba(214, 221, 237, 0.9) !important;
    border-radius: clamp(22px, 2vw, 30px) !important;
    background: linear-gradient(140deg, #f4f1fb 0%, #dfe4fa 50%, #ecdcd7 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 26px 64px rgba(37, 36, 50, 0.2), 0 12px 32px rgba(87, 80, 255, 0.1) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav::before,
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav::after,
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav a::before,
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav a::after,
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav a i::before,
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav a i::after {
    display: none !important;
    content: none !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-flow: row;
    gap: 6px !important;
    height: 126px !important;
    min-height: 0 !important;
    padding: 0 !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a {
    display: grid !important;
    width: auto !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    grid-column: auto !important;
    grid-row: auto !important;
    grid-template-columns: 7px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    color: #62636b !important;
    border: 1px solid rgba(214, 221, 237, 0.9) !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, 0.58) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    font-family: 'Inter', 'Geist', sans-serif;
    font-size: 10px;
    font-weight: 620;
    letter-spacing: -0.025em;
    text-decoration: none;
    text-shadow: none !important;
    transform: none !important;
    transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a:last-child {
    grid-column: 1 / -1 !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a:hover,
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a:focus-visible {
    color: #111217 !important;
    border-color: #8f9097 !important;
    background: rgba(255, 255, 255, 0.72) !important;
    transform: translateY(-2px) !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a.is-current {
    color: #ffffff !important;
    border-color: #252432 !important;
    background: #252432 !important;
    box-shadow: 0 8px 18px rgba(37, 36, 50, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a i {
    position: static !important;
    display: block;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(255, 95, 127, 0.16) !important;
    transform: none !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a:nth-child(2) i { box-shadow: 0 0 0 3px rgba(212, 136, 255, 0.12) !important; }
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a:nth-child(3) i { box-shadow: 0 0 0 3px rgba(127, 156, 255, 0.12) !important; }
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a:nth-child(4) i { box-shadow: 0 0 0 3px rgba(255, 180, 76, 0.12) !important; }
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a:nth-child(5) i { box-shadow: 0 0 0 3px rgba(116, 220, 177, 0.12) !important; }

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a.is-current i {
    background: #ffffff !important;
    box-shadow: none !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a span {
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
    overflow: hidden;
    color: inherit !important;
    background: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a sup {
    min-width: 0 !important;
    padding: 0 !important;
    color: rgba(98, 99, 107, 0.52) !important;
    background: none !important;
    font-family: 'Geist Mono', monospace;
    font-size: 8px !important;
    line-height: 1;
    text-align: right;
    transform: none !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a.is-current sup {
    color: rgba(255, 255, 255, 0.58) !important;
}

@media (max-width: 820px) {
    .nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__brand {
        padding: 10px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav {
        padding: 10px !important;
    }
}

@media (max-width: 520px) {
    .nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__brand {
        padding: 10px 12px;
        border-radius: 22px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__signature {
        margin-top: 10px !important;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav {
        height: 182px !important;
        padding: 8px !important;
        border-radius: 22px !important;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
        height: 166px !important;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a {
        height: 30px !important;
        min-height: 30px !important;
        font-size: 9px;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a:last-child {
        grid-column: auto !important;
    }
}

/* Contacto — el icono social ahora es un enlace a WhatsApp, no un button. */
.nexto-contact-scene__socials a {
	display: grid;
	width: 30px;
	height: 30px;
	padding: 0;
	place-items: center;
	color: #1f9d55;
	border: 1px solid rgba(214, 221, 237, 0.72);
	border-radius: 10px;
	background: #e6f7ee;
	text-decoration: none;
	transition: opacity 0.2s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.nexto-contact-scene__socials a:hover {
	opacity: 0.78;
	transform: translateY(-2px);
}

.nexto-contact-scene__socials .is-whatsapp svg {
	width: 15px;
	height: 15px;
	fill: currentColor;
	stroke: none;
}

/* Sobre mí — el icono de WhatsApp es glifo relleno, no trazo. */
.nexto-team-bento__socials .is-whatsapp svg path {
	fill: currentColor;
	stroke: none;
}

/* Match the about-card CTA to the standard orb used by the hero and form. */
.nexto-team-bento__join-footer.v0-orb-button {
	display: inline-flex;
	width: 100%;
	min-height: 48px;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	margin-top: 0;
	padding: 9px 24px 9px 12px;
	border: 1px solid #12111a;
	border-radius: 999px;
	background: #12111a;
	box-shadow: 0 12px 26px rgba(18, 17, 26, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.12);
	font-family: 'Inter', 'Geist', sans-serif;
	font-size: 11px;
	font-weight: 680;
	letter-spacing: normal;
	line-height: 1;
	text-transform: none;
	color: #ffffff;
	transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease;
}

.nexto-team-bento__join-footer.v0-orb-button:hover,
.nexto-team-bento__join-footer.v0-orb-button:focus-visible,
.nexto-team-bento__join:focus-visible .nexto-team-bento__join-footer.v0-orb-button {
	border-color: #5750ff;
	background: #5750ff;
	box-shadow: 0 16px 30px rgba(87, 80, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.16);
	transform: translateY(-1px);
}

.nexto-team-bento__join:focus-visible .nexto-team-bento__join-footer.v0-orb-button .v0-orb-dot {
	transform: scale(1);
}

.nexto-team-bento__join:focus-visible .nexto-team-bento__join-footer.v0-orb-button .v0-orb-text {
	transform: translateX(0);
}

/* ============================================================
   Bento hero — ajustes de aire y de pills
   ============================================================ */

/* La bajada estaba pegada al titular: más aire entre ambos. */
body.inicio-test10-body .hero-left-subtitle {
	margin-top: clamp(34px, 4.4vw, 58px);
}

/* Las pills de especialidad no deben partirse en dos líneas. */
body.inicio-test10-body .nx-static-badges .hero-tag-pill {
	white-space: nowrap;
}

/* ============================================================
   Sobre mí — revelado palabra por palabra
   Las palabras entran escalonadas con desenfoque, en el mismo
   lenguaje de movimiento que el resto de la página (nxRowRise).
   ============================================================ */
.nexto-team-bento__feature .nx-word {
	display: inline-block;
	/* Sin will-change a propósito: son ~90 palabras y cada una reservaría
	   su propia capa en GPU. Medido en mobile daba 111 capas promovidas
	   solo en esta sección. La animación no lo necesita. */
}

.nx-js .nexto-team-bento__feature .nx-word {
	opacity: 0;
	transform: translateY(0.5em);
	filter: blur(6px);
}

.nx-js .nexto-team-bento__feature.nx-words-in .nx-word {
	animation: nxWordIn 0.72s cubic-bezier(0.16, 1, 0.3, 1) both;
	animation-delay: calc(var(--w, 0) * 20ms);
}

@keyframes nxWordIn {
	0%   { opacity: 0; transform: translateY(0.5em); filter: blur(6px); }
	70%  { opacity: 1; filter: blur(0); }
	100% { opacity: 1; transform: none; filter: blur(0); }
}

@media (prefers-reduced-motion: reduce) {
	.nx-js .nexto-team-bento__feature .nx-word {
		opacity: 1;
		transform: none;
		filter: none;
		animation: none;
	}
}

/* La chapa circular giratoria del logo viene del sidebar compartido
   (template-parts/shared/nexto-glass-sidebar.php), que usan otras 6
   páginas. Se oculta solo acá, sin tocar el partial.
   Lleva !important porque page-inicio-test10.css la vuelve a mostrar
   dentro de media queries con `.nexto-sidebar .sidebar-award-badge`,
   que gana por especificidad. */
.sidebar-award-badge,
.nexto-sidebar .sidebar-award-badge,
.nexto-sidebar.nx-glass .sidebar-award-badge {
	display: none !important;
}

/* El "+15" quedaba pegado al último párrafo. El contenedor usa
   space-between, pero cuando el texto crece deja de sobrar espacio y los
   dos bloques se tocan. Este margen mínimo garantiza la separación. */
.nexto-team-bento__feature-content .nexto-team-bento__stat {
	margin-top: clamp(12px, 1.3vw, 18px);
}

/* ============================================================
   Footer editorial — versión sobria
   Reemplaza la grilla de dos columnas con pastillas, puntos de
   color y numeración por una lista simple. Los dos bloques
   comparten alto, padding y radio, así quedan alineados.
   Va al final del archivo: gana por orden sobre el bloque
   anterior, que tiene la misma especificidad.
   ============================================================ */

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__brand,
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: stretch !important;
    height: auto !important;
    min-height: 196px !important;
    padding: clamp(18px, 1.9vw, 26px) !important;
    border-radius: 22px !important;
}

/* La bajada se partía en líneas huérfanas ("web a / medida."). */
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__signature p {
    max-width: 32ch;
    text-wrap: pretty;
}

/* Nav: una sola columna, separada por filetes en vez de pastillas. */
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: 100%;
    height: auto !important;
    gap: 0 !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px 2px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(37, 36, 50, 0.09) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(37, 36, 50, 0.64) !important;
    font-size: 13px;
    font-weight: 560;
    transform: none !important;
    transition: color 0.22s ease !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a:last-child {
    border-bottom: 0 !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a:hover,
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a:focus-visible {
    color: #111217 !important;
    border-color: rgba(37, 36, 50, 0.09) !important;
    background: transparent !important;
    transform: none !important;
}

/* La página actual se marca con peso y color, no con una pastilla negra. */
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a.is-current {
    color: #111217 !important;
    border-color: rgba(37, 36, 50, 0.09) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 700;
}

/* Fuera los puntos de color y la numeración: era el ruido principal. */
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a i,
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a sup {
    display: none !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a span {
    overflow: visible;
    white-space: nowrap;
}

@media (max-width: 820px) {
    .nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__brand,
    .nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav {
        min-height: 0 !important;
        padding: 16px 18px !important;
    }

    .nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a {
        padding: 9px 2px !important;
        font-size: 12px;
    }
}

/* ============================================================
   Footer editorial — sin tarjetas
   Se eliminan los dos paneles glass: marca y navegación quedan
   flotando sobre el video, alineadas arriba con el bloque de
   "¿Tenés un proyecto?". Texto claro porque el fondo es oscuro.
   ============================================================ */

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__top {
    align-items: start !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__brand,
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav {
    display: block !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Marca */
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__brand > a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: clamp(22px, 1.8vw, 30px);
    font-weight: 680;
    letter-spacing: -0.055em;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45) !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__signature {
    margin-top: 14px !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__signature p {
    max-width: 30ch;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: clamp(12px, 0.9vw, 14px);
    line-height: 1.5;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.5) !important;
    text-wrap: pretty;
}

/* Navegación: lista limpia, sin filetes ni fondos */
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: auto !important;
    height: auto !important;
    gap: 9px !important;
    padding: 0 !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.62) !important;
    font-size: clamp(13px, 1vw, 16px);
    font-weight: 560;
    letter-spacing: -0.03em;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.5) !important;
    transform: none !important;
    transition: color 0.22s ease !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a:hover,
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a:focus-visible {
    color: #ffffff !important;
    background: none !important;
    transform: none !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__nav-grid > a.is-current {
    color: #ffffff !important;
    background: none !important;
    box-shadow: none !important;
    font-weight: 700;
}

/* El wordmark del footer pasa de texto a la imagen de la barra lateral. */
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__brand-logo {
    display: block !important;
    width: fit-content;
    line-height: 0;
    text-shadow: none !important;
}

.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__brand-logo img {
    display: block;
    width: clamp(150px, 12vw, 190px);
    max-width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 2px 18px rgba(0, 0, 0, 0.45));
}

/* CTA de la barra lateral: el puntito iba en violeta (#5750ff) y sobre el
   botón oscuro se leía apagado. Va blanco, igual que el resto de los CTA
   primarios de la página. */
body.inicio-test10-body .nexto-sidebar .v0-orb-button-primary .v0-orb-dot {
    background: #ffffff;
    color: var(--bg-dark);
}

/* ============================================================
   Footer dual — parpadeo al entrar la segunda cara
   El revelado anima opacity + transform + filter:blur sobre elementos
   grandes (incluido el wordmark gigante) y encima de un video en loop.
   Sin capa propia de compositor, el navegador repinta todo en cada
   cuadro y se ven titileos.
   ============================================================ */

/* Capa propia solo mientras dura la secuencia, no de forma permanente. */
.nexto-prow-footer--dual.is-sequence-started .nexto-prow-footer__face--original .nexto-prow-footer__top > *,
.nexto-prow-footer--dual.is-sequence-started .nexto-prow-footer__face--original .nexto-prow-footer__wordmark {
    will-change: opacity, transform, filter;
    backface-visibility: hidden;
}

/* Desenfoque de entrada más suave: 8px sobre el wordmark a pantalla
   completa es de los repintados más caros de la página. */
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__top > *,
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__wordmark {
    filter: blur(5px);
}

.nexto-prow-footer--dual.is-original-visible .nexto-prow-footer__face--original .nexto-prow-footer__top > *,
.nexto-prow-footer--dual.is-original-visible .nexto-prow-footer__face--original .nexto-prow-footer__wordmark {
    filter: blur(0);
}

/* El logo del footer tenía drop-shadow: un filtro anidado dentro de un
   padre que está animando blur multiplica el costo de repintado, y sobre
   el fondo oscuro no aporta nada. */
.nexto-prow-footer--dual .nexto-prow-footer__face--original .nexto-prow-footer__brand-logo img {
    filter: none;
}

/* Sobre mí — los iconos pasaron de spans decorativos a enlaces reales.
   El CSS base solo apuntaba a `span`, así que se replica para `a`. */
.nexto-team-bento__socials a {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(76, 74, 112, 0.14);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.48);
	color: #252432;
	cursor: pointer;
	text-decoration: none;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
	transition: border-color 0.22s ease, background 0.22s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.nexto-team-bento__socials a:hover,
.nexto-team-bento__socials a:focus-visible {
	border-color: rgba(87, 80, 255, 0.34);
	background: rgba(255, 255, 255, 0.78);
	transform: translateY(-2px);
}

.nexto-team-bento__socials a svg {
	display: block;
	width: 15px;
	height: 15px;
	overflow: visible;
}

.nexto-team-bento__socials a.is-instagram svg rect,
.nexto-team-bento__socials a.is-instagram svg circle,
.nexto-team-bento__socials a.is-instagram svg path {
	stroke: currentColor;
	stroke-width: 1.45;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.nexto-team-bento__socials a.is-whatsapp svg path {
	fill: currentColor;
	stroke: none;
}

/* ============================================================================
   MOBILE ≤767px — recomposición
   ----------------------------------------------------------------------------
   El bloque de @media (max-width: 1023px) de más arriba mantiene la maqueta
   de escritorio en dos columnas y la aprieta: el copy queda al 55% y el
   lanyard al 45%. A 390px eso rompe todo. Acá se recompone en vertical,
   conservando la coreografía (revelado, deslizamientos, lanyard 3D).
   ========================================================================== */
@media (max-width: 767px) {

	/* ---------- HERO: apilado, el lanyard cuelga arriba ---------- */
	.nx-scene1__scale .v0-hero {
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 0 !important;
		padding: 0 20px 16px !important;
	}

	/* El lanyard es el gancho visual: cuelga desde el borde superior,
	   centrado y a ancho completo, en vez de pelear por la mitad derecha. */
	.nx-scene1__scale .v0-hero-lanyard {
		position: relative !important;
		order: -1 !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: 100% !important;
		height: clamp(178px, 27vh, 250px) !important;
		margin: 0 0 clamp(4px, 1.4vh, 12px) !important;
		clip-path: inset(0 0 14% 0) !important;
	}

	/* Copy a ancho completo y alineado a la izquierda: centrado en una
	   columna angosta obligaba a leer en zigzag. */
	.nx-scene1__scale .v0-hero-copy {
		width: 100% !important;
		max-width: none !important;
		align-items: flex-start !important;
		text-align: left !important;
	}

	.nx-scene1__scale .v0-kicker {
		font-size: 10px !important;
		letter-spacing: 0.08em !important;
	}

	.nx-scene1__scale .v0-title {
		font-size: clamp(30px, 8.8vw, 40px) !important;
		line-height: 0.98 !important;
		text-align: left !important;
	}

	.nx-scene1__scale .v0-lede {
		max-width: none !important;
		width: 100% !important;
		font-size: clamp(12.5px, 3.4vw, 14px) !important;
		line-height: 1.45 !important;
		text-align: left !important;
	}

	/* Botones a ancho completo y en una sola línea cada uno. */
	.nx-scene1__scale .v0-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		width: 100% !important;
		gap: 8px !important;
	}

	.nx-scene1__scale .v0-actions .v0-orb-button {
		width: 100% !important;
		justify-content: flex-start !important;
	}

	.nx-scene1__scale .v0-orb-text {
		white-space: nowrap !important;
	}

	/* Métricas en una sola fila. Con grid de 3 columnas se partían, porque
	   los separadores también son hijos y ocupaban celda. */
	.nx-scene1__scale .inicio-test5-hero-meta {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		gap: 0 !important;
	}

	.nx-scene1__scale .inicio-test5-hero-meta-divider {
		flex: 0 0 auto !important;
		margin: 0 4px !important;
	}

	.nx-scene1__scale .inicio-test5-hero-meta-item {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		text-align: center !important;
	}

	.nx-scene1__scale .inicio-test5-hero-meta-label {
		font-size: 8.5px !important;
		line-height: 1.2 !important;
		word-break: normal !important;
	}

	/* Las miniaturas laterales quedaban cortadas por los bordes y se leían
	   como un error, no como parte de la composición. */
	.nx-scene1__col {
		display: none !important;
	}

	/* ---------- ESCENA 2: cards verticales, más presencia ---------- */
	.nx-scene2__grid {
		align-content: center !important;
		height: 100% !important;
		padding: 0 14px !important;
	}

	.nx-scene2__card {
		aspect-ratio: 3 / 4 !important;
		border-radius: 14px !important;
	}

	.nx-scene2__title {
		font-size: clamp(32px, 9.5vw, 46px) !important;
	}
}

/* ============================================================================
   MOBILE ≤1023px — track de la escena 2
   La fase C de la coreografía empuja la barra lateral, que en mobile no se
   mueve. Con 340vh quedaban ~1000px de scroll sin nada que mirar. El JS
   comprime las fases (sInP) para que la secuencia entre completa en 220vh.
   ========================================================================== */
@media (max-width: 1023px) {
	.nx-scene2__track {
		height: 220vh;
	}
}

/* ============================================================================
   MOBILE ≤767px — pase 2
   ========================================================================== */
@media (max-width: 767px) {

	/* ---------- BARRA SUPERIOR ---------- */
	/* La cabecera quedaba empujada a la derecha (x=161 de 374) con una línea
	   suelta debajo. Se recompone como barra: logo a la izquierda, menú a la
	   derecha, sin alto muerto. */
	.inicio-test10-sidebar .sidebar-header {
		width: 100% !important;
	}

	.inicio-test10-sidebar .sidebar-logo-group {
		display: flex !important;
		width: 100% !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		padding: 0 !important;
		border: 0 !important;
	}

	.inicio-test10-sidebar .sidebar-logo {
		flex: 0 0 auto !important;
		margin: 0 !important;
	}

	.inicio-test10-sidebar .nx-sidebar-full-logo {
		width: clamp(118px, 34vw, 140px) !important;
	}

	.inicio-test10-sidebar .sidebar-menu-btn {
		flex: 0 0 auto !important;
		margin: 0 !important;
	}

	/* ---------- NUBE DE ESPECIALIDADES ---------- */
	/* "Google Ads" se salía por el borde derecho. */
	.hero-tag-cloud {
		max-width: 100% !important;
		overflow: hidden !important;
	}

	.hero-tag-cloud .hero-tag-pill {
		font-size: 12px !important;
		padding: 8px 14px !important;
	}

	/* ---------- SERVICIOS ---------- */
	/* Los títulos se cortaban con puntos suspensivos: en una lista de seis
	   servicios, no poder leer cuál es cada uno es el peor recorte posible. */
	.nexto-cockpit-tab strong,
	.nexto-cockpit-tab small {
		overflow: visible !important;
		white-space: normal !important;
		text-overflow: clip !important;
	}

	.nexto-cockpit-tab strong {
		font-size: 14px !important;
		line-height: 1.24 !important;
	}

	.nexto-cockpit-tab small {
		font-size: 11.5px !important;
		line-height: 1.3 !important;
	}

	/* ---------- SOBRE MÍ ---------- */
	/* El texto se cortaba contra el borde inferior de la tarjeta. */
	.nexto-team-bento__feature-content {
		height: auto !important;
	}

	.nexto-team-bento__feature p {
		max-width: none !important;
	}

	/* ---------- CONTACTO ---------- */
	.nexto-contact-scene__title,
	#nexto-contact-title {
		font-size: clamp(30px, 8.6vw, 40px) !important;
		line-height: 1.02 !important;
		overflow-wrap: break-word !important;
	}

	/* La línea para reclutadores se truncaba con "…", perdiendo justo la
	   parte que explica de qué se trata. */
	.nexto-contact-scene__recruiter {
		overflow: visible !important;
		white-space: normal !important;
		text-overflow: clip !important;
		font-size: 0.74rem !important;
	}
}

/* ============================================================================
   MOBILE ≤767px — marquee de proyectos
   Mantiene el movimiento automático y deja el eje vertical exclusivamente al
   documento para que la pista no capture el gesto de scroll de la página.
   ========================================================================== */
@media (max-width: 767px) {

	.nexto-projects-marquee__viewport {
		overflow-x: hidden !important;
		overflow-y: hidden !important;
		scroll-snap-type: none !important;
		touch-action: pan-y !important;
	}

	.nexto-projects-marquee__track {
		width: max-content !important;
		animation: nextoProjectsMarqueeScroll 42s linear infinite;
	}

	.nexto-projects-marquee__group[aria-hidden="true"] {
		display: flex !important;
	}

	.nexto-projects-marquee__group {
		gap: 12px !important;
		padding: 0 12px 0 0 !important;
	}

	.nexto-projects-marquee__card {
		width: 86vw !important;
		max-width: 340px !important;
		flex: 0 0 auto !important;
	}
}

/* ============================================================================
   MOBILE ≤767px — pase 4: legibilidad sobre foto
   En la tarjeta de proyecto el velo superior es de 0.34 de opacidad: alcanza
   en una tarjeta grande de escritorio, pero a 335px el párrafo cae justo
   sobre las zonas claras de la foto y las primeras letras de cada línea se
   pierden. Se refuerza el degradado solo en mobile.
   ========================================================================== */
@media (max-width: 767px) {

	.nexto-projects-marquee__card .nexto-showcase-preview__card::before,
	.nexto-projects-marquee__card::before {
		background:
			linear-gradient(
				180deg,
				rgba(7, 7, 8, 0.78) 0%,
				rgba(7, 7, 8, 0.62) 30%,
				rgba(7, 7, 8, 0.34) 52%,
				rgba(7, 7, 8, 0.58) 78%,
				rgba(7, 7, 8, 0.82) 100%
			) !important;
	}

	.nexto-projects-marquee__card .nexto-showcase-preview__topline p {
		text-shadow: 0 1px 10px rgba(0, 0, 0, 0.72) !important;
	}

	/* El nombre del proyecto llegaba a tocar el borde derecho. */
	.nexto-projects-marquee__card .nexto-showcase-preview__brand {
		font-size: clamp(20px, 5.6vw, 26px) !important;
	}
}

/* ============================================================================
   MOBILE ≤767px — pase 5
   ========================================================================== */
@media (max-width: 767px) {

	/* La tarjeta de proyecto tiene una viñeta en su borde izquierdo que a
	   335px de ancho cae justo sobre la primera letra de cada línea y la
	   apaga. Se corre el texto fuera de esa banda. */
	.nexto-projects-marquee__card .nexto-showcase-preview__topline {
		padding-left: 44px !important;
		padding-right: 34px !important;
	}

	.nexto-projects-marquee__card .nexto-showcase-preview__glass {
		padding-left: 34px !important;
	}

	/* ---------- LANYARD ---------- */
	/* La escena 3D está calibrada para un contenedor vertical (45% de ancho
	   por 60% de alto en escritorio). Al pasarlo a ancho completo el lienzo
	   quedó apaisado y la correa se separaba de la tarjeta. Se le devuelve
	   una caja vertical, centrada. */
	.nx-scene1__scale .v0-hero-lanyard {
		width: min(64%, 240px) !important;
		height: clamp(210px, 31vh, 290px) !important;
		margin: 0 auto clamp(4px, 1.4vh, 12px) !important;
		clip-path: inset(0 0 10% 0) !important;
	}
}

@media (max-width: 767px) {
	/* El índice de palabra es global a los tres párrafos: con 20ms la última
	   tardaba ~1,8s en aparecer. En mobile se scrollea más rápido, así que
	   el escalonado se comprime a la mitad. */
	.nx-js .nexto-team-bento__feature.nx-words-in .nx-word {
		animation-delay: calc(var(--w, 0) * 9ms) !important;
	}
}

@media (max-width: 767px) {
	/* "conversación" seguía tocando el borde: hace falta más especificidad
	   que la regla base de la sección. */
	.nexto-contact-scene h2#nexto-contact-title,
	.nexto-contact-scene .nexto-contact-scene__head h2 {
		font-size: clamp(27px, 7.8vw, 34px) !important;
		line-height: 1.06 !important;
		padding-right: 6px !important;
	}
}

/* ============================================================================
   MOBILE — apagado de efectos fuera de pantalla
   El JS de la compuerta marca con .nx-vp-off toda sección que no se está
   viendo. Acá se sueltan las tres cosas que más cuestan en GPU de teléfono:
   el desenfoque de fondo, las capas promovidas y las animaciones en curso.
   Nada se elimina: al volver a entrar, todo se reactiva.
   ========================================================================== */
@media (max-width: 1023px) {

	.nx-vp-off,
	.nx-vp-off * {
		/* backdrop-filter obliga a rasterizar el fondo detrás de cada capa.
		   Es lo más caro de la página y no aporta nada sin mirarlo. */
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;

		/* Cada will-change reserva una capa en memoria de GPU. Con ~129 en la
		   página, la memoria de textura se agota y el compositor empieza a
		   descartar y rehacer capas en cada cuadro. */
		will-change: auto !important;
	}

	.nx-vp-off *,
	.nx-vp-off *::before,
	.nx-vp-off *::after {
		/* Las animaciones infinitas (marquees, pulsos, barridos) siguen
		   consumiendo cuadros aunque nadie las vea. */
		animation-play-state: paused !important;
	}

	/* Los vídeos fuera de pantalla ya los pausa el JS; esto evita además que
	   el compositor los mantenga en una capa propia. */
	.nx-vp-off video {
		will-change: auto !important;
	}
}

@media (max-width: 767px) {
	/* Al ensanchar los márgenes internos, la descripción pasó a seis líneas
	   y chocaba con el nombre del proyecto. Se ajusta el cuerpo para que
	   vuelva a entrar en cinco. */
	.nexto-projects-marquee__card .nexto-showcase-preview__topline p {
		font-size: 12px !important;
		line-height: 1.42 !important;
	}
}

/* ============================================================================
   MOBILE ≤767px — hero cinemático de una sola capa
   El hero se compone de 10 capas con parallax: en escritorio da la profundidad
   que hace al plano, pero son 10 capas de composición y ~2,6 MB de imágenes.
   En mobile se muestra el compuesto maestro (una sola imagen, la misma foto)
   y se ocultan las capas. Las capas ya descargan un candidato de 1px gracias
   al srcset, así que en mobile no se baja ninguna de las grandes.
   Escritorio queda intacto.
   ========================================================================== */
@media (max-width: 767px) {

	.nx-cinematic-hero__layers {
		display: none !important;
	}

	/* El compuesto maestro se desvanece cuando cargan las capas. Sin capas,
	   se queda como imagen definitiva. */
	.nx-cinematic-hero.is-layered .nx-cinematic-hero__fallback,
	.nx-cinematic-hero__fallback {
		opacity: 1 !important;
	}
}

/* ============================================================================
   MOBILE ≤767px — tarjeta de perfil
   El nombre y el rol iban en blanco sobre el fondo claro de la tarjeta.
   ========================================================================== */
@media (max-width: 767px) {

	.nexto-team-bento__leader h3 {
		color: #111217 !important;
		text-shadow: none !important;
	}

	.nexto-team-bento__leader .nexto-team-bento__leader-role {
		color: rgba(17, 18, 23, 0.72) !important;
		text-shadow: none !important;
	}
}

/* ============================================================================
   MENÚ MÓVIL
   La barra lateral se colapsa a una franja que además se va con el scroll, y
   su botón hamburguesa no tenía comportamiento. Acá viven el botón fijo y el
   panel que despliega la navegación real.
   ========================================================================== */
@media (max-width: 1023px) {

	/* ---------- Botón fijo ---------- */
	.nx-menu-fab {
		position: fixed;
		z-index: 9990;
		right: 16px;
		bottom: calc(16px + env(safe-area-inset-bottom, 0px));
		display: inline-flex;
		align-items: center;
		gap: 9px;
		height: 46px;
		padding: 0 18px 0 15px;
		border: 1px solid rgba(255, 255, 255, 0.14);
		border-radius: 999px;
		background: rgba(16, 16, 22, 0.82);
		color: #fff;
		font-family: 'Geist', sans-serif;
		font-size: 13px;
		font-weight: 620;
		letter-spacing: -0.02em;
		cursor: pointer;
		box-shadow: 0 12px 30px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.12);
		backdrop-filter: blur(10px) saturate(140%);
		-webkit-backdrop-filter: blur(10px) saturate(140%);
		transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.28s ease;
	}

	.nx-menu-fab__bars {
		display: grid;
		gap: 3.5px;
		width: 15px;
	}

	.nx-menu-fab__bars i {
		display: block;
		height: 1.6px;
		border-radius: 2px;
		background: currentColor;
		transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease;
	}

	/* Con el panel abierto, las barras se vuelven una cruz. */
	.nx-menu-open .nx-menu-fab__bars i:nth-child(1) { transform: translateY(5.1px) rotate(45deg); }
	.nx-menu-open .nx-menu-fab__bars i:nth-child(2) { opacity: 0; }
	.nx-menu-open .nx-menu-fab__bars i:nth-child(3) { transform: translateY(-5.1px) rotate(-45deg); }

	/* ---------- Panel ---------- */
	.nx-mobile-menu {
		position: fixed;
		z-index: 9985;
		inset: 0;
	}

	.nx-mobile-menu__scrim {
		position: absolute;
		inset: 0;
		background: rgba(6, 6, 10, 0.55);
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.nx-menu-open .nx-mobile-menu__scrim {
		opacity: 1;
	}

	.nx-mobile-menu__panel {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		display: flex;
		width: min(86vw, 340px);
		flex-direction: column;
		gap: 14px;
		padding: 20px 20px calc(96px + env(safe-area-inset-bottom, 0px));
		overflow-y: auto;
		box-sizing: border-box;
		border-left: 1px solid rgba(255, 255, 255, 0.1);
		background: linear-gradient(180deg, #14121c 0%, #0c0b12 100%);
		transform: translateX(102%);
		transition: transform 0.34s cubic-bezier(0.16, 1, 0.3, 1);
		-webkit-overflow-scrolling: touch;
	}

	.nx-menu-open .nx-mobile-menu__panel {
		transform: translateX(0);
	}

	.nx-mobile-menu__head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding-bottom: 14px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	}

	.nx-mobile-menu__logo {
		width: 118px;
		height: auto;
	}

	.nx-mobile-menu__close {
		display: grid;
		width: 36px;
		height: 36px;
		flex: 0 0 36px;
		place-items: center;
		border: 1px solid rgba(255, 255, 255, 0.14);
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.06);
		color: #fff;
		cursor: pointer;
	}

	.nx-mobile-menu__close svg {
		width: 16px;
		height: 16px;
		fill: none;
		stroke: currentColor;
		stroke-width: 2;
		stroke-linecap: round;
	}

	/* La navegación clonada viene oculta desde la barra: acá se muestra. */
	.nx-mobile-menu__nav {
		display: block !important;
		width: 100%;
		padding: 0 !important;
		border: 0 !important;
		background: none !important;
	}

	.nx-mobile-menu__nav .nexto-sidebar__nav-label {
		display: block;
		margin-bottom: 8px;
		color: rgba(255, 255, 255, 0.42);
		font-size: 10px;
		letter-spacing: 0.14em;
		text-transform: uppercase;
	}

	.nx-mobile-menu__nav .nexto-sidebar__nav-list {
		display: grid;
		gap: 2px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.nx-mobile-menu__nav .nexto-sidebar__nav-link {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		box-sizing: border-box;
		padding: 13px 12px;
		border-radius: 12px;
		color: rgba(255, 255, 255, 0.82);
		font-size: 15px;
		font-weight: 560;
		text-decoration: none;
	}

	.nx-mobile-menu__nav .nexto-sidebar__nav-link.is-active {
		background: rgba(255, 255, 255, 0.08);
		color: #fff;
	}

	.nx-mobile-menu__nav .nexto-sidebar__nav-link svg {
		width: 18px;
		height: 18px;
		flex: 0 0 18px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.7;
	}

	.nx-mobile-menu__nav .nexto-sidebar__submenu {
		display: grid;
		gap: 1px;
		margin: 2px 0 6px;
		padding: 0 0 0 12px;
		list-style: none;
	}

	.nx-mobile-menu__nav .nexto-sidebar__submenu a {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 10px 12px;
		border-radius: 10px;
		color: rgba(255, 255, 255, 0.62);
		font-size: 13.5px;
		text-decoration: none;
	}

	.nx-mobile-menu__nav .nx-sub-ico {
		width: 15px;
		height: 15px;
		flex: 0 0 15px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.6;
	}

	.nx-mobile-menu__actions {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
		margin-top: auto;
	}

	.nx-mobile-menu__actions .nx-cc__btn {
		justify-content: center;
		padding: 12px 10px;
	}

	.nx-mobile-menu__cta {
		width: 100%;
		justify-content: flex-start;
	}

	.nx-mobile-menu__socials {
		display: flex;
		gap: 8px;
		justify-content: center;
	}

	/* Con el panel abierto se bloquea el scroll de fondo. */
	body.nx-menu-open {
		position: fixed;
		left: 0;
		width: 100%;
		overflow: hidden;
	}

	@media (prefers-reduced-motion: reduce) {
		.nx-mobile-menu__panel,
		.nx-mobile-menu__scrim,
		.nx-menu-fab__bars i {
			transition: none;
		}
	}
}

/* En escritorio el módulo ni se monta, pero por si acaso. */
@media (min-width: 1024px) {
	.nx-menu-fab,
	.nx-mobile-menu {
		display: none !important;
	}
}

/* ============================================================================
   Menú móvil — correcciones sobre los nodos clonados
   Los clones arrastran reglas pensadas para la barra lateral de escritorio:
   `order` los reordenaba y los iconos venían sin tamaño ni color propios.
   ========================================================================== */
@media (max-width: 1023px) {

	/* El `order` heredado mandaba la navegación al final. */
	.nx-mobile-menu__panel > * {
		order: 0;
		flex: 0 0 auto;
	}

	.nx-mobile-menu__head { order: 1; }
	.nx-mobile-menu__nav { order: 2; }
	.nx-mobile-menu__actions { order: 3; margin-top: auto; }
	.nx-mobile-menu__cta { order: 4; }
	.nx-mobile-menu__socials { order: 5; }

	/* Email / Llamar: los SVG clonados salían a tamaño natural y en negro. */
	.nx-mobile-menu__actions .nx-cc__btn {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		min-height: 44px;
		padding: 11px 12px;
		border: 1px solid rgba(255, 255, 255, 0.14);
		border-radius: 12px;
		background: rgba(255, 255, 255, 0.06);
		color: #fff;
		font-size: 13px;
		font-weight: 600;
		text-decoration: none;
	}

	.nx-mobile-menu__actions .nx-cc__btn svg {
		width: 16px;
		height: 16px;
		flex: 0 0 16px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.8;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	.nx-mobile-menu__socials .sidebar-social-link {
		display: grid;
		width: 36px;
		height: 36px;
		place-items: center;
		border: 1px solid rgba(255, 255, 255, 0.14);
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.06);
		color: #fff;
	}

	/* El botón fijo se aparta cuando el panel está abierto, para no quedar
	   encima del contenido del menú. */
	.nx-menu-open .nx-menu-fab {
		transform: translateY(0);
		z-index: 9995;
	}
}

/* ============================================================================
   MENÚ MÓVIL v2 — la barra lateral real como panel
   El JS mueve `.inicio-test10-sidebar` dentro del panel deslizante, así que
   acá solo hay que deshacer el colapso a franja que aplica el breakpoint de
   ≤1023px y devolverle la forma de columna que tiene en escritorio.
   ========================================================================== */
@media (max-width: 1023px) {

	.nx-mobile-menu__panel {
		top: 10px;
		right: 10px;
		bottom: 10px;
		width: min(calc(100vw - 20px), 420px);
		padding: 0;
		border: 0;
		border-radius: 26px;
		background: none;
		overflow: hidden;
	}

	.nx-sidebar-as-menu.inicio-test10-sidebar {
		display: flex !important;
		width: 100% !important;
		height: 100% !important;
		max-height: 100% !important;
		flex-direction: column !important;
		margin: 0 !important;
		padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
		overflow-y: auto !important;
		border: 0 !important;
		border-radius: 26px !important;
		box-sizing: border-box;
		-webkit-overflow-scrolling: touch;
	}

	/* La navegación estaba oculta mientras la barra era una franja. */
	.nx-sidebar-as-menu .nexto-sidebar__nav {
		display: block !important;
		margin-top: 18px;
	}

	/* La cabecera vuelve a ser logo + botón, ahora el de cerrar. */
	.nx-sidebar-as-menu .sidebar-header {
		display: contents !important;
		width: 100% !important;
	}

	.nx-sidebar-as-menu .sidebar-logo-group {
		display: flex !important;
		width: 100% !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
	}

	.nx-sidebar-as-menu .nx-sidebar-full-logo {
		width: 154px !important;
	}

	.nx-sidebar-as-menu .nx-cc__actions {
		display: flex !important;
		flex-direction: row !important;
		gap: 8px !important;
	}

	/* La tarjeta de contacto y el pie recuperan su sitio en la columna. */
	.nx-sidebar-as-menu .nx-contact-card {
		display: block !important;
		margin-top: 16px !important;
	}

	.nx-sidebar-as-menu .sidebar-footer {
		display: block !important;
		margin-top: auto !important;
		padding-top: 18px !important;
	}

	.nx-sidebar-as-menu .nx-glass__aurora {
		display: block !important;
	}

	/* Con la barra dentro del panel, la franja superior ya no existe: el botón
	   fijo es el único acceso, que era el pedido. */
	.inicio-test10-layout > .inicio-test10-sidebar:not(.nx-sidebar-as-menu) {
		display: none !important;
	}
}

/* ============================================================================
   MENÚ MÓVIL — estilos de la barra rescatados del breakpoint de escritorio
   Toda la tarjeta de contacto, la navegación y el pie de la barra estaban
   dentro de @media (min-width: 1024px) en page-inicio-test10.css, así que al
   usar la barra como panel en mobile se quedaban sin estilo.
   Estas reglas son las mismas, reescritas para .nx-sidebar-as-menu.
   Generado con scratchpad/extract.js — no editar a mano.
   ========================================================================== */
@media (max-width: 1023px) {

	.nx-sidebar-as-menu .nexto-sidebar__nav {
		padding-top: 14px; padding-bottom: 10px;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-link {
		min-height: 36px;
	}

	.nx-sidebar-as-menu .nexto-sidebar__submenu a {
		min-height: 26px;
	}

	.nx-sidebar-as-menu .sidebar-socials {
		display: none;
	}

	.nx-sidebar-as-menu.inicio-test10-sidebar {
		width: 272px;
		padding: 28px 22px 20px;
		overflow: hidden;
		background: #000 !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	.nx-sidebar-as-menu .sidebar-logo-group {
		order: 1;
		min-height: 44px;
		padding: 0;
		border: 0;
	}

	.nx-sidebar-as-menu .sidebar-logo {
		gap: 10px;
	}

	.nx-sidebar-as-menu .sidebar-logo svg {
		width: 28px;
		height: 28px;
		filter: drop-shadow(0 0 10px rgba(87,80,255,0.38));
	}

	.nx-sidebar-as-menu .sidebar-logo-text {
		font-size: 19px;
		font-weight: 720;
	}

	.nx-sidebar-as-menu .sidebar-menu-btn {
		width: 42px;
		height: 42px;
		background: rgba(255,255,255,0.025);
		border-color: rgba(255,255,255,0.1);
	}

	.nx-sidebar-as-menu .sidebar-award-badge {
		order: 2;
		display: flex;
		width: 118px;
		height: 118px;
		flex: 0 0 118px;
		align-self: center;
		margin: 20px auto 16px;
	}

	.nx-sidebar-as-menu .sidebar-award-badge svg.circle-text text {
		fill: rgba(255,255,255,0.38);
		font-size: 9.5px;
		letter-spacing: .095em;
	}

	.nx-sidebar-as-menu .badge-center-icon {
		width: 46px;
		height: 46px;
		background: #5750ff;
		box-shadow: 0 0 0 8px rgba(87,80,255,0.055), 0 0 28px rgba(87,80,255,0.42);
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav {
		order: 3;
		flex: 0 0 auto;
		padding: 0 0 15px;
		border-bottom: 1px solid rgba(255,255,255,0.075);
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-label {
		display: none;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-list {
		gap: 3px;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-link {
		min-height: 39px;
		gap: 11px;
		padding: 0 11px;
		color: rgba(255,255,255,0.48);
		border-radius: 10px;
		font-size: 12.5px;
		font-weight: 560;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-link > svg {
		width: 17px;
		height: 17px;
		flex-basis: 17px;
		stroke-width: 1.65;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-link:hover {
		color: rgba(255,255,255,0.85);
		background: rgba(255,255,255,0.035);
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-link.is-active {
		color: #fff;
		background: rgba(255,255,255,0.075);
		border-color: rgba(255,255,255,0.04);
		box-shadow: inset 3px 0 0 #5750ff, inset 0 1px 0 rgba(255,255,255,0.035);
	}

	.nx-sidebar-as-menu .nexto-sidebar__submenu {
		margin: 2px 0 5px 19px;
		padding: 3px 0 3px 16px;
		border-color: rgba(255,255,255,0.08);
	}

	.nx-sidebar-as-menu .nexto-sidebar__submenu a {
		min-height: 27px;
		color: rgba(255,255,255,0.36);
		font-size: 10.5px;
	}

	.nx-sidebar-as-menu .sidebar-info-block {
		order: 4;
		gap: 6px;
		margin: 15px 0 13px;
		padding: 0 4px;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	.nx-sidebar-as-menu .sidebar-email {
		color: #fff;
		font-size: 12.5px;
	}

	.nx-sidebar-as-menu .sidebar-email::before {
		width: 5px;
		height: 5px;
		margin-right: 8px;
	}

	.nx-sidebar-as-menu .sidebar-phone {
		color: rgba(255,255,255,0.42);
		font-size: 11px;
	}

	.nx-sidebar-as-menu .sidebar-location {
		color: rgba(255,255,255,0.28);
		font-size: 10.5px;
	}

	.nx-sidebar-as-menu .sidebar-footer {
		order: 5;
		gap: 10px;
		margin-top: auto;
	}

	.nx-sidebar-as-menu .sidebar-social-link {
		width: 31px;
		height: 31px;
		background: rgba(255,255,255,0.025);
		border-color: rgba(255,255,255,0.075);
	}

	.nx-sidebar-as-menu .v0-orb-button {
		min-height: 48px;
		color: #fff;
		background: rgba(255,255,255,0.055);
		border-color: rgba(255,255,255,0.055);
		border-radius: 24px;
		box-shadow: 0 13px 32px rgba(0,0,0,0.32);
	}

	.nx-sidebar-as-menu .v0-orb-button .v0-orb-dot {
		width: 30px;
		height: 30px;
		flex-basis: 30px;
	}

	.nx-sidebar-as-menu .sidebar-copyright {
		margin-top: 0;
		color: rgba(255,255,255,0.17);
	}

	.nx-sidebar-as-menu.inicio-test10-sidebar {
		padding-top: 20px; padding-bottom: 15px;
	}

	.nx-sidebar-as-menu .sidebar-award-badge {
		width: 92px; height: 92px; flex-basis: 92px; margin: 9px auto;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-link {
		min-height: 34px;
	}

	.nx-sidebar-as-menu .sidebar-info-block {
		margin: 9px 0;
	}

	.nx-sidebar-as-menu .sidebar-footer {
		gap: 7px;
	}

	.nx-sidebar-as-menu {
		--apple-ease: cubic-bezier(0.28, 0.11, 0.32, 1);
		position: sticky;
		overflow: hidden auto !important;
		padding-top: clamp(16px, 2.8vh, 28px) !important;
		padding-bottom: clamp(12px, 2vh, 20px) !important;
		background:
		linear-gradient(180deg, rgba(8, 8, 10, 0.86), rgba(0, 0, 0, 0.93)) !important;
		-webkit-backdrop-filter: blur(44px) saturate(180%);
		backdrop-filter: blur(44px) saturate(180%);
		border: 1px solid rgba(255, 255, 255, 0.09) !important;
		border-radius: 22px !important;
		box-shadow:
	.nx-sidebar-as-menu 	inset 0 0.5px 0 rgba(255, 255, 255, 0.12),
	.nx-sidebar-as-menu 	inset 0 -0.5px 0 rgba(255, 255, 255, 0.04),
	.nx-sidebar-as-menu 	inset 0 0 90px rgba(0, 0, 0, 0.22),
		0 24px 60px rgba(0, 0, 0, 0.42) !important;
		isolation: isolate;
	}

	/* Halftone dot wave dissolving upward — echoes the hero's dot-matrix */
    .nx-sidebar-as-menu .nx-glass__aurora {
		position: absolute;
		inset: 0;
		background-image: url('../img/sidebar-halftone-brand.webp');
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100% 108%;
		opacity: 1;
		pointer-events: none;
		z-index: 0;
	}

	/* Moon — single soft light source behind the brand */
    .nx-sidebar-as-menu::before {
		content: '';
		position: absolute;
		top: -130px;
		left: 50%;
		width: 340px;
		height: 340px;
		border-radius: 50%;
		background: radial-gradient(circle, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05) 46%, transparent 70%);
		filter: blur(28px);
		transform: translateX(-50%);
		pointer-events: none;
		z-index: 0;
	}

	.nx-sidebar-as-menu /* Micro-texture — tactile frost,
	barely visible */
    .nx-sidebar-as-menu::after {
		content: '';
		position: absolute;
		inset: 0;
		border-radius: inherit;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
		opacity: 0.028;
		mix-blend-mode: overlay;
		pointer-events: none;
		z-index: 0;
	}

	/* Real content above the material */
    .nx-sidebar-as-menu .sidebar-logo-group,
	.nx-sidebar-as-menu .sidebar-award-badge,
	.nx-sidebar-as-menu .sidebar-info-block,
	.nx-sidebar-as-menu .nexto-sidebar__nav,
	.nx-sidebar-as-menu .sidebar-footer {
		position: relative;
		z-index: 1;
	}

	/* ---------- Brand row: tile + name + subtitle ---------- */
    .nx-sidebar-as-menu .sidebar-logo-group {
		border-bottom: 0 !important;
		padding-bottom: clamp(10px, 1.5vh, 14px) !important;
	}

	.nx-sidebar-as-menu .sidebar-logo-group::after {
		display: none;
	}

	.nx-sidebar-as-menu .sidebar-menu-btn {
		display: none !important;
	}

	.nx-sidebar-as-menu .nx-brand-tile {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		flex-shrink: 0;
		border-radius: 13px;
		background: linear-gradient(180deg, #ffffff 0%, #ececf1 100%);
		box-shadow:
	.nx-sidebar-as-menu 	inset 0 0.5px 0 rgba(255, 255, 255, 0.9),
		0 6px 16px rgba(0, 0, 0, 0.35);
	}

	.nx-sidebar-as-menu .nx-brand-tile svg {
		width: 22px;
		height: 22px;
		color: #1d1d1f;
	}

	.nx-sidebar-as-menu .nx-brand-meta {
		display: flex;
		flex-direction: column;
		gap: 1px;
		min-width: 0;
	}

	.nx-sidebar-as-menu .nx-brand-sub {
		font-size: 11.5px;
		font-weight: 450;
		letter-spacing: -0.01em;
		color: rgba(255, 255, 255, 0.4);
		white-space: nowrap;
	}

	.nx-sidebar-as-menu .sidebar-logo-text {
		color: #f5f5f7 !important;
		font-weight: 600;
		letter-spacing: -0.02em;
	}

	.nx-sidebar-as-menu /* ---------- Badge: glass lens + pearl core,
	back under the brand ---------- */
    .nx-sidebar-as-menu .sidebar-award-badge {
		display: flex !important;
		order: 2 !important;
		position: relative !important;
		width: clamp(80px, 11vh, 96px) !important;
		height: clamp(80px, 11vh, 96px) !important;
		flex-basis: clamp(80px, 11vh, 96px) !important;
		margin: clamp(4px, 1vh, 10px) auto clamp(8px, 1.4vh, 14px) !important;
		border-radius: 50%;
		background:
	.nx-sidebar-as-menu 	radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.015) 58%),
		rgba(255, 255, 255, 0.035);
		border: 1px solid rgba(255, 255, 255, 0.09);
		box-shadow:
	.nx-sidebar-as-menu 	inset 0 0.5px 0 rgba(255, 255, 255, 0.1),
	.nx-sidebar-as-menu 	inset 0 -10px 20px rgba(255, 255, 255, 0.03),
		0 10px 30px rgba(0, 0, 0, 0.3);
	}

	.nx-sidebar-as-menu .sidebar-award-badge svg.circle-text text {
		fill: rgba(255, 255, 255, 0.45) !important;
		letter-spacing: 0.15em;
	}

	.nx-sidebar-as-menu .badge-center-icon {
		background: linear-gradient(155deg, #ffffff 0%, #dcdce4 55%, #b2b2bf 100%) !important;
		border: 0;
		color: #1d1d1f;
		box-shadow:
	.nx-sidebar-as-menu 	inset 0 1px 0 rgba(255, 255, 255, 0.9),
	.nx-sidebar-as-menu 	inset 0 -5px 10px rgba(90, 90, 110, 0.2),
	.nx-sidebar-as-menu 	0 0 0 6px rgba(255, 255, 255, 0.05),
		0 6px 20px rgba(0, 0, 0, 0.4) !important;
	}

	/* ---------- Nav: items directly on the material ---------- */
    .nx-sidebar-as-menu .nexto-sidebar__nav {
		border-bottom: 0 !important;
		padding: clamp(14px, 2.2vh, 20px) 0 10px !important;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-label {
		display: block !important;
		padding: 0 10px 7px !important;
		color: rgba(255, 255, 255, 0.36);
		font-size: 11px !important;
		font-weight: 600 !important;
		letter-spacing: 0.06em !important;
		text-transform: uppercase;
	}

	/* Carved track — the nav sinks into the material */
    .nx-sidebar-as-menu .nexto-sidebar__nav-list {
		gap: 2px !important;
		padding: 5px;
		background: rgba(0, 0, 0, 0.32);
		border: 1px solid rgba(255, 255, 255, 0.055);
		border-radius: 17px;
		box-shadow:
	.nx-sidebar-as-menu 	inset 0 2px 10px rgba(0, 0, 0, 0.38),
	.nx-sidebar-as-menu 	inset 0 0.5px 0 rgba(0, 0, 0, 0.5),
		inset 0 -0.5px 0 rgba(255, 255, 255, 0.05);
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-link {
		min-height: clamp(34px, 4.6vh, 40px) !important;
		gap: 11px !important;
		padding: 0 10px !important;
		border: 0 !important;
		border-radius: 10px !important;
		color: rgba(255, 255, 255, 0.58) !important;
		font-size: 13.5px !important;
		font-weight: 500 !important;
		letter-spacing: -0.01em;
		transition: background 0.18s var(--apple-ease), color 0.18s var(--apple-ease) !important;
	}

	.nx-sidebar-as-menu /* Plain glyphs — no tiles,
	inherit row color */
    .nx-sidebar-as-menu .nexto-sidebar__nav-link > svg:first-child {
		width: 17px !important;
		height: 17px !important;
		flex-basis: 17px !important;
		padding: 0;
		box-sizing: content-box;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		color: inherit;
		stroke-width: 1.6;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-link:hover {
		background: rgba(255, 255, 255, 0.05) !important;
		color: #f5f5f7 !important;
	}

	/* Selection: solid light pill floating above the track */
    .nx-sidebar-as-menu .nexto-sidebar__nav-link.is-active {
		color: #1d1d1f !important;
		font-weight: 600 !important;
		background: linear-gradient(180deg, #ffffff 0%, #eeeef2 100%) !important;
		border: 0 !important;
		border-radius: 12px !important;
		box-shadow:
	.nx-sidebar-as-menu 	inset 0 0.5px 0 rgba(255, 255, 255, 0.9),
	.nx-sidebar-as-menu 	0 5px 16px rgba(0, 0, 0, 0.42),
		0 0 22px rgba(255, 255, 255, 0.07) !important;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-link.is-active:hover {
		background: #ffffff !important;
		color: #1d1d1f !important;
	}

	.nx-sidebar-as-menu .nexto-sidebar__chevron {
		color: rgba(255, 255, 255, 0.3);
		margin-left: auto !important;
	}

	.nx-sidebar-as-menu /* Submenu — thin rail,
	quiet links */
    /* Submenu — deeper inset panel with per-service glyphs */
    .nx-sidebar-as-menu .nexto-sidebar__submenu {
		margin: 4px 2px 6px !important;
		padding: 4px !important;
		border: 1px solid rgba(255, 255, 255, 0.05) !important;
		border-radius: 13px;
		background: rgba(0, 0, 0, 0.28);
		box-shadow:
	.nx-sidebar-as-menu 	inset 0 2px 8px rgba(0, 0, 0, 0.3),
		inset 0 -0.5px 0 rgba(255, 255, 255, 0.04);
	}

	.nx-sidebar-as-menu .nexto-sidebar__submenu li {
		list-style: none;
	}

	.nx-sidebar-as-menu .nexto-sidebar__submenu a {
		display: flex;
		align-items: center;
		gap: 9px;
		min-height: 30px !important;
		padding: 0 9px !important;
		color: rgba(255, 255, 255, 0.48) !important;
		font-size: 12px !important;
		font-weight: 500;
		border-radius: 9px;
		transition: color 0.18s var(--apple-ease), background 0.18s var(--apple-ease);
	}

	.nx-sidebar-as-menu .nexto-sidebar__submenu a .nx-sub-ico {
		width: 13px;
		height: 13px;
		flex-shrink: 0;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.7;
		stroke-linecap: round;
		stroke-linejoin: round;
		color: rgba(255, 255, 255, 0.34);
		transition: color 0.18s var(--apple-ease);
	}

	.nx-sidebar-as-menu .nexto-sidebar__submenu a:hover {
		color: #f5f5f7 !important;
		background: rgba(255, 255, 255, 0.055) !important;
	}

	.nx-sidebar-as-menu .nexto-sidebar__submenu a:hover .nx-sub-ico {
		color: rgba(255, 255, 255, 0.9);
	}

	/* Staggered cascade reveal when the accordion opens */
    .nx-sidebar-as-menu details[open] .nexto-sidebar__submenu {
		animation: nx-sub-panel 0.26s var(--apple-ease) both;
	}

	.nx-sidebar-as-menu details[open] .nexto-sidebar__submenu li {
		animation: nx-sub-in 0.32s var(--apple-ease) both;
	}

	.nx-sidebar-as-menu details[open] .nexto-sidebar__submenu li:nth-child(1) {
		animation-delay: 0.03s;
	}

	.nx-sidebar-as-menu details[open] .nexto-sidebar__submenu li:nth-child(2) {
		animation-delay: 0.07s;
	}

	.nx-sidebar-as-menu details[open] .nexto-sidebar__submenu li:nth-child(3) {
		animation-delay: 0.11s;
	}

	.nx-sidebar-as-menu details[open] .nexto-sidebar__submenu li:nth-child(4) {
		animation-delay: 0.15s;
	}

	.nx-sidebar-as-menu details[open] .nexto-sidebar__submenu li:nth-child(5) {
		animation-delay: 0.19s;
	}

	/* ---------- Info: iOS Contact Poster ---------- */
    .nx-sidebar-as-menu .sidebar-info-block {
		position: relative;
		order: 4 !important;
		overflow: hidden;
		padding: 14px !important;
		margin: 4px 0 0 !important;
		gap: 0 !important;
		background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.045) 52%, rgba(87, 80, 255, 0.09) 100%) !important;
		-webkit-backdrop-filter: blur(18px) saturate(145%);
		backdrop-filter: blur(18px) saturate(145%);
		border: 1px solid rgba(255, 255, 255, 0.14) !important;
		border-radius: 20px !important;
		box-shadow:
	.nx-sidebar-as-menu 	inset 0 1px 0 rgba(255, 255, 255, 0.12),
	.nx-sidebar-as-menu 	inset 0 -1px 0 rgba(87, 80, 255, 0.1),
		0 16px 36px rgba(0, 0, 0, 0.24) !important;
	}

	.nx-sidebar-as-menu .sidebar-info-block::before {
		content: '';
		position: absolute;
		inset: 0;
		pointer-events: none;
		background:
	.nx-sidebar-as-menu 	radial-gradient(circle at 8% 12%, rgba(255, 145, 91, 0.13), transparent 34%),
		radial-gradient(circle at 94% 88%, rgba(126, 92, 255, 0.16), transparent 38%);
	}

	.nx-sidebar-as-menu .sidebar-info-block::after {
		content: '';
		position: absolute;
		top: 0;
		right: 18px;
		left: 18px;
		height: 1px;
		pointer-events: none;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.72), transparent);
	}

	.nx-sidebar-as-menu .sidebar-info-block > * {
		position: relative;
		z-index: 1;
	}

	.nx-sidebar-as-menu .nx-cc__id {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 0 1px;
	}

	/* Pearl avatar with Find My radar ping */
    .nx-sidebar-as-menu .nx-cc__avatar {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		flex-shrink: 0;
		border: 1px solid rgba(255, 255, 255, 0.78);
		border-radius: 13px;
		background: linear-gradient(155deg, #ffffff 0%, #e8e8f1 58%, #c5c5d4 100%);
		color: #252432;
		font-family: 'Geist', sans-serif;
		font-size: 14px;
		font-weight: 750;
		letter-spacing: -0.02em;
		box-shadow:
	.nx-sidebar-as-menu 	inset 0 1px 0 rgba(255, 255, 255, 0.9),
	.nx-sidebar-as-menu 	inset 0 -5px 10px rgba(87, 80, 255, 0.12),
	.nx-sidebar-as-menu 	0 7px 18px rgba(0, 0, 0, 0.32),
		0 0 18px rgba(126, 92, 255, 0.1);
	}

	.nx-sidebar-as-menu .nx-cc__ping {
		position: absolute;
		right: -3px;
		bottom: -3px;
		width: 10px;
		height: 10px;
		border: 2px solid #30283f;
		border-radius: 50%;
		background: #39d98a;
		box-shadow: 0 0 10px rgba(57, 217, 138, 0.72);
		animation: none;
		pointer-events: none;
	}

	.nx-sidebar-as-menu .nx-cc__meta {
		display: flex;
		flex-direction: column;
		gap: 2px;
		min-width: 0;
	}

	.nx-sidebar-as-menu .nx-cc__name {
		font-family: 'Geist', sans-serif;
		font-size: 13px;
		font-weight: 680;
		letter-spacing: -0.025em;
		color: #f5f5f7;
	}

	.nx-sidebar-as-menu .nx-cc__place {
		font-family: 'Geist', sans-serif;
		font-size: 10px;
		font-weight: 450;
		color: rgba(255, 255, 255, 0.48);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.nx-sidebar-as-menu /* Action buttons — dark glass,
	monochrome */
    .nx-sidebar-as-menu .nx-cc__actions {
		display: flex;
		gap: 8px;
		margin-top: 14px;
	}

	.nx-sidebar-as-menu .nx-cc__btn {
		flex: 1 1 0;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		min-height: 36px;
		border-radius: 999px;
		background: rgba(13, 12, 21, 0.3);
		border: 1px solid rgba(255, 255, 255, 0.13);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
		color: rgba(255, 255, 255, 0.88);
		font-family: 'Geist', sans-serif;
		font-size: 10.5px;
		font-weight: 650;
		letter-spacing: -0.01em;
		text-decoration: none;
		transition:
	.nx-sidebar-as-menu 	background 0.2s var(--apple-ease),
	.nx-sidebar-as-menu 	color 0.2s var(--apple-ease),
	.nx-sidebar-as-menu 	transform 0.2s var(--apple-ease),
		border-color 0.2s var(--apple-ease);
	}

	.nx-sidebar-as-menu .nx-cc__btn:first-child {
		color: #252432;
		border-color: rgba(255, 255, 255, 0.75);
		background: linear-gradient(180deg, #ffffff 0%, #e9e9f1 100%);
		box-shadow:
	.nx-sidebar-as-menu 	inset 0 1px 0 rgba(255, 255, 255, 0.94),
		0 7px 16px rgba(0, 0, 0, 0.18);
	}

	.nx-sidebar-as-menu .nx-cc__btn svg {
		width: 13px;
		height: 13px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.8;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	.nx-sidebar-as-menu .nx-cc__btn:hover {
		background: rgba(87, 80, 255, 0.34);
		border-color: rgba(159, 153, 255, 0.52);
		color: #ffffff;
		transform: translateY(-2px);
	}

	.nx-sidebar-as-menu .nx-cc__btn:first-child:hover {
		color: #ffffff;
		border-color: #5750ff;
		background: #5750ff;
	}

	.nx-sidebar-as-menu .nx-cc__btn:active {
		transform: scale(0.97);
	}

	.nx-sidebar-as-menu /* ---------- Footer: hairline bar,
	macOS style ---------- */
    .nx-sidebar-as-menu .sidebar-footer {
		border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
		padding-top: clamp(9px, 1.6vh, 14px) !important;
		gap: clamp(6px, 1.1vh, 10px) !important;
		margin-top: auto !important;
	}

	/* ---------- Availability: plain status line (on white wave zone) ---------- */
    .nx-glass__status {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 4px 10px;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	.nx-sidebar-as-menu .nx-glass__status-dot {
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: #1d1d1f;
		animation: nx-glass-pulse 2.4s ease-in-out infinite;
		flex-shrink: 0;
	}

	.nx-sidebar-as-menu .nx-glass__status-text {
		font-family: 'Geist', sans-serif;
		font-size: 11.5px;
		font-weight: 500;
		letter-spacing: -0.01em;
		color: #1d1d1f;
		white-space: nowrap;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.nx-sidebar-as-menu .nx-glass__status-text em {
		font-style: normal;
		font-weight: 450;
		color: rgba(0, 0, 0, 0.45);
	}

	/* ---------- CTA: flat black capsule over the white zone ---------- */
    .nx-sidebar-as-menu .v0-orb-button {
		min-height: clamp(42px, 5.4vh, 48px) !important;
		background: #111114 !important;
		border: 0 !important;
		border-radius: 999px !important;
		box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important;
		transition: background 0.2s var(--apple-ease), transform 0.2s var(--apple-ease) !important;
	}

	.nx-sidebar-as-menu .v0-orb-button:hover {
		background: #000000 !important;
		transform: translateY(-1px);
	}

	.nx-sidebar-as-menu .v0-orb-button:active {
		transform: scale(0.985);
	}

	.nx-sidebar-as-menu .v0-orb-button .v0-orb-text {
		color: #f5f5f7 !important;
		font-weight: 600 !important;
		text-shadow: none;
	}

	.nx-sidebar-as-menu .v0-orb-button .v0-orb-dot {
		background: rgba(255, 255, 255, 0.12) !important;
		color: #f5f5f7 !important;
		box-shadow: none;
	}

	/* ---------- Socials: bare glyphs on white ---------- */
    .nx-sidebar-as-menu .sidebar-social-link {
		background: transparent !important;
		border: 0 !important;
		border-radius: 9px !important;
		color: rgba(0, 0, 0, 0.5);
		box-shadow: none;
		transition: background 0.18s var(--apple-ease), color 0.18s var(--apple-ease) !important;
	}

	.nx-sidebar-as-menu .sidebar-social-link:hover {
		background: rgba(0, 0, 0, 0.08) !important;
		color: #111114;
	}

	.nx-sidebar-as-menu .sidebar-copyright {
		color: rgba(0, 0, 0, 0.38) !important;
		letter-spacing: 0.02em;
	}

	.nx-sidebar-as-menu {
		padding-top: 12px !important;
		padding-bottom: 10px !important;
	}

	.nx-sidebar-as-menu .sidebar-logo-group {
		padding-bottom: 6px !important;
	}

	.nx-sidebar-as-menu .sidebar-award-badge {
		width: 62px !important;
		height: 62px !important;
		flex-basis: 62px !important;
		margin: 6px auto 5px !important;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav {
		padding-bottom: 6px !important;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-label {
		padding-bottom: 5px !important;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-link {
		min-height: 30px !important;
	}

	.nx-sidebar-as-menu .sidebar-info-block {
		margin-top: 6px !important;
	}

	.nx-sidebar-as-menu .sidebar-info-block > * {
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.nx-sidebar-as-menu .sidebar-footer {
		gap: 6px !important;
		padding-top: 8px !important;
	}

	.nx-sidebar-as-menu .v0-orb-button {
		min-height: 40px !important;
	}

	.nx-sidebar-as-menu .nx-glass__status {
		padding: 2px 10px;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-list {
		position: relative;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-link {
		position: relative;
		z-index: 1;
	}

	.nx-sidebar-as-menu .nx-glide {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		border-radius: 12px;
		background: linear-gradient(180deg, #ffffff 0%, #eeeef2 100%);
		box-shadow:
	.nx-sidebar-as-menu 	inset 0 0.5px 0 rgba(255, 255, 255, 0.9),
	.nx-sidebar-as-menu 	0 5px 16px rgba(0, 0, 0, 0.42),
		0 0 22px rgba(255, 255, 255, 0.07);
		opacity: 0;
		pointer-events: none;
		transition:
	.nx-sidebar-as-menu 	transform 0.38s cubic-bezier(0.34, 1.28, 0.42, 1),
	.nx-sidebar-as-menu 	width 0.38s cubic-bezier(0.34, 1.28, 0.42, 1),
	.nx-sidebar-as-menu 	height 0.38s cubic-bezier(0.34, 1.28, 0.42, 1),
		opacity 0.2s ease;
		will-change: transform;
	}

	.nx-sidebar-as-menu /* Once the glide is alive,
	the static active pill dissolves */
    .nx-sidebar-as-menu .nx-glide-ready .nexto-sidebar__nav-link.is-active {
		background: transparent !important;
		box-shadow: none !important;
		color: rgba(255, 255, 255, 0.58) !important;
		font-weight: 500 !important;
	}

	/* Row currently covered by the gliding pill → dark text */
    .nx-sidebar-as-menu .nx-glide-ready .nexto-sidebar__nav-link.nx-covered {
		background: transparent !important;
		box-shadow: none !important;
		color: #1d1d1f !important;
		font-weight: 600 !important;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-link.nx-covered:hover {
		background: transparent !important;
		color: #1d1d1f !important;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav-link.nx-covered .nexto-sidebar__chevron {
		color: rgba(29, 29, 31, 0.45);
	}

	/* Panel — slides in from the left while pulling focus */
    .nx-js .nx-sidebar-as-menu {
		animation: nx-sb-panel 1.05s cubic-bezier(0.22, 1.42, 0.32, 1) backwards;
	}

	/* Halftone wave rises from below — distance/blur via per-element vars */
    .nx-js .nx-sidebar-as-menu .nx-glass__aurora {
		animation: nx-sb-rise 1.35s cubic-bezier(0.16, 1, 0.3, 1) 0.35s backwards;
		--nx-sb-y: 54px;
	}

	/* Moon glow ignites late and slow */
    .nx-js .nx-sidebar-as-menu::before {
		animation: nx-sb-fade 1.5s ease 0.55s backwards;
	}

	/* Brand tile pops in spinning */
    .nx-js .nx-sidebar-as-menu .nx-brand-tile {
		animation: nx-sb-pop-rot 0.95s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s backwards;
		--nx-sb-s: 0;
		--nx-sb-r: -120deg;
	}

	/* Brand text wipes out of a mask */
    .nx-js .nx-sidebar-as-menu .nx-brand-meta {
		animation: nx-sb-wipe 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.52s backwards;
	}

	/* Award badge spins in like a lens focusing */
    .nx-js .nx-sidebar-as-menu .sidebar-award-badge {
		animation: nx-sb-pop-rot 1.15s cubic-bezier(0.34, 1.56, 0.64, 1) 0.62s backwards;
		--nx-sb-s: 0.25;
		--nx-sb-r: -170deg;
	}

	/* Nav label slides in from the left */
    .nx-js .nx-sidebar-as-menu .nexto-sidebar__nav-label {
		animation: nx-sb-label 0.8s cubic-bezier(0.22, 1.3, 0.36, 1) 0.78s backwards;
	}

	/* Carved track — iris opens vertically */
    .nx-js .nx-sidebar-as-menu .nexto-sidebar__nav-list {
		perspective: 900px;
		animation: nx-sb-iris 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.84s backwards;
	}

	/* Rows unfold down in a 3D cascade */
    .nx-js .nx-sidebar-as-menu .nexto-sidebar__nav-list > li {
		backface-visibility: hidden;
		transform-origin: 50% 0;
		animation: nx-sb-unfold 0.75s cubic-bezier(0.22, 1.35, 0.36, 1) backwards;
	}

	.nx-js .nx-sidebar-as-menu .nexto-sidebar__nav-list > li:nth-of-type(1) {
		animation-delay: 0.98s;
	}

	.nx-js .nx-sidebar-as-menu .nexto-sidebar__nav-list > li:nth-of-type(2) {
		animation-delay: 1.06s;
	}

	.nx-js .nx-sidebar-as-menu .nexto-sidebar__nav-list > li:nth-of-type(3) {
		animation-delay: 1.14s;
	}

	.nx-js .nx-sidebar-as-menu .nexto-sidebar__nav-list > li:nth-of-type(4) {
		animation-delay: 1.22s;
	}

	/* Glide pill pops onto the active row once the cascade lands */
    .nx-js .nx-sidebar-as-menu .nx-glide {
		animation: nx-glide-pop 0.65s cubic-bezier(0.34, 1.56, 0.64, 1) 1.32s backwards;
	}

	/* Contact card rises out of a blur */
    .nx-js .nx-sidebar-as-menu .sidebar-info-block {
		animation: nx-sb-rise 0.9s cubic-bezier(0.22, 1.35, 0.36, 1) 1.18s backwards;
		--nx-sb-y: 24px;
		--nx-sb-b: 10px;
	}

	/* Status line fades up */
    .nx-js .nx-sidebar-as-menu .nx-glass__status {
		animation: nx-sb-rise 0.75s cubic-bezier(0.22, 1.3, 0.36, 1) 1.34s backwards;
		--nx-sb-y: 12px;
	}

	/* WhatsApp CTA springs in */
    .nx-js .nx-sidebar-as-menu .v0-orb-button {
		animation: nx-sb-rise 0.85s cubic-bezier(0.34, 1.56, 0.64, 1) 1.44s backwards;
		--nx-sb-y: 20px;
	}

	/* Socials pop one by one */
    .nx-js .nx-sidebar-as-menu .sidebar-social-link {
		animation: nx-sb-pop-rot 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
		--nx-sb-s: 0;
	}

	.nx-js .nx-sidebar-as-menu .sidebar-social-link:nth-of-type(1) {
		animation-delay: 1.6s;
	}

	.nx-js .nx-sidebar-as-menu .sidebar-social-link:nth-of-type(2) {
		animation-delay: 1.68s;
	}

	.nx-js .nx-sidebar-as-menu .sidebar-social-link:nth-of-type(3) {
		animation-delay: 1.76s;
	}

	/* Copyright fades in last */
    .nx-js .nx-sidebar-as-menu .sidebar-copyright {
		animation: nx-sb-fade 0.7s ease 1.84s backwards;
	}
}

/* ============================================================================
   MENÚ MÓVIL — ajustes finales sobre las reglas rescatadas
   Van después del bloque generado para poder ganarle donde hace falta.
   ========================================================================== */
@media (max-width: 1023px) {

	/* El intro oculta la sidebar hasta el final de su coreografia. Cuando la
	   barra funciona como menu debe quedar disponible desde cualquier scroll. */
	html.nx-js body.nx-intro-pending .nx-sidebar-as-menu {
		visibility: visible !important;
	}

	/* En escritorio la barra mide 272px fijos; acá tiene que llenar el panel. */
	.nx-sidebar-as-menu.inicio-test10-sidebar {
		width: 100% !important;
		height: 100% !important;
		max-height: 100% !important;
		padding: 20px 18px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
		border-radius: 26px !important;
		overflow-y: auto !important;
	}

	/* Los sociales sí se muestran: en escritorio están ocultos por espacio. */
	.nx-sidebar-as-menu .sidebar-socials {
		display: flex !important;
		gap: 8px;
		justify-content: center;
		margin-top: 12px;
	}

	.nx-sidebar-as-menu .nexto-sidebar__nav {
		display: block !important;
	}
}

@media (max-width: 1023px) {

	/* El hamburguesa de la barra vuelve a mostrarse: dentro del panel es el
	   botón de cerrar. En escritorio estaba oculto porque no hacía falta. */
	.nx-sidebar-as-menu .sidebar-menu-btn {
		display: grid !important;
		width: 38px;
		height: 38px;
		flex: 0 0 38px;
		place-items: center;
		border: 1px solid rgba(255, 255, 255, 0.16);
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.07);
		color: #fff;
		cursor: pointer;
	}

	/* El botón fijo se apoya abajo a la derecha: hay que dejarle sitio para
	   que no tape el CTA de WhatsApp ni los sociales. */
	.nx-sidebar-as-menu.inicio-test10-sidebar {
		padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
	}

	/* El estado de agenda quedaba pegado al CTA. */
	.nx-sidebar-as-menu .nx-glass__status {
		margin-bottom: 12px !important;
	}
}

@media (max-width: 1023px) {
	/* En el panel el aurora sube y su zona más brillante cae justo sobre el
	   estado de agenda, que quedaba ilegible. Se le pone un chip oscuro,
	   en el mismo lenguaje que el resto de las píldoras. */
	.nx-sidebar-as-menu .nx-glass__status {
		display: inline-flex !important;
		align-items: center;
		gap: 8px;
		padding: 7px 13px !important;
		border: 1px solid rgba(255, 255, 255, 0.12);
		border-radius: 999px;
		background: rgba(12, 11, 18, 0.72);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
	}

	.nx-sidebar-as-menu .nx-glass__status-text {
		color: rgba(255, 255, 255, 0.9) !important;
	}

	.nx-sidebar-as-menu .nx-glass__status-text em {
		color: rgba(255, 255, 255, 0.55) !important;
	}
}

/* ============================================================================
   MOBILE — costuras blancas
   `.nx-intro` es blanco y contiene las dos escenas del intro. Cuando la altura
   de la escena 2 (220vh) cae en un valor fraccionario, asoma una línea de 1px
   de ese blanco en la unión con el contenido oscuro. Pintándolo de negro, la
   costura deja de verse: la escena 1 sigue pintando su propio blanco encima.
   ========================================================================== */
@media (max-width: 1023px) {

	.nx-intro {
		background: #000 !important;
	}

	/* El vídeo de "Detrás de Nexto" declara fondo blanco. Con la compuerta por
	   viewport puede no haber decodificado ningún cuadro todavía, y entonces
	   se ve ese blanco —que además se desborda del recorte de la tarjeta—. */
	.nexto-team-bento__visual,
	.nexto-team-bento__visual video {
		background: #0c0b12 !important;
	}
}