/* Se activa solo en desktop desde JS con la clase body.has-custom-cursor */

.custom-garden-cursor {
	--cursor-size: 14px; /* Cambia aqui el tamano global de la hoja */
	position: fixed;
	top: 0;
	left: 0;
	width: var(--cursor-size);
	height: var(--cursor-size);
	transform: translate3d(-9999px, -9999px, 0);
	pointer-events: none; /* No bloquear interaccion del sitio */
	z-index: 2147483647;
	will-change: transform;
	opacity: 0;
	transition: opacity 0.2s ease;
}

body.has-custom-cursor .custom-garden-cursor {
	opacity: 1;
}

body.has-custom-cursor .custom-garden-cursor.is-hidden {
	opacity: 0;
}

.custom-garden-cursor__icon {
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
	transform: rotate(-20deg);
	transform-origin: 50% 50%;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.custom-garden-cursor__icon img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
	filter: drop-shadow(0 1px 1px rgba(26, 56, 32, 0.22));
}

/* Estado hover: hoja un poco mas visible sobre elementos interactivos */
.custom-garden-cursor.is-hover .custom-garden-cursor__icon {
	transform: scale(1) rotate(calc(-20deg + var(--hover-rotation)));
}

/* Estado click: pequeno feedback */
.custom-garden-cursor.is-click .custom-garden-cursor__icon {
	transform: scale(0.82) rotate(-28deg);
}

@media (hover: none), (pointer: coarse) {
	.custom-garden-cursor {
		display: none !important;
	}
}