html,body{margin:0;height:100%;background:#010918;overflow:hidden;font-family:system-ui,sans-serif}
.tw.LosEstorninos {
  height: 100vh;
  overflow: hidden;
}
#Umbral{position:relative;width:100vw;height:100vh}
#geom{position:absolute;inset:0;width:100%;height:100%}
#band-fill{fill:rgba(245,245,245,.18)}
#band-stroke{fill:none;stroke:rgba(245,245,245,.18);stroke-width:5.25}
#origin-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80rem;height:80rem;display:grid;place-items:center;text-decoration:none}
#origin-dot{width: 100px; height: 100px; border-radius: 999px;background: #fd6400;box-shadow: 0 0 18px rgba(253,100,0,.55);transition: transform .15s ease;}
#origin-link:hover #origin-dot{transform:scale(1.15)}
#sound-toggle{position:absolute;left:18px;top:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.75);padding:8px 10px;border-radius:999px;cursor:pointer}
#sound-toggle:hover{background:rgba(255,255,255,.09)}

#return-link{
  position:absolute;
  left:50%;
  top:40%;
  transform:translate(-50%,-50%);
  width:100px;
  height:100px;
  display:grid;
  place-items:center;
}

.return-dot{
  width:100px;
  height:100px;
  border-radius:999px;
  background:rgba(255,255,255,0.7);
}

#return-link:hover .return-dot{
  
  background:#fd6400;
  box-shadow:0 0 14px rgba(253,100,0,.5);
}
/* === ARCILLA — Ella(B): CMYK visible === */
body.tw.umbral.LosEstorninos{
  background: radial-gradient(1200px 900px at 50% 45%,
    rgba(2,12,28,0.95) 0%,
    rgba(0,6,16,0.98) 35%,
    rgba(0,4,10,1) 70%,
    rgba(0,2,6,1) 100%);
}

#tw-cloud{
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 5; /* por encima de atmósfera */
}