/* Mu-Shiland - tema Halloween de la portada.
   Para quitarlo: borra la linea que carga halloween.css en templates/default/index.php. */

.hero-stage {
	background: #05060a url('../img/halloween-hero-bg.jpg') center 38% / cover no-repeat;
	border-bottom-color: rgba(255, 120, 20, 0.45);
}

/* Sombra a la izquierda (para leer el texto) + telarana en la esquina superior izquierda */
.hero-stage::before {
	background:
		url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='none' stroke='%23d8d8d8' stroke-opacity='.55' stroke-width='1'><path d='M0 0L200 0M0 0L190 70M0 0L150 150M0 0L70 190M0 0L0 200'/><path d='M40 0Q35 30 0 40M80 0Q70 60 0 80M120 0Q100 100 0 120M160 0Q130 130 0 160'/></g></svg>") left top / 230px 230px no-repeat,
		linear-gradient(90deg, rgba(2, 2, 6, 0.80) 0%, rgba(2, 2, 6, 0.46) 34%, rgba(2, 2, 6, 0.10) 62%, rgba(2, 2, 6, 0.34) 100%),
		linear-gradient(180deg, rgba(0, 0, 0, 0.18) 40%, rgba(4, 2, 2, 0.82) 100%);
}

/* Murcielagos volando (tres capas con velocidades distintas) */
.hero-stage::after {
	position: absolute;
	inset: 0;
	z-index: 1;
	content: '';
	pointer-events: none;
	background-image:
		url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'><path fill='%23050308' d='M32 10c-2 0-3 2-4 4-3-3-8-5-14-4 3 2 4 5 4 8-4-1-8 0-12 3 5 0 8 2 10 5 2-3 6-4 9-2 1-3 3-5 7-5s6 2 7 5c3-2 7-1 9 2 2-3 5-5 10-5-4-3-8-4-12-3 0-3 1-6 4-8-6-1-11 1-14 4-1-2-2-4-4-4z'/></svg>"),
		url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'><path fill='%23050308' d='M32 10c-2 0-3 2-4 4-3-3-8-5-14-4 3 2 4 5 4 8-4-1-8 0-12 3 5 0 8 2 10 5 2-3 6-4 9-2 1-3 3-5 7-5s6 2 7 5c3-2 7-1 9 2 2-3 5-5 10-5-4-3-8-4-12-3 0-3 1-6 4-8-6-1-11 1-14 4-1-2-2-4-4-4z'/></svg>"),
		url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'><path fill='%23050308' d='M32 10c-2 0-3 2-4 4-3-3-8-5-14-4 3 2 4 5 4 8-4-1-8 0-12 3 5 0 8 2 10 5 2-3 6-4 9-2 1-3 3-5 7-5s6 2 7 5c3-2 7-1 9 2 2-3 5-5 10-5-4-3-8-4-12-3 0-3 1-6 4-8-6-1-11 1-14 4-1-2-2-4-4-4z'/></svg>");
	background-repeat: no-repeat;
	background-size: 70px 35px, 46px 23px, 34px 17px;
	background-position: -100px 22%, -100px 12%, -100px 32%;
	animation: halloweenBats 22s linear infinite;
}

@keyframes halloweenBats {
	0%   { background-position: -100px 22%, -240px 12%, -420px 32%; }
	50%  { background-position: 55% 14%, 40% 26%, 70% 8%; }
	100% { background-position: calc(100% + 120px) 24%, calc(100% + 120px) 10%, calc(100% + 120px) 30%; }
}

/* Brasas anaranjadas mas visibles + resplandor del titulo */
.hero-stage__embers i { background: #ffb347; box-shadow: 0 0 9px #ff7a1a; width: 3px; height: 3px; }
.hero-copy h1 strong { filter: drop-shadow(0 0 14px rgba(255, 120, 20, 0.5)); }
.hero-kicker { color: #ff9a3c; }

/* Resplandor de luna sobre el castillo/demonio */
.hero-stage__shade {
	background: radial-gradient(ellipse at 62% 0%, rgba(255, 190, 80, 0.20), transparent 60%);
	height: 260px;
}

.hero-character--demon {
	filter: drop-shadow(-28px 20px 38px rgba(0, 0, 0, 0.78)) drop-shadow(0 0 28px rgba(255, 110, 10, 0.35));
}

@media (max-width: 760px) {
	.hero-stage { background-position: 62% center; }
	.hero-stage::after { background-size: 46px 23px, 32px 16px, 24px 12px; }
}

@media (prefers-reduced-motion: reduce) {
	.hero-stage::after { animation: none; opacity: 0; }
}

/* ===== Paginas internas (Registro, Rankings, Descargas, Tienda, Comunidad, Soporte, usercp...) ===== */
body.is-inner-page {
	background:
		linear-gradient(rgba(2, 2, 6, 0.80), rgba(4, 3, 4, 0.95)),
		url('../img/halloween-hero-bg.jpg') center top / cover fixed no-repeat;
}

/* Telarana fija en la esquina + murcielagos cruzando, sin tapar clics */
body.is-inner-page::before {
	position: fixed;
	inset: 0;
	z-index: 0;
	content: '';
	pointer-events: none;
	background-image:
		url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='none' stroke='%23d8d8d8' stroke-opacity='.4' stroke-width='1'><path d='M0 0L200 0M0 0L190 70M0 0L150 150M0 0L70 190M0 0L0 200'/><path d='M40 0Q35 30 0 40M80 0Q70 60 0 80M120 0Q100 100 0 120M160 0Q130 130 0 160'/></g></svg>"),
		url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'><path fill='%23050308' d='M32 10c-2 0-3 2-4 4-3-3-8-5-14-4 3 2 4 5 4 8-4-1-8 0-12 3 5 0 8 2 10 5 2-3 6-4 9-2 1-3 3-5 7-5s6 2 7 5c3-2 7-1 9 2 2-3 5-5 10-5-4-3-8-4-12-3 0-3 1-6 4-8-6-1-11 1-14 4-1-2-2-4-4-4z'/></svg>"),
		url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'><path fill='%23050308' d='M32 10c-2 0-3 2-4 4-3-3-8-5-14-4 3 2 4 5 4 8-4-1-8 0-12 3 5 0 8 2 10 5 2-3 6-4 9-2 1-3 3-5 7-5s6 2 7 5c3-2 7-1 9 2 2-3 5-5 10-5-4-3-8-4-12-3 0-3 1-6 4-8-6-1-11 1-14 4-1-2-2-4-4-4z'/></svg>");
	background-repeat: no-repeat;
	background-size: 200px 200px, 54px 27px, 36px 18px;
	background-position: left top, -100px 18%, -100px 30%;
	animation: halloweenBatsInner 26s linear infinite;
}

@keyframes halloweenBatsInner {
	0%   { background-position: left top, -100px 18%, -300px 30%; }
	100% { background-position: left top, calc(100% + 120px) 22%, calc(100% + 120px) 34%; }
}

/* Resplandor naranja en titulos de pagina, detalles de menu y bordes */
.page-title span, .page-title { text-shadow: 0 0 14px rgba(255, 120, 20, 0.35); }
.primary-nav a.is-active { color: #ffb347; text-shadow: 0 0 10px rgba(255, 120, 20, 0.5); }
.primary-nav a:hover { color: #ff9a3c; }
.site-header { border-bottom-color: rgba(255, 120, 20, 0.35); }

@media (prefers-reduced-motion: reduce) {
	body.is-inner-page::before { animation: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='none' stroke='%23d8d8d8' stroke-opacity='.4'><path d='M0 0L200 0M0 0L190 70M0 0L150 150M0 0L70 190M0 0L0 200'/></g></svg>"); background-size: 200px 200px; }
}