/* ==========================================================================
   Mati Todo Envases — adornos de Halloween

   Sólo en la portada y sólo mientras dure la temporada (inc/temporada.php).
   Cuelgan del borde del afiche; el resto de la página no se toca.
   ========================================================================== */

.pc-hero--con-slider > .pc-contenedor:first-child {
	position: relative;
}

.pc-adornos {
	position: absolute;
	inset: 0 var(--pc-gutter, 24px) 52px;
	z-index: 2;
	pointer-events: none;
}

/* Araña que baja por su hilo desde arriba, sobre la esquina derecha. */
.pc-adornos__arana {
	position: absolute;
	top: -32px;
	right: 18%;
	width: 36px;
	color: #1b0b2e;
	animation: pc-arana 5s ease-in-out infinite;
}

.pc-adornos__arana::before {
	content: "";
	position: absolute;
	bottom: 70%;
	left: 50%;
	width: 1.5px;
	height: 140px;
	background: rgba(27, 11, 46, 0.45);
}

.pc-adornos__arana svg {
	position: relative;
	display: block;
	width: 100%;
}

@keyframes pc-arana {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(46px); }
}

/* Murciélagos que se asoman por los bordes de la tarjeta. */
.pc-adornos__murcielago {
	position: absolute;
	color: #2a1147;
	animation: pc-aleteo 3.2s ease-in-out infinite;
}

.pc-adornos__murcielago--1 { top: -22px; left: 6%; width: 58px; }
.pc-adornos__murcielago--2 { top: 12px; left: -34px; width: 40px; animation-delay: -1.1s; }
.pc-adornos__murcielago--3 { top: 34%; right: -30px; width: 46px; animation-delay: -2s; }

@keyframes pc-aleteo {
	0%, 100% { transform: translateY(0) scaleY(1); }
	50% { transform: translateY(-8px) scaleY(0.7); }
}

/* Calabaza sentada en la esquina inferior izquierda. */
.pc-adornos__calabaza {
	position: absolute;
	left: -48px;
	bottom: -46px;
	width: 84px;
	filter: drop-shadow(0 10px 14px rgba(120, 50, 0, 0.3));
	animation: pc-balanceo 4s ease-in-out infinite;
	transform-origin: 50% 100%;
}

@keyframes pc-balanceo {
	0%, 100% { transform: rotate(-4deg); }
	50% { transform: rotate(4deg); }
}

/* Fantasma que flota en la esquina inferior derecha. */
.pc-adornos__fantasma {
	position: absolute;
	right: -22px;
	bottom: -40px;
	width: 62px;
	filter: drop-shadow(0 12px 14px rgba(42, 17, 71, 0.22));
	animation: pc-flota 3.6s ease-in-out infinite;
}

@keyframes pc-flota {
	0%, 100% { transform: translateY(0) rotate(4deg); }
	50% { transform: translateY(-12px) rotate(-3deg); }
}

@media (max-width: 1400px) {
	.pc-adornos__murcielago--2,
	.pc-adornos__murcielago--3 {
		display: none;
	}
}

@media (max-width: 640px) {
	.pc-adornos {
		bottom: 40px;
	}

	.pc-adornos__arana {
		top: -18px;
		width: 24px;
	}

	.pc-adornos__arana::before {
		height: 60px;
	}

	.pc-adornos__murcielago--1 {
		top: -14px;
		width: 36px;
	}

	.pc-adornos__calabaza {
		left: -12px;
		bottom: -42px;
		width: 38px;
	}

	.pc-adornos__fantasma {
		right: -8px;
		bottom: -36px;
		width: 30px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pc-adornos * {
		animation: none !important;
	}
}