/* Mapa inmersivo de las once tierras: pantalla completa, estandartes pixel y ficha como caja de diálogo. */
.dk-lesson-mapa-inmersivo{position:relative;width:100%;height:100svh;min-height:520px;margin:0;padding:0;overflow:hidden;background:#0f0912;color:#f6ede6;isolation:isolate}
.admin-bar .dk-lesson-mapa-inmersivo{height:calc(100svh - 32px)}
.dk-inmersivo__lienzo{position:absolute;inset:0;cursor:grab;touch-action:pan-y;user-select:none}
/* La ilustración completa siempre cabe (meet); los márgenes muestran la misma imagen desenfocada y oscurecida. */
.dk-inmersivo__lienzo::before{content:"";position:absolute;inset:-40px;background:var(--dk-inmersivo-fondo) center/cover;filter:blur(18px) brightness(.45) saturate(1.2)}
.dk-inmersivo__lienzo>svg{position:relative}
.dk-inmersivo__lienzo.is-arrastre{cursor:grabbing}
.dk-inmersivo__lienzo>svg{display:block;width:100%;height:100%}
.dk-lesson-mapa-inmersivo::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px 30px #0f0912cc;z-index:1}
.dk-inmersivo__rutas path{fill:none;stroke:#e8b04b;stroke-width:5;stroke-dasharray:10 12;stroke-linecap:square;opacity:.85;animation:dk-inm-ruta 2.4s linear infinite}
@keyframes dk-inm-ruta{to{stroke-dashoffset:-44}}
.dk-inmersivo__tierra{cursor:pointer;outline:none}
.dk-inmersivo__aura{fill:#e8b04b;opacity:0;transform-box:fill-box;transform-origin:center;animation:dk-inm-aura 2.6s steps(6) infinite}
.dk-inmersivo__tierra:nth-of-type(2n) .dk-inmersivo__aura{animation-delay:-1.3s}
@keyframes dk-inm-aura{0%{opacity:.45;transform:scale(.6)}100%{opacity:0;transform:scale(1.4)}}
.dk-inmersivo__estandarte{fill:#120c16;stroke:#e8b04b;stroke-width:4;transition:transform .12s steps(2)}
.dk-inmersivo__numero{fill:#ffe3a0;font:24px var(--wp--preset--font-family--pixel,monospace);pointer-events:none}
.dk-inmersivo__rotulo rect{fill:#120c16e6;stroke:#000;stroke-width:3}
.dk-inmersivo__rotulo text{fill:#fff;font:21px var(--wp--preset--font-family--pixel,monospace);letter-spacing:.5px;pointer-events:none}
.dk-inmersivo__tierra:is(:hover,:focus-visible,[aria-pressed=true]) .dk-inmersivo__estandarte{fill:#b90101;stroke:#ffe3a0;transform:translateY(-4px)}
.dk-inmersivo__tierra:is(:hover,:focus-visible,[aria-pressed=true]) .dk-inmersivo__rotulo rect{fill:#b90101;stroke:#ffe3a0}
.dk-inmersivo__tierra:focus-visible .dk-inmersivo__estandarte{stroke-width:7}
.dk-inmersivo__tierra[data-estado=superada] .dk-inmersivo__estandarte{fill:#2c7358}
.dk-inmersivo__tierra[data-estado=bloqueada] .dk-inmersivo__estandarte{stroke:#8f8691}
.dk-inmersivo__mmerf{pointer-events:none;animation:dk-inm-flota 1.6s steps(2) infinite}
@keyframes dk-inm-flota{50%{translate:0 -6px}}
/* Ficha */
.dk-lesson-mapa-inmersivo .dk-inmersivo__ficha.dk-marco{position:absolute;margin:0;z-index:3;top:50%;right:clamp(16px,4vw,64px);width:min(440px,calc(100% - 32px));max-height:calc(100% - 64px);overflow:auto;padding:28px 26px 24px!important;transform:translateY(-50%);animation:dk-inm-ficha .35s steps(5) both}
.dk-lesson-mapa-inmersivo .dk-inmersivo__ficha[hidden],.dk-lesson-mapa-inmersivo [data-campo][hidden]{display:none!important}
@keyframes dk-inm-ficha{from{opacity:0;transform:translate(24px,-50%)}}
.dk-inmersivo__cerrar{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;background:#120c16;color:#e8b04b;font:20px/1 var(--wp--preset--font-family--pixel,monospace);cursor:pointer;box-shadow:0 0 0 3px #000}
.dk-inmersivo__cerrar:hover,.dk-inmersivo__cerrar:focus-visible{background:#b90101;color:#fff;outline:none}
.dk-inmersivo__kicker{margin:0 0 6px!important;color:#3fe0d0;font:15px/1.3 var(--wp--preset--font-family--pixel,monospace);letter-spacing:2px;text-transform:uppercase}
.wp-site-blocks .dk-inmersivo__ficha h3{margin:0 0 6px;color:#fff;font:clamp(28px,3vw,38px)/1.05 var(--wp--preset--font-family--pixel,monospace);text-shadow:3px 3px 0 #000}
.dk-inmersivo__tema{margin:0 0 12px!important;color:#e8b04b;font-weight:700}
.dk-inmersivo__ficha p{margin:0 0 12px;font-size:16px;line-height:1.55}
.wp-site-blocks .dk-inmersivo__ficha h4{margin:16px 0 6px;color:#e8b04b;font:17px/1.2 var(--wp--preset--font-family--pixel,monospace);letter-spacing:1px}
.dk-inmersivo__datos{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.dk-inmersivo__datos span{padding:6px 10px;background:#120c16;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #e8b04b55;font-size:14px}
.dk-inmersivo__datos strong{color:#ffe3a0;font:18px var(--wp--preset--font-family--pixel,monospace)}
.dk-inmersivo__herramientas{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0!important;list-style:none}
.dk-inmersivo__herramientas li{margin:0!important;padding:3px 9px;border:2px solid #3fe0d055;color:#bff7f0;font-size:14px}
.dk-inmersivo__encuentro{color:#3fe0d0}
.dk-inmersivo__personal{padding:8px 10px;background:#2a1830;box-shadow:inset 0 0 0 2px #e8b04b}
.dk-inmersivo__acciones{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0!important}
.dk-inmersivo__pista{position:absolute;z-index:2;left:50%;bottom:22px;margin:0;padding:8px 14px;transform:translateX(-50%);background:#120c16e6;color:#e9dfe4;font:14px/1.3 var(--wp--preset--font-family--pixel,monospace);letter-spacing:1px;white-space:nowrap;box-shadow:0 0 0 3px #000;transition:opacity .6s steps(4);pointer-events:none}
.dk-inmersivo__pista.is-oculta{opacity:0}
/* Flechas laterales en pantallas verticales: el mapa tiene casi tres pantallas de ancho. */
.dk-inmersivo__flecha{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:44px;height:56px;margin:0;padding:0 0 4px;border:0;background:#120c16d9;color:#ffd27a;font:26px/1 var(--wp--preset--font-family--pixel,monospace);cursor:pointer;box-shadow:0 0 0 3px #000,inset 0 0 0 2px #e8b04b66;transform:translateY(-50%)}
.dk-inmersivo__flecha--izquierda{left:8px}.dk-inmersivo__flecha--derecha{right:8px}
.dk-inmersivo__flecha[hidden],.dk-lesson-mapa-inmersivo.is-interior>.dk-inmersivo__flecha{display:none}
.dk-inmersivo__flecha:active{background:#b90101;color:#fff}
.dk-inmersivo__flecha:focus-visible{outline:3px solid #e8b04b;outline-offset:3px}
@media(max-width:900px){
	.dk-lesson-mapa-inmersivo .dk-inmersivo__ficha.dk-marco{top:auto;bottom:12px;right:50%;transform:translateX(50%);max-height:62%;animation-name:dk-inm-ficha-m}
	@keyframes dk-inm-ficha-m{from{opacity:0;transform:translate(50%,24px)}}
	.dk-inmersivo__pista{white-space:normal;width:max-content;max-width:calc(100% - 32px);text-align:center}
}
@media(prefers-reduced-motion:reduce){.dk-inmersivo__aura,.dk-inmersivo__rutas path,.dk-inmersivo__mmerf,.dk-inmersivo__ficha{animation:none}.dk-inmersivo__aura{opacity:0}}
/* ===== Página Mapa: mapa interior de cada tierra (ilustración a la izquierda, columna con la tierra o la lección) ===== */
.dk-pagina--mapa .dk-lesson-mapa-inmersivo{scroll-margin-top:66px}
.dk-lesson-mapa-inmersivo.is-entrando .dk-inmersivo__lienzo{filter:brightness(1.15) blur(1px);transition:filter .4s}
.dk-lesson-mapa-inmersivo.is-interior>.dk-inmersivo__lienzo{visibility:hidden}
.dk-lesson-mapa-inmersivo.is-interior>.dk-inmersivo__pista{display:none}
.dk-interior{position:absolute;inset:0;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) min(440px,36%);background:#0f0912;animation:dk-int-abrir .45s steps(6) both}
.dk-interior[hidden]{display:none}
@keyframes dk-int-abrir{from{opacity:0;clip-path:circle(8% at 50% 50%)}to{opacity:1;clip-path:circle(75% at 50% 50%)}}
.dk-interior__lienzo{position:relative;min-height:0;overflow:hidden}
.dk-interior__lienzo::before{content:"";position:absolute;inset:-40px;background:var(--dk-interior-fondo) center/cover;filter:blur(18px) brightness(.4) saturate(1.2)}
.dk-interior__lienzo>svg{position:relative;display:block;width:100%;height:100%}
.dk-interior.is-sin-ilustracion .dk-interior__lienzo{background:linear-gradient(rgb(90 58 30 / .14) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgb(90 58 30 / .14) 1px,transparent 1px) 0 0/40px 40px,radial-gradient(ellipse at 50% 45%,#f3e2bf,#c9a876)}
.dk-interior__camino{fill:none;stroke:#120c16;stroke-width:calc(9px * var(--dk-trazo,1));stroke-dasharray:14 12;stroke-linecap:square;opacity:.6}
.dk-interior__avance{fill:none;stroke:#e8b04b;stroke-width:calc(9px * var(--dk-trazo,1));stroke-dasharray:14 12;stroke-linecap:square;animation:dk-inm-ruta 2.4s linear infinite}
.dk-interior__parada{cursor:pointer;outline:none;animation:dk-int-parada .4s steps(4) both}
@keyframes dk-int-parada{from{opacity:0;translate:0 -18px}}
.dk-interior__halo{fill:#e8b04b;opacity:0;transform-box:fill-box;transform-origin:center}
.dk-interior__ficha-forma{fill:#120c16;stroke:#8f8691;stroke-width:4;transition:transform .12s steps(2)}
.dk-interior__codigo{fill:#e9dfe4;font:22px var(--wp--preset--font-family--pixel,monospace);pointer-events:none}
.dk-interior__check{fill:#7fcf98;font:20px var(--wp--preset--font-family--pixel,monospace);stroke:#000;stroke-width:3;paint-order:stroke;pointer-events:none}
.dk-interior__parada[data-estado=open] .dk-interior__ficha-forma,.dk-interior__parada[data-estado=review] .dk-interior__ficha-forma{stroke:#e8b04b}
.dk-interior__parada[data-estado=open] .dk-interior__halo{animation:dk-inm-aura 2.6s steps(6) infinite}
.dk-interior__parada[data-estado=completed] .dk-interior__ficha-forma{fill:#2c7358;stroke:#ffe3a0}
.dk-interior__parada[data-estado=prep] .dk-interior__codigo{fill:#bfb3ba}
.dk-interior__parada[data-estado=borrador] .dk-interior__ficha-forma{stroke:#3fe0d0;stroke-dasharray:6 4}
.dk-interior__panel .dk-interior__estado--borrador{box-shadow:inset 0 0 0 2px #3fe0d0!important;color:#bff7f0}
.dk-interior__parada--opcional .dk-interior__ficha-forma{stroke-dasharray:6 5}
.dk-interior__parada--jefe .dk-interior__ficha-forma{fill:#5a0a0a;stroke:#ff9b9b}
.dk-interior__parada--meta .dk-interior__ficha-forma{fill:#1d4f6e;stroke:#bff7f0}
.dk-interior__parada--jefe .dk-interior__codigo,.dk-interior__parada--meta .dk-interior__codigo{font-size:28px;fill:#fff}
.dk-interior__parada:is(:hover,:focus-visible,[aria-pressed=true]) .dk-interior__ficha-forma{fill:#b90101;stroke:#ffe3a0;transform:translateY(-4px)}
.dk-interior__parada:focus-visible .dk-interior__ficha-forma{stroke-width:7}
.dk-interior__barra{display:grid;gap:8px;padding:0 0 14px;margin:0 0 14px;border-bottom:2px dashed #e8b04b44}
.dk-interior__volver{justify-self:start;padding:8px 12px 10px;border:0;background:#b90101;color:#fff;font:16px var(--wp--preset--font-family--pixel,monospace);letter-spacing:1px;cursor:pointer;box-shadow:0 0 0 3px #000,inset 0 -4px 0 #0005}
.dk-interior__volver:hover,.dk-interior__volver:focus-visible{background:#e01b1b;outline:none}
.dk-interior__titulo{margin:0!important;line-height:1.15}
.dk-interior__titulo span{display:block;color:#3fe0d0;font:13px var(--wp--preset--font-family--pixel,monospace);letter-spacing:1.5px;text-transform:uppercase}
.dk-interior__titulo strong{color:#fff;font:400 24px var(--wp--preset--font-family--pixel,monospace);text-shadow:2px 2px 0 #000}
.dk-interior__resumen{margin:0!important;color:#cfc2c9;font-size:14px}
.dk-lesson-mapa-inmersivo .dk-interior__lateral.dk-marco{position:relative;z-index:2;margin:0;min-height:0;overflow:auto;padding:20px 22px 18px!important;border-radius:0}
.wp-site-blocks .dk-interior__panel h3{margin:0 0 6px;color:#fff;font:clamp(24px,2.6vw,32px)/1.1 var(--wp--preset--font-family--pixel,monospace);text-shadow:3px 3px 0 #000}
.wp-site-blocks .dk-interior__panel h4{margin:14px 0 6px;color:#e8b04b;font:16px/1.2 var(--wp--preset--font-family--pixel,monospace);letter-spacing:1px}
.dk-interior__panel p{margin:0 0 10px;font-size:15px;line-height:1.55}
.dk-interior__panel .dk-interior__kicker{margin:0 0 4px;color:#3fe0d0;font:14px/1.3 var(--wp--preset--font-family--pixel,monospace);letter-spacing:2px;text-transform:uppercase}
.dk-interior__tema{color:#e8b04b;font-weight:700}
.dk-interior__lugar{color:#ffe3a0}
.dk-interior__nivel{color:#cfc2c9}
.dk-interior__chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0!important;list-style:none}
.dk-interior__chips li{margin:0!important;padding:3px 9px;border:2px solid #3fe0d055;color:#bff7f0;font-size:14px}
.dk-interior__panel .dk-interior__estado{display:inline-block;padding:4px 10px;background:#2a1830;box-shadow:inset 0 0 0 2px #8f8691;font-size:14px}
.dk-interior__estado--open,.dk-interior__estado--review{box-shadow:inset 0 0 0 2px #e8b04b!important;color:#ffe3a0}
.dk-interior__estado--completed{box-shadow:inset 0 0 0 2px #7fcf98!important;color:#c9f2d5}
.dk-interior__personal{padding:8px 10px;background:#2a1830;box-shadow:inset 0 0 0 2px #e8b04b}
.dk-interior__ayuda{color:#a99aa3;font-style:italic}
.dk-interior__panel .dk-interior__acciones{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0}
.dk-interior__prep{color:#a99aa3;font-size:14px}
.dk-interior__nav{display:flex;gap:6px;margin-left:auto}
.wp-site-blocks .dk-interior__nav button,.wp-site-blocks .dk-interior__atras{padding:6px 10px 8px;border:0;background:#120c16;color:#e8b04b;font:14px var(--wp--preset--font-family--pixel,monospace);cursor:pointer;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #e8b04b55}
.wp-site-blocks .dk-interior__nav button:is(:hover,:focus-visible),.wp-site-blocks .dk-interior__atras:is(:hover,:focus-visible){background:#2a1830;color:#ffe3a0;outline:none}
.wp-site-blocks .dk-interior__atras{margin:0 0 12px}
@media(max-width:900px){
	.dk-interior{grid-template-columns:1fr;grid-template-rows:minmax(0,52%) minmax(0,48%)}
	.dk-interior__titulo strong{font-size:20px}
	.dk-lesson-mapa-inmersivo .dk-interior__lateral.dk-marco{padding:14px 14px 12px!important}
	.dk-interior__barra{padding-bottom:10px;margin-bottom:10px}
}
@media(prefers-reduced-motion:reduce){.dk-interior,.dk-interior__parada,.dk-interior__avance,.dk-interior__halo{animation:none!important}}