/* ITAKYA · Capas visuales configurables por sección.
 * 0.1.82: sellado de costuras de subpíxel sobre vídeo al hacer scroll.
 * Las capas se rasterizan junto con la sección (sin plano GPU propio) y
 * mantienen un pequeño sangrado fuera del borde lógico. */
[data-itkya-section] { position: relative; isolation: isolate; }

.itkya-section-layer {
	position: absolute;
	inset: -6px;
	z-index: 4;
	display: none;
	width: auto;
	height: auto;
	pointer-events: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	transform-origin: center center;
	/* No promover esta capa a un plano de composición independiente.
	 * En Chromium, un overlay CSS transformado sobre <video> puede dejar
	 * una costura de 1 px al coincidir el clip con un píxel fraccional. */
	transform: none;
	background-origin: border-box;
	background-clip: border-box;
	backface-visibility: visible;
	-webkit-backface-visibility: visible;
}
.itkya-section-layer--2 { z-index: 5; }

/* El contenido queda siempre por encima de las dos capas nuevas. */
[data-itkya-section="home-hero"] > .itkya-v017-hero-inner,
[data-itkya-section="home-how-it-works"] > .itkya-v041-how-layout,
[data-itkya-section="home-archipelago"] > .itkya-v042-archipelago-copy,
[data-itkya-section="home-community"] > .itkya-v043-community-layout,
[data-itkya-section="home-next-journey"] > .itkya-v043-closing-copy,
[data-itkya-section="home-memory"] > .itkya-v043-memory-inner,
[data-itkya-section="home-sea"] > .itkya-v017-sea-inner {
	position: relative;
	z-index: 6;
}

/* 0.1.93 · Hasta cuatro fondos superpuestos. */
.itkya-section-layer--3 { z-index: 6; }
.itkya-section-layer--4 { z-index: 7; }
[data-itkya-section="home-hero"] > .itkya-v017-hero-inner,
[data-itkya-section="home-how-it-works"] > .itkya-v041-how-layout,
[data-itkya-section="home-archipelago"] > .itkya-v042-archipelago-copy,
[data-itkya-section="home-community"] > .itkya-v043-community-layout,
[data-itkya-section="home-next-journey"] > .itkya-v043-closing-copy,
[data-itkya-section="home-memory"] > .itkya-v043-memory-inner,
[data-itkya-section="home-sea"] > .itkya-v017-sea-inner {
	z-index: 8;
}

/* 0.1.101 · Los blueprints siguen el mismo contrato de capas que Inicio/Itakya:
 * fondo (0) → overlay (1) → capas editables (4–7) → contenido (8). */
.itkya-bp-page [data-itkya-section] > .itkya-bp-node {
	position: relative !important;
	z-index: 8 !important;
}