body.modo-caos-activo .cursor-usuario,
body.modo-caos-activo .cursor-daniel {
  opacity: 0 !important;
  visibility: hidden !important;
}

body.modo-caos-activo,
body.modo-caos-activo * {
  cursor: auto !important;
}

body.modo-caos-activo .caos-sticker {
  cursor: grab !important;
}

body.modo-caos-activo .caos-sticker:active {
  cursor: grabbing !important;
}

.modo-caos-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  overflow: hidden;
}

.modo-caos-layer--lejana {
  z-index: 2; }

.modo-caos-layer--cercana {
  z-index: 80;
}

.caos-sticker {
  position: absolute;
  pointer-events: auto;
  cursor: grab;
  user-select: none;
  will-change: transform;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.18));
  transition: filter 0.2s ease;
}

.caos-sticker:active {
  cursor: grabbing;
}

.caos-sticker img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.caos-sticker--xl {
  width: clamp(234px, 26vw, 416px);
  height: clamp(234px, 26vw, 416px);
}

.caos-sticker--grande {
  width: clamp(180px, 20vw, 320px);
  height: clamp(180px, 20vw, 320px);
}

.caos-sticker--mediano {
  width: clamp(90px, 11vw, 160px);
  height: clamp(90px, 11vw, 160px);
}

.caos-sticker--chico {
  width: clamp(40px, 5vw, 70px);
  height: clamp(40px, 5vw, 70px);
}

@media (max-width: 1024px) and (orientation: landscape) {
  }

@media (max-width: 1024px) and (orientation: portrait) {
  }

@media (max-width: 599px) {
  .caos-sticker--xl {
    width: clamp(156px, 39vw, 260px);
    height: clamp(156px, 39vw, 260px);
  }

  .caos-sticker--grande {
    width: clamp(120px, 30vw, 200px);
    height: clamp(120px, 30vw, 200px);
  }

  .caos-sticker--mediano {
    width: clamp(60px, 16vw, 110px);
    height: clamp(60px, 16vw, 110px);
  }

  .caos-sticker--chico {
    width: clamp(30px, 8vw, 50px);
    height: clamp(30px, 8vw, 50px);
  }
}

@media (max-width: 768px) and (orientation: landscape) {
  }

@media (prefers-reduced-motion: reduce) {
  .caos-sticker {
    animation: none !important;
    transition: none !important;
  }
}