/* ============================================================
   EDUKA · cursor propio
   El punto sigue al mouse y crece sobre los elementos con data-cur,
   mostrando esa palabra al costado. Solo en puntero fino.
   ============================================================ */

.cursor{position:fixed;left:0;top:0;z-index:900;pointer-events:none;opacity:0;transition:opacity .3s ease}
.cursor.on{opacity:1}

.cursor-dot{
  position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;
  background:var(--cuero);transition:transform .3s var(--ease-suave);
}
.cursor.big .cursor-dot{transform:scale(2.6);background:var(--fuego)}

.cursor-label{
  position:absolute;left:16px;top:-8px;white-space:nowrap;
  font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fuego);
  opacity:0;transform:translateX(-6px);transition:opacity .3s ease,transform .3s ease;
}
.cursor.big .cursor-label{opacity:1;transform:none}

@media (hover:none),(pointer:coarse){.cursor{display:none}}