/* ============================================================
   EDUKA · capas de fondo
   Luz cálida que sigue al mouse, grano de papel y texto lateral fijo.
   Debe cargarse ANTES de nav.css: el z-index de .nav se pisa ahí.
   ============================================================ */

.glow{
  position:fixed;inset:-20%;z-index:0;pointer-events:none;
  background:radial-gradient(38vw 38vw at var(--mx,60%) var(--my,30%),rgba(198,103,61,.16),rgba(198,103,61,0) 70%);
  transition:background-position .6s ease;
}

.grain{
  position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.16;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='.5'/></svg>");
}

.side-fixed{
  position:fixed;left:14px;top:50%;z-index:6;transform:rotate(180deg) translateY(50%);writing-mode:vertical-rl;
  font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--cuero);opacity:.45;pointer-events:none;white-space:nowrap;
}
@media (max-height:860px){.side-fixed{display:none}}

/* ---------- el contenido va por encima del glow y del grano ---------- */
main,.foot,.nav{position:relative;z-index:2}

@media (max-width:900px){
  .side-fixed{display:none}
}