body{margin:0}
/* Barra de navegación compartida: LITEN TO ME (vuelve al océano) + las tres islitas */
.ltm-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px 28px;
  padding:8px max(16px,calc((100% - 1100px)/2));background:rgba(243,240,234,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(22,102,110,.15);font-family:"Patrick Hand","Comic Sans MS","Segoe Print",sans-serif}
.ltm-nav a{text-decoration:none}
.ltm-marca{display:inline-flex;align-items:center;gap:10px;color:#c2502a;font-size:22px;letter-spacing:.07em;white-space:nowrap;-webkit-text-stroke:.03em currentColor}
.ltm-marca img{height:40px;width:auto;flex:none;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.ltm-marca:hover img{transform:rotate(-6deg) translateY(-2px)}
.ltm-marca[aria-current="page"]{text-decoration:underline wavy rgba(22,102,110,.5);text-underline-offset:6px}
.ltm-volver{font-family:"Caveat","Bradley Hand",cursive;font-size:24px;color:#16666e;white-space:nowrap;opacity:.85}
.ltm-volver:hover{opacity:1;text-decoration:underline}
.ltm-islas{display:flex;align-items:center;gap:14px;margin-left:auto}
.ltm-islas a{display:flex;align-items:center;gap:6px;color:#16666e;font-size:15px;letter-spacing:.08em;text-transform:uppercase;opacity:.75;transition:opacity .25s}
.ltm-islas a:hover,.ltm-islas a[aria-current="page"]{opacity:1}
.ltm-islas a[aria-current="page"] span{text-decoration:underline wavy rgba(194,80,42,.7);text-underline-offset:5px}
.ltm-islas img{width:40px;height:40px;object-fit:fill;-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.ltm-islas a:hover img{transform:scale(1.18) rotate(-5deg)}
@media (max-width:600px){.ltm-nav{gap:10px}.ltm-volver{font-size:19px}.ltm-marca{font-size:0!important;gap:0}.ltm-islas span{display:none}.ltm-islas{gap:8px}.ltm-marca{font-size:19px}.ltm-marca img{height:32px}}
/* Variante para las páginas oscuras (Laboratorio): solo el interior de cada isla */
.ltm-nav.oscura{background:rgba(9,38,42,.72);border-bottom-color:rgba(255,255,255,.08)}
.ltm-nav.oscura .ltm-marca{color:#f0a07c}
.ltm-nav.oscura .ltm-volver{color:#9fd3d2}
.ltm-nav.oscura .ltm-marca img{filter:invert(1)}
.ltm-nav.oscura .ltm-nav.oscura .ltm-islas a{color:#cfe6e6}
.ltm-nav [data-isla="sonido"] img{-webkit-mask-image:url(/islas/sonido-mascara.png);mask-image:url(/islas/sonido-mascara.png)}
.ltm-nav [data-isla="ambiente"] img{-webkit-mask-image:url(/islas/ambiente-mascara.png);mask-image:url(/islas/ambiente-mascara.png)}
.ltm-nav [data-isla="ia"] img{-webkit-mask-image:url(/islas/ia-mascara.png);mask-image:url(/islas/ia-mascara.png)}
.ltm-nav [data-isla="sonido"] img{width:46px;height:50px;margin:-6px 0}
.ltm-nav [data-isla="ambiente"] img{width:37px;height:50px;margin:-6px 0}
.ltm-nav [data-isla="ia"] img{width:40px;height:50px;margin:-6px 0}