/* =========================================================
   Tema dinámico (colores)
   ========================================================= */
:root{--we-primary:#d4a017;--we-primary-light:#f0c85a;--we-primary-dark:#d4a017;--we-accent:#ff6a00;--we-bg:#0b0e14;--we-bg-glass:rgba(18, 22, 31, 0.72);--we-border-glow:rgba(212, 160, 23, 0.35);--we-glow:0 0 24px rgba(212, 160, 23, 0.35);--we-glow-sm:0 0 12px rgba(212, 160, 23, 0.25);--we-radius:12px;--we-radius-sm:8px;--we-btn-bg:linear-gradient(135deg, #d4a017, #f0c85a);--we-btn-bg-hover:linear-gradient(135deg, #f0c85a, #ff6a00);--we-btn-radius:12px;}body.we-body{background-color:var(--we-bg)!important;}.panel,.panel-sidebar,.we-home-news{background:var(--we-bg-glass)!important;}.panel,.we-home-news{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.we-btn-primary,.btn-primary{background:var(--we-btn-bg)!important;border-color:var(--we-primary-light)!important;border-radius:var(--we-btn-radius)!important;box-shadow:var(--we-glow-sm)!important;}.we-btn-primary:hover,.btn-primary:hover{background:var(--we-btn-bg-hover)!important;box-shadow:var(--we-glow)!important;}.we-home-widgets .we-widget-rankings-level{order:1;}.we-home-widgets .we-widget-rankings-guilds{order:2;}.we-home-widgets .we-widget-events{order:3;}.we-home-widgets{display:flex;flex-wrap:wrap;}.we-home-widgets>[class*="col-"]{display:flex;flex-direction:column;}

/* =========================================================
   Hero, tarjetas, apertura, online e invasión
   ========================================================= */
	/* =========================================================
	   HERO FINAL
	   FILA 1:
	   DESCARGAS | DISCORD | WHATSAPP | SERVER | EXP | MASTER | DROP

	   FILA 2:
	   ONLINE
	========================================================= */

	.we-hero-main {
		position: relative;
		z-index: 5;
		width: 100%;
		max-width: none;
	}

	.we-hero-actions-fullrow {
		margin-top: 28px;
		display: flex;
		align-items: stretch;
		flex-wrap: nowrap;
		gap: 10px;
		width: max-content;
		max-width: none;
		transform-origin: top left;
	}

	.we-hero-actions-fullrow .we-hero-cta {
		display: flex;
		align-items: stretch;
		flex-wrap: nowrap;
		gap: 10px;
		margin: 0;
	}

	.we-hero-actions-fullrow .we-hero-cta .we-btn {
		flex: 0 0 auto;
	}

	.we-hero-inline-stats {
		display: flex;
		align-items: stretch;
		flex-wrap: nowrap;
		gap: 8px;
	}

	.we-hero-stat-card {
		display: flex;
		align-items: center;
		flex: 0 0 auto;

		height: 54px;
		padding: 7px 10px;

		background: linear-gradient(
			135deg,
			rgba(45,30,3,.92),
			rgba(15,10,2,.88)
		);

		border: 1px solid rgba(255,210,0,.85);
		border-radius: 8px;

		box-shadow:
			0 0 8px rgba(255,200,0,.18),
			0 5px 16px rgba(0,0,0,.35),
			inset 0 1px 0 rgba(255,230,120,.08);

		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px);
	}

	.we-hero-stat-card--server { min-width: 150px; }
	.we-hero-stat-card--exp    { min-width: 110px; }
	.we-hero-stat-card--master { min-width: 145px; }
	.we-hero-stat-card--drop   { min-width: 90px; }

	.we-hero-stat-icon {
		flex: 0 0 auto;
		width: 25px;
		height: 25px;
		margin-right: 8px;

		display: flex;
		align-items: center;
		justify-content: center;

		color: #ffd400;
		border: 1px solid rgba(255,210,0,.45);
		border-radius: 6px;
		background: rgba(255,190,0,.08);
	}

	.we-hero-stat-content {
		display: flex;
		flex-direction: column;
		line-height: 1;
		white-space: nowrap;
	}

	.we-hero-stat-label {
		margin-bottom: 5px;
		color: #ffd83d;

		font-family: 'Inter', sans-serif;
		font-size: 15px;
		font-weight: 700;
		letter-spacing: .65px;
		white-space: nowrap;
	}

	.we-hero-stat-value {
		color: #f4ead4;

		font-family: 'Orbitron', sans-serif;
		font-size: 11px;
		font-weight: 600;
		line-height: 1.15;
		white-space: nowrap;

		text-shadow: 0 2px 5px rgba(0,0,0,.8);
	}

	/* =========================================================
	   ONLINE DEBAJO DE LA FILA
	========================================================= */

	.we-hero-online-row {
		margin-top: 14px;
		margin-left: 500px;
		width: max-content;
		transform-origin: top left;
	}

	.we-hero-online-card {
		display: flex;
		align-items: center;

		width: 250px;
		height: 96px;
		padding: 12px 16px;

		background: linear-gradient(
			135deg,
			rgba(21,14,4,.92),
			rgba(6,5,2,.88)
		);

		border: 1px solid rgba(225,170,44,.45);
		border-radius: 9px;

		box-shadow:
			0 6px 18px rgba(0,0,0,.38),
			inset 0 1px 0 rgba(255,220,120,.05);

		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px);
	}

	.we-hero-online-orb {
		flex: 0 0 auto;

		width: 50px;
		height: 50px;
		margin-right: 16px;

		display: flex;
		align-items: center;
		justify-content: center;

		border-radius: 50%;
		border: 2px solid rgba(20,225,121,.45);
		background: rgba(0,80,42,.16);
	}

	.we-hero-online-dot {
		width: 14px;
		height: 14px;

		border-radius: 50%;
		background: #19e781;

		box-shadow:
			0 0 8px rgba(25,231,129,.9),
			0 0 16px rgba(25,231,129,.38);
	}

	.we-hero-online-content {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}

	.we-hero-online-label {
		margin-bottom: 4px;

		color: #60ff00;
		font-family: 'Inter', sans-serif;
		font-size: 12px;
		font-weight: 800;
		letter-spacing: 1.4px;
		white-space: nowrap;
	}

	.we-hero-online-value {
		color: #19e781;
		font-family: 'Orbitron', sans-serif;
		font-size: 25px;
		font-weight: 600;
		line-height: 1;
	}

	.we-hero-online-capacity {
		margin-top: 7px;
		width: 128px;
	}

	/*.we-hero-online-track {
		width: 100%;
		height: 4px;
		overflow: hidden;

		border-radius: 5px;
		background: rgba(255,255,255,.10);
	}*/

	.we-hero-online-fill {
		height: 100%;
		border-radius: inherit;
		background: #19e781;
	}

	.we-hero-online-captext {
		display: block;
		margin-top: 4px;

		color: #3dff00;
		font-family: 'Orbitron', sans-serif;
		font-size: 9px;
		white-space: nowrap;
	}

	.we-hero-online-live {
		margin-top: 4px;

		color: #19e781;
		font-family: 'Inter', sans-serif;
		font-size: 15px;
		font-weight: 700;
		letter-spacing: .8px;
	}

	/* =========================================================
	   RESPONSIVE:
	   escala la fila completa y ONLINE juntos.
	   No hace wrap ni cambia el orden.
	========================================================= */

	@media (max-width: 1500px) {
		.we-hero-actions-fullrow {
			transform: scale(.90);
		}
		.we-hero-online-row {
			margin-left: 450px;
			transform: scale(.90);
		}
	}

	@media (max-width: 1280px) {
		.we-hero-actions-fullrow {
			transform: scale(.78);
		}
		.we-hero-online-row {
			margin-left: 390px;
			transform: scale(.78);
		}
	}

	@media (max-width: 1050px) {
		.we-hero-actions-fullrow {
			transform: scale(.64);
		}
		.we-hero-online-row {
			margin-top: 5px;
			margin-left: 320px;
			transform: scale(.64);
		}
	}

	@media (max-width: 820px) {
		.we-hero-actions-fullrow {
			transform: scale(.50);
		}
		.we-hero-online-row {
			margin-top: -4px;
			margin-left: 250px;
			transform: scale(.50);
		}
	}

	@media (max-width: 650px) {
		.we-hero-actions-fullrow {
			transform: scale(.40);
		}
		.we-hero-online-row {
			margin-top: -10px;
			margin-left: 200px;
			transform: scale(.40);
		}
	}

	@media (max-width: 520px) {
		.we-hero-actions-fullrow {
			transform: scale(.32);
		}
		.we-hero-online-row {
			margin-top: -16px;
			margin-left: 160px;
			transform: scale(.32);
		}
	}

	/* =========================================================
	   HOME INVASION WIDGET
	   Negro/dorado del template + verde solo cuando esta ACTIVA
	========================================================= */

	.we-hero-layout {
		position: relative;
	}

	.we-home-invasion {

		z-index: 15;

		right: 0;
		bottom: 14px;

		width: 380px;
		min-height: 188px;
		padding: 14px;

		box-sizing: border-box;

		background:
			linear-gradient(
				145deg,
				rgba(17,12,5,.97),
				rgba(5,5,3,.97)
			);

		border: 1px solid rgba(216,162,30,.65);
		border-radius: 9px;

		box-shadow:
			0 8px 25px rgba(0,0,0,.48),
			inset 0 1px 0 rgba(255,220,120,.05);

		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);

		transition:
			border-color .25s ease,
			box-shadow .25s ease;

position: relative;
top: -95px;
left: 770px;
z-index: 20;
}

	.we-home-invasion.is-active {
		border-color: rgba(0,229,132,.95);

		box-shadow:
			0 0 12px rgba(0,229,132,.22),
			0 0 25px rgba(0,229,132,.10),
			0 8px 25px rgba(0,0,0,.50);

		animation:
			weHomeInvGlow
			1.7s
			ease-in-out
			infinite
			alternate;
	}

	@keyframes weHomeInvGlow {
		from {
			box-shadow:
				0 0 8px rgba(0,229,132,.15),
				0 8px 25px rgba(0,0,0,.50);
		}
		to {
			box-shadow:
				0 0 18px rgba(0,229,132,.36),
				0 0 32px rgba(0,229,132,.10),
				0 8px 25px rgba(0,0,0,.50);
		}
	}

	.we-home-invasion-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;

		margin-bottom: 10px;
	}

	.we-home-invasion-label {
		color: #ffd83d;

		font-family: 'Inter', sans-serif;
		font-size: 15px;
		font-weight: 800;
		letter-spacing: .7px;
		text-transform: uppercase;
	}

	.we-home-invasion.is-active .we-home-invasion-label {
		color: #25ee94;

		text-shadow:
			0 0 6px rgba(37,238,148,.28);
	}

	.we-home-invasion-dot {
		width: 8px;
		height: 8px;

		flex: 0 0 auto;

		border-radius: 50%;

		background: #d7a629;

		box-shadow:
			0 0 8px rgba(215,166,41,.35);
	}

	.we-home-invasion.is-active .we-home-invasion-dot {
		background: #1bea87;

		box-shadow:
			0 0 8px rgba(27,234,135,.85),
			0 0 15px rgba(27,234,135,.35);
	}

	.we-home-invasion-content {
		display: flex;
		align-items: center;
		gap: 15px;
	}

	.we-home-invasion-imagebox {
		width: 105px;
		height: 112px;

		flex: 0 0 105px;

		display: flex;
		align-items: center;
		justify-content: center;

		padding: 6px;

		box-sizing: border-box;

		background:
			radial-gradient(
				circle,
				rgba(255,195,35,.10),
				rgba(5,5,3,.92) 72%
			);

		border:
			1px solid rgba(216,162,30,.55);

		border-radius: 7px;
	}

	.we-home-invasion.is-active .we-home-invasion-imagebox {
		border-color:
			rgba(0,215,125,.80);

		background:
			radial-gradient(
				circle,
				rgba(0,210,125,.10),
				rgba(5,5,3,.94) 72%
			);
	}

	.we-home-invasion-image {
		max-width: 100%;
		max-height: 100%;

		object-fit: contain;

		filter:
			drop-shadow(
				0 4px 8px rgba(0,0,0,.50)
			);
	}

	.we-home-invasion-info {
		flex: 1;
		min-width: 0;
	}

	.we-home-invasion-name {
		margin-bottom: 3px;

		color: #ffd83d;

		font-family: 'Poppins', sans-serif;
		font-size: 17px;
		font-weight: 800;
		line-height: 1.05;

		text-transform: uppercase;
	}

	.we-home-invasion.is-active .we-home-invasion-name {
		color: #29ef96;
	}

	.we-home-invasion-map {
		overflow: hidden;

		margin-bottom: 8px;

		color: #8d887f;

		font-family: 'Inter', sans-serif;
		font-size: 7px;

		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.we-home-invasion-times {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;

		margin-bottom: 7px;
	}

	.we-home-invasion-timebox {
		min-width: 56px;

		padding: 5px 6px;

		box-sizing: border-box;

		background: rgba(15,10,3,.90);

		border:
			1px solid rgba(155,112,12,.38);

		border-radius: 4px;
	}

	.we-home-invasion-timebox span {
		display: block;

		color: #6f6a62;

		font-family: 'Inter', sans-serif;
		font-size: 5px;

		text-transform: uppercase;
	}

	.we-home-invasion-timebox strong {
		display: block;

		margin-top: 2px;

		color: #ffd83d;

		font-family: 'Orbitron', sans-serif;
		font-size: 8px;
		font-weight: 600;
	}

	.we-home-invasion.is-active
	.we-home-invasion-timebox strong {
		color: #28ee96;
	}

	.we-home-invasion-monsters {
		margin-top: 2px;
	}

	.we-home-invasion-monsterhead {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;

		margin-bottom: 4px;
	}

	.we-home-invasion-monsterhead span {
		color: #777169;

		font-family: 'Inter', sans-serif;
		font-size: 6px;

		text-transform: uppercase;
	}

	.we-home-invasion-monsterhead strong {
		color: #f0e7d3;

		font-family: 'Orbitron', sans-serif;
		font-size: 8px;
	}

	.we-home-invasion.is-active
	.we-home-invasion-monsterhead strong {
		color: #2aec95;
	}

	.we-home-invasion-track {
		width: 100%;
		height: 4px;

		overflow: hidden;

		background:
			rgba(255,255,255,.08);

		border-radius: 10px;
	}

	.we-home-invasion-fill {
		width: 100%;
		height: 100%;

		border-radius: inherit;

		background:
			linear-gradient(
				to right,
				#b78300,
				#ffd83d
			);

		transition:
			width .3s ease,
			background .3s ease;
	}

	.we-home-invasion.is-active
	.we-home-invasion-fill {
		background:
			linear-gradient(
				to right,
				#00a861,
				#2aec95
			);
	}

	.we-home-invasion-footer {
		display: flex;
		align-items: center;
		justify-content: flex-end;

		margin-top: 8px;
	}

	.we-home-invasion-more {
		display: inline-flex;
		align-items: center;
		gap: 5px;

		color: #ffd83d !important;

		font-family: 'Poppins', sans-serif;
		font-size: 15px;
		font-weight: 800;

		text-decoration: none !important;

		text-transform: uppercase;

		transition:
			color .2s ease,
			transform .2s ease;
	}

	.we-home-invasion.is-active
	.we-home-invasion-more {
		color: #2aec95 !important;
	}

	.we-home-invasion-more:hover {
		transform: translateX(2px);
	}

	/* ---------------------------------------------------------
	   Responsive del widget.
	   Se mantiene fijo a la derecha en escritorio y baja
	   debajo del hero en pantallas pequeñas.
	--------------------------------------------------------- */

	@media (max-width: 1280px) {
		.we-home-invasion {
			width: 320px;
			transform: scale(.92);
			transform-origin: bottom right;
		}
	}

	@media (max-width: 1050px) {
		.we-home-invasion {
			width: 300px;
			transform: scale(.82);
		}
	}

	@media (max-width: 820px) {
		.we-home-invasion {
			position: relative;

			right: auto;
			bottom: auto;

			width: 100%;
			min-height: 0;

			margin-top: 18px;

			transform: none;
		}
	}

/* =========================================================
   HUD HORARIO - SOLO REDUCIR ALTURA EXTERIOR
   NO TOCA RELOJ, TEXTOS, ICONOS NI FECHA
========================================================= */

.we-hud-arcane {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.we-hud-arcane-frame {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* Si el espacio viene del contenedor interior */
.we-hud-arcane-inner {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* =========================================
   TAMAÑOS DE LETRA - WIDGET INVASIÓN
========================================= */

/* INVASIÓN EN CURSO / PRÓXIMA INVASIÓN */
.we-home-invasion-label {
    font-size: 13px !important;
}

/* RED DRAGON / MINI ZAIKAN / etc. */
.we-home-invasion-name {
    font-size: 18px !important;
}

/* Lorencia / Noria / Devias */
.we-home-invasion-map {
    font-size: 12px !important;
}

/* INICIO / FINALIZA / RESTANTE */
.we-home-invasion-time small {
    font-size: 15px !important;
}

/* 01:30 / 01:40 / contador */
.we-home-invasion-time strong {
    font-size: 17px !important;
}

/* MONSTERS RESTANTES */
.we-home-invasion-monsters {
    font-size: 15px !important;
}

/* 3 / 3 */
.we-home-invasion-monsters strong {
    font-size: 13px !important;
}

/* MÁS INFO */
.we-home-invasion-more {
    font-size: 15px !important;
}

.we-home-invasion-name {
    font-size: 20px !important;
}

.we-home-invasion-time small {
    font-size: 15px !important;
}

.we-home-invasion-time strong {
    font-size: 15px !important;
}

.we-home-invasion-monsters {
    font-size: 15px !important;
}

/* =========================================================
   AGRANDAR TEXTOS PEQUEÑOS DEL WIDGET
========================================================= */

/* INICIO / FINALIZA / RESTANTE */
.we-home-invasion-times small {
    font-size: 12px !important;
    line-height: 1.2 !important;
}

/* Los valores: 01:30 / 01:40 / 00:03:21 */
.we-home-invasion-times strong {
    font-size: 13px !important;
    line-height: 1.2 !important;
}

/* INICIO / FINALIZA / RESTANTE */
.we-home-invasion-timebox span {
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* HORAS: 01:40 / 01:50 / 00:09:51 */
.we-home-invasion-timebox strong {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* MONSTERS RESTANTES */
.we-home-invasion-monsterhead span {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* CANTIDAD: 75 / 75 */
.we-home-invasion-monsterhead strong {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* =========================================================
   MOBILE FIX - HOME MU FRONTERA
   ========================================================= */

@media (max-width: 820px) {

    /* =====================================
       HERO
       ===================================== */

    .we-hero {
        min-height: auto !important;
        height: auto !important;
        padding-bottom: 25px !important;
    }

    .we-hero-layout {
        display: block !important;
        width: 100% !important;
    }

    .we-hero-main {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* =====================================
       TITULO
       ===================================== */

    .we-hero-title {
        font-size: 46px !important;
        line-height: 1.05 !important;
    }

    .we-hero-subtitle {
        width: 100% !important;
        max-width: 100% !important;

        font-size: 18px !important;
        line-height: 1.55 !important;
    }

    /* =====================================
       FILA BOTONES + SERVER INFO
       QUITAMOS SCALE
       ===================================== */

    .we-hero-actions-fullrow {
        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 12px !important;

        margin-top: 22px !important;
    }

    /* =====================================
       BOTONES
       ===================================== */

    .we-hero-actions-fullrow .we-hero-cta {
        width: 100% !important;

        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 8px !important;
    }

    .we-hero-actions-fullrow .we-hero-cta .we-btn {
        width: 100% !important;
        min-width: 0 !important;

        padding: 12px 5px !important;

        font-size: 11px !important;

        justify-content: center !important;
    }

    /* =====================================
       SERVER VERSION / EXP / MASTER / DROP
       ===================================== */

    .we-hero-inline-stats {
        width: 100% !important;

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;
    }

    .we-hero-stat-card,
    .we-hero-stat-card--server,
    .we-hero-stat-card--exp,
    .we-hero-stat-card--master,
    .we-hero-stat-card--drop {
        width: 100% !important;
        min-width: 0 !important;

        height: 58px !important;

        box-sizing: border-box !important;
    }

    .we-hero-stat-label {
        font-size: 10px !important;
    }

    .we-hero-stat-value {
        font-size: 9px !important;
    }

    /* =====================================
       ONLINE
       ===================================== */

    .we-hero-online-row {
        transform: none !important;

        margin: 15px 0 0 0 !important;

        width: 100% !important;
    }

    .we-hero-online-card {
        width: 100% !important;
        height: auto !important;
        min-height: 88px !important;

        box-sizing: border-box !important;
    }

    .we-hero-online-capacity {
        width: 100% !important;
        max-width: 190px !important;
    }

    /* =====================================
       WIDGET INVASION
       MUY IMPORTANTE:
       RESET TOP / LEFT
       ===================================== */

    .we-home-invasion {
        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 0 !important;

        margin: 18px 0 0 0 !important;

        padding: 16px !important;

        box-sizing: border-box !important;
    }

    .we-home-invasion-content {
        gap: 15px !important;
    }

    .we-home-invasion-imagebox {
        width: 115px !important;
        height: 125px !important;

        flex: 0 0 115px !important;
    }

    .we-home-invasion-name {
        font-size: 20px !important;
    }

    .we-home-invasion-map {
        font-size: 11px !important;
    }

    .we-home-invasion-timebox {
        min-width: 62px !important;
    }

    .we-home-invasion-timebox span {
        font-size: 8px !important;
    }

    .we-home-invasion-timebox strong {
        font-size: 11px !important;
    }

    .we-home-invasion-monsterhead span {
        font-size: 9px !important;
    }

    .we-home-invasion-monsterhead strong {
        font-size: 12px !important;
    }

    /* =====================================
       HUD HORARIO
       ===================================== */

    .we-hud-arcane {
        margin-top: 20px !important;
        padding: 0 15px !important;
    }

    .we-hud-arcane .we-container {
        width: 100% !important;
        padding: 0 !important;
    }

    .we-hud-arcane-frame {
        width: 100% !important;
    }

    .we-hud-arcane-inner {
        padding: 18px !important;
    }

    .we-hud-segment-time {
        display: flex !important;
        align-items: center !important;
    }

    .we-hud-clocks-row {
        display: grid !important;

        grid-template-columns:
            1fr 1fr !important;

        gap: 20px !important;

        width: 100% !important;
    }

    .we-hud-clock-sep {
        display: none !important;
    }

    .we-hud-clock-value {
        font-size: 18px !important;
    }

    .we-hud-label {
        font-size: 9px !important;
    }

    .we-hud-clock-date {
        font-size: 9px !important;
    }

}

/* =========================================================
   TELEFONOS MÁS PEQUEÑOS
   ========================================================= */

@media (max-width: 520px) {

    .we-hero-title {
        font-size: 38px !important;
    }

    .we-hero-subtitle {
        font-size: 16px !important;
    }

    /* botones en 3 columnas */
    .we-hero-actions-fullrow .we-hero-cta {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

    /* server info 2x2 */
    .we-hero-inline-stats {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    /* invasion */
    .we-home-invasion-content {
        align-items: center !important;
    }

    .we-home-invasion-imagebox {
        width: 100px !important;
        height: 115px !important;

        flex-basis: 100px !important;
    }

    /* HUD uno debajo del otro */
    .we-hud-clocks-row {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

}

	

/* =========================================================
   GRAND OPENING COUNTDOWN - MU FRONTERA
   Seguro: bloque independiente, NO modifica Online/Invasiones
   ========================================================= */
.we-launch-countdown-wrap {
    margin-top: 14px;
    margin-left: 0;
    width: 480px;
    transform-origin: top left;
}
.we-launch-countdown {
    width: 480px;
    min-height: 96px;
    padding: 12px 14px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: linear-gradient(135deg,rgba(28,18,4,.95),rgba(7,6,3,.93));
    border: 1px solid rgba(225,170,44,.55);
    border-radius: 9px;
    box-shadow: 0 6px 18px rgba(0,0,0,.38),0 0 14px rgba(255,190,20,.08),inset 0 1px 0 rgba(255,220,120,.05);
}
.we-launch-countdown-info { min-width: 150px; }
.we-launch-countdown-kicker {
    margin-bottom: 4px;color:#b98b22;font-family:'Inter',sans-serif;font-size:15px;font-weight:800;letter-spacing:1.35px;text-transform:uppercase;white-space:nowrap;
}
.we-launch-countdown-title {
    color:#ffd83d;font-family:'Poppins',sans-serif;font-size:16px;font-weight:800;line-height:1.1;text-transform:uppercase;text-shadow:0 0 7px rgba(255,205,30,.18);
}
.we-launch-countdown-sub {
    margin-top:5px;color:#ffffff;font-family:'Inter',sans-serif;font-size:10px;font-weight:600;line-height:1.35;
}
.we-launch-countdown-boxes { display:flex;align-items:stretch;gap:5px; }
.we-launch-countdown-box {
    width:57px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    background:linear-gradient(180deg,rgba(51,34,5,.94),rgba(13,9,2,.96));
    border:1px solid rgba(225,170,44,.50);border-radius:7px;
    box-shadow:inset 0 1px 0 rgba(255,220,100,.07),0 3px 9px rgba(0,0,0,.30);
}
.we-launch-countdown-box strong {
    display:block;color:#ffd83d;font-family:'Orbitron',sans-serif;font-size:25px;font-weight:700;line-height:1;text-shadow:0 0 7px rgba(255,205,30,.18);
}
.we-launch-countdown-box span {
    display:block;margin-top:6px;color:#ffffff;font-family:'Inter',sans-serif;font-size:8px;font-weight:800;letter-spacing:.55px;text-transform:uppercase;
}
.we-launch-countdown.is-open { border-color:rgba(25,231,129,.55); }
.we-launch-countdown.is-open .we-launch-countdown-title,
.we-launch-countdown.is-open .we-launch-countdown-box strong { color:#19e781; }
.we-launch-countdown.is-open .we-launch-countdown-box { border-color:rgba(25,231,129,.35);background:linear-gradient(180deg,rgba(5,42,25,.85),rgba(5,12,8,.96)); }

@media (max-width:1500px){ .we-launch-countdown-wrap{transform:scale(.90);} }
@media (max-width:1280px){ .we-launch-countdown-wrap{transform:scale(.78);} }
@media (max-width:1050px){ .we-launch-countdown-wrap{transform:scale(.64);margin-top:5px;} }
@media (max-width:820px){
    .we-launch-countdown-wrap{transform:none!important;width:100%!important;margin:15px 0 0 0!important;}
    .we-launch-countdown{width:100%!important;min-height:96px!important;}
}
@media (max-width:520px){
    .we-launch-countdown{display:block!important;padding:14px!important;}
    .we-launch-countdown-info{text-align:center;margin-bottom:10px;}
    .we-launch-countdown-boxes{justify-content:center;}
    .we-launch-countdown-box{width:23%!important;max-width:62px;}
}

/* =========================================================
   POSICION LIBRE DEL COUNTDOWN
   Alineado por defecto con ONLINE / INVASIONES.

   SOLO CAMBIA ESTOS 2 VALORES SI QUIERES MOVERLO:
   --we-launch-x : izquierda / derecha
   --we-launch-y : arriba / abajo
   ========================================================= */

.we-launch-countdown-wrap {
    --we-launch-x: 0px;
    --we-launch-y: 118px;

    position: relative !important;
    left: var(--we-launch-x) !important;
    top: var(--we-launch-y) !important;
    z-index: 25 !important;
}

/*
   Ejemplos:
   derecha  = --we-launch-x: 30px;
   izquierda= --we-launch-x: -30px;
   abajo    = --we-launch-y: 140px;
   arriba   = --we-launch-y: 90px;
*/

/* En móvil vuelve al flujo normal para no desordenar el HOME */
@media (max-width: 820px) {
    .we-launch-countdown-wrap {
        left: 0 !important;
        top: 0 !important;
    }
}

/* =========================================================
   FILA DE WIDGETS HOME - MU FRONTERA
   GRAND OPENING | ONLINE | STREAM | INVASION
   ========================================================= */
.we-hero-widgets-row {
    position: relative;
    z-index: 30;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    width: max-content;
    max-width: none;
    margin-top: 118px;
    transform-origin: top left;
}

/* Anula los offsets manuales viejos SOLO dentro de esta fila */
.we-hero-widgets-row .we-launch-countdown-wrap,
.we-hero-widgets-row .we-hero-online-row,
.we-hero-widgets-row .we-home-invasion,
.we-hero-widgets-row .muf-stream-mini {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
}

.we-hero-widgets-row .we-launch-countdown-wrap {
    width: 480px !important;
    flex: 0 0 480px;
}
.we-hero-widgets-row .we-launch-countdown {
    width: 480px !important;
}

.we-hero-widgets-row .we-hero-online-row {
    width: 250px !important;
    flex: 0 0 250px;
}
.we-hero-widgets-row .we-hero-online-card {
    width: 250px !important;
}

.we-hero-widgets-row .muf-stream-mini {
    width: 235px !important;
    flex: 0 0 235px;
}

.we-hero-widgets-row .we-home-invasion {
    width: 380px !important;
    flex: 0 0 380px;
    min-height: 188px;
}

/* Escalado de la fila completa para que los 4 widgets entren juntos */
@media (max-width: 1750px) {
    .we-hero-widgets-row { transform: scale(.82); }
}
@media (max-width: 1500px) {
    .we-hero-widgets-row { transform: scale(.72); }
}
@media (max-width: 1280px) {
    .we-hero-widgets-row { transform: scale(.62); }
}
@media (max-width: 1050px) {
    .we-hero-widgets-row { transform: scale(.52); }
}

/* En móvil se apilan sin offsets ni escalado */
@media (max-width: 820px) {
    .we-hero-widgets-row {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 18px 0 0 0 !important;
        gap: 12px !important;
        transform: none !important;
    }

    .we-hero-widgets-row .we-launch-countdown-wrap,
    .we-hero-widgets-row .we-launch-countdown,
    .we-hero-widgets-row .we-hero-online-row,
    .we-hero-widgets-row .we-hero-online-card,
    .we-hero-widgets-row .muf-stream-mini,
    .we-hero-widgets-row .we-home-invasion {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   Menú desplegable
   ========================================================= */
    .we-market-dropdown {
        position: relative !important;
        overflow: visible !important;
    }

    .we-market-dropdown > a {
        cursor: pointer;
    }

    .we-market-submenu {
        display: none !important;
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;

        width: 170px !important;
        min-width: 170px !important;

        margin: 0 !important;
        padding: 6px !important;

        list-style: none !important;

        background: #120c04 !important;
        border: 1px solid #b88121 !important;
        border-radius: 6px !important;

        box-shadow: 0 10px 25px rgba(0,0,0,.8) !important;

        z-index: 999999 !important;
    }

    .we-market-dropdown:hover > .we-market-submenu {
        display: block !important;
    }

    .we-market-submenu > li {
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .we-market-submenu > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;

        width: 100% !important;
        height: auto !important;

        padding: 10px 12px !important;
        margin: 0 !important;

        color: #d8ccb6 !important;
        background: transparent !important;

        border-radius: 5px !important;

        text-decoration: none !important;
        white-space: nowrap !important;

        transition: all .2s ease !important;
    }

    .we-market-submenu > li > a:hover {
        color: #ffd66a !important;
        background: rgba(218,157,34,.15) !important;
    }

    .we-market-submenu i {
        color: #d59b2b !important;
    }

/* =========================================================
   Tarjeta de stream
   ========================================================= */
/* =========================================================
   MU FRONTERA - STREAM LIVE MINI CARD
   ========================================================= */

.muf-stream-mini {
    width: 235px;
    min-height: 118px;
    box-sizing: border-box;

    padding: 12px 14px;

    background:
        radial-gradient(
            circle at top right,
            rgba(255, 196, 0, .08),
            transparent 45%
        ),
        linear-gradient(
            180deg,
            rgba(18, 13, 5, .96),
            rgba(8, 6, 3, .97)
        );

    border: 1px solid #9b7100;
    border-radius: 7px;

    box-shadow:
        0 0 14px rgba(212, 161, 0, .12),
        inset 0 0 12px rgba(255, 190, 0, .025);

    color: #fff;
    font-family: inherit;
}

/* LIVE */

.muf-stream-mini-live {
    display: flex;
    align-items: center;
    gap: 6px;

    margin-bottom: 7px;

    color: #ff4242;

    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.muf-stream-mini-dot {
    width: 8px;
    height: 8px;

    flex: 0 0 8px;

    border-radius: 50%;

    background: #ff3030;

    box-shadow:
        0 0 4px #ff3030,
        0 0 9px rgba(255, 48, 48, .65);

    animation: mufStreamPulse 1.2s infinite;
}

@keyframes mufStreamPulse {

    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: .45;
        transform: scale(.78);
    }
}

/* NOMBRE */

.muf-stream-mini-name {
    color: #ffd23c;

    font-size: 15px;
    line-height: 18px;

    font-weight: 900;
    text-transform: uppercase;
}

.muf-stream-mini-platform {
    margin-left: 5px;

    color: #53fc18;

    font-size: 10px;
    font-weight: 900;
}

/* TITULO */

.muf-stream-mini-title {
    margin-top: 3px;

    max-width: 200px;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #c9bea5;

    font-size: 10px;
}

/* VIEWERS */

.muf-stream-mini-viewers {
    margin-top: 5px;

    color: #e8dcc0;

    font-size: 10px;
}

/* BOTON */

.muf-stream-mini-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 8px;

    min-width: 105px;
    height: 25px;

    padding: 0 10px;

    box-sizing: border-box;

    border: 1px solid #d49c00;
    border-radius: 4px;

    background:
        linear-gradient(
            180deg,
            #d69d0c,
            #805a00
        );

    box-shadow:
        inset 0 1px rgba(255,255,255,.15);

    color: #110c02 !important;

    font-size: 9px;
    font-weight: 900;

    text-decoration: none !important;
    text-transform: uppercase;

    transition: .18s ease;
}

.muf-stream-mini-button:hover {
    filter: brightness(1.15);
    transform: translateY(-1px);

    color: #000 !important;
}

/* =========================================================
   Página de invasiones (módulo invasiones)
   ========================================================= */
.inv-wrapper{width:100%}.inv-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.92fr) minmax(0,.92fr);gap:14px;margin-bottom:18px}.inv-hero-main,.inv-next{position:relative;min-height:315px;overflow:hidden;box-sizing:border-box;background:linear-gradient(145deg,#100c06,#070604);border:1px solid #5d4200;border-radius:11px;box-shadow:0 10px 30px rgba(0,0,0,.4)}.inv-hero-main{padding:36px}.inv-hero-main:before{content:'';position:absolute;width:310px;height:310px;right:-110px;bottom:-150px;border-radius:50%;border:34px solid rgba(255,200,0,.035);pointer-events:none}.inv-server{display:inline-flex;padding:7px 13px;margin-bottom:21px;border:1px solid #594000;border-radius:30px;color:#e4ba38;background:rgba(255,190,0,.04);font-size:9px;font-weight:900;letter-spacing:1px}.inv-main-title{margin:0;color:#fff;font-size:42px;font-weight:900;line-height:.98;text-transform:uppercase}.inv-main-subtitle{margin-top:16px;color:#a69c8f;font-size:13px}.inv-clock{display:inline-flex;align-items:center;gap:12px;margin-top:27px;padding:10px 14px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.07);border-radius:7px;color:#978d80;font-size:9px}.inv-clock strong{color:#fff;font-size:14px}
.inv-next{padding:22px}.inv-current-box{border-color:#00c977!important;box-shadow:0 0 15px rgba(0,255,145,.23),0 10px 30px rgba(0,0,0,.45)}.inv-current-box .inv-next-label{color:#39f2a1;text-shadow:0 0 5px rgba(57,242,161,.3)}.inv-current-box .inv-next-name{color:#35f5a1}.inv-current-box .inv-next-image{border-color:#00ad69;box-shadow:0 0 10px rgba(0,255,145,.12)}.inv-current-box .inv-time-box strong{color:#32f39e}.inv-next-box{border-color:#604500}.inv-next-box .inv-next-label{color:#d4ae38}.inv-next-box .inv-next-name{color:#ffd33e}.inv-next-label{color:#c2b7a7;font-size:14px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.inv-next-content{display:flex;align-items:center;gap:17px;margin-top:17px}.inv-next-image{width:125px;height:145px;flex:0 0 125px;object-fit:contain;padding:5px;box-sizing:border-box;background:radial-gradient(circle,rgba(255,190,0,.1),#070604);border:1px solid #604500;border-radius:10px}.inv-next-name{margin-bottom:7px;color:#ffd33e;font-size:24px;font-weight:900;line-height:1.05;text-transform:uppercase}.inv-next-map{color:#978d81;font-size:10px}.inv-next-time{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.inv-time-box{padding:8px 10px;background:#120d05;border:1px solid #4e3908;border-radius:6px}.inv-time-box span{display:block;color:#776f64;font-size:6px;text-transform:uppercase}.inv-time-box strong{display:block;margin-top:2px;color:#ffd44a;font-size:12px}
.inv-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;padding:13px;background:#0b0805;border:1px solid #493606;border-radius:9px}.inv-filter-buttons{display:flex;flex-wrap:wrap;gap:7px}.inv-filter{padding:8px 13px;color:#9d9387;background:#110d07;border:1px solid #493507;border-radius:6px;font-size:13px;font-weight:800;cursor:pointer}.inv-filter.active,.inv-filter:hover{color:#ffe15a;background:#211705;border-color:#8b6400}.inv-filter[data-filter="active"].active{color:#31f39d;border-color:#00a863;background:rgba(0,150,90,.1)}.inv-filter[data-filter="boss"].active,.inv-filter[data-filter="boss"]:hover{color:#ff6b6b;border-color:#8f1d1d;background:rgba(130,15,15,.16)}.inv-search{width:260px;max-width:100%;box-sizing:border-box;padding:9px 12px;outline:none;color:#ddd;background:#070604;border:1px solid #493606;border-radius:6px}.inv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.inv-stat{padding:15px;background:#0b0805;border:1px solid #403005;border-radius:8px}.inv-stat strong{color:#ffd448;font-size:20px}.inv-stat span{margin-left:7px;color:#8c8378;font-size:9px;text-transform:uppercase}#invActiveCount{color:#33ed9b}
.inv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.inv-card{min-width:0;overflow:hidden;position:relative;background:#0b0805;border:1px solid #493606;border-radius:10px;transition:transform .2s,border-color .2s,box-shadow .2s}.inv-card:hover{transform:translateY(-3px);border-color:#9c7000}.inv-card.is-active{border-color:#00d87e!important;animation:invasionGlow 1.5s ease-in-out infinite alternate}@keyframes invasionGlow{from{box-shadow:0 0 8px rgba(0,255,145,.2),0 0 15px rgba(0,255,145,.08)}to{box-shadow:0 0 18px rgba(0,255,145,.55),0 0 35px rgba(0,255,145,.16)}}.inv-card.is-active .inv-status{color:#04140c;background:linear-gradient(#42ffac,#00c873);border-color:#00ff91;box-shadow:0 0 10px rgba(0,255,145,.45)}
.inv-card-image-wrap{position:relative;height:220px;overflow:hidden;background:radial-gradient(circle at center,#211707,#050403 70%)}.inv-card-image{width:100%;height:100%;object-fit:contain;box-sizing:border-box;padding:18px;transition:transform .25s,filter .25s}.inv-card:hover .inv-card-image{transform:scale(1.05)}.inv-card.is-active .inv-card-image{filter:drop-shadow(0 0 12px rgba(0,255,145,.3))}.inv-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,4,3,.98),rgba(5,4,3,.15) 60%,transparent)}.inv-type,.inv-status{position:absolute;top:11px;padding:5px 8px;border-radius:4px;font-size:14px;font-weight:900;text-transform:uppercase}.inv-type{left:11px;color:#ffd64a;background:rgba(45,32,0,.92);border:1px solid #705000}.inv-status{right:11px;color:#c8a744;background:rgba(40,30,5,.92);border:1px solid #634900}.inv-card-heading{position:absolute;left:15px;right:15px;bottom:14px}.inv-card-name{color:#fff;font-size:20px;font-weight:900;line-height:1;text-transform:uppercase}.inv-card-boss{margin-top:5px;color:#c89e30;font-size:9px;text-transform:uppercase}.inv-card-body{padding:14px}.inv-info-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px;color:#958b7e;font-size:13px}.inv-info-row strong{max-width:68%;color:#d8c8a3;text-align:right}.inv-card-next{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;padding:11px;background:#100c06;border:1px solid #3d2e08;border-radius:6px}.inv-card.is-active .inv-card-next{background:rgba(0,75,45,.14);border-color:rgba(0,215,125,.35)}.inv-small-label{color:#ffbf00;font-size:13px;text-transform:uppercase}.inv-card-hour{margin-top:2px;color:#ffd64a;font-size:17px;font-weight:900}.inv-card-count{color:#7CFF6B;font-size:14px;font-weight:900}.inv-card.is-active .inv-card-hour,.inv-card.is-active .inv-card-count{color:#39f2a1}.inv-card[data-filter="boss"] .inv-type{color:#ff8f8f;background:rgba(70,8,8,.92);border-color:#8d2525}.inv-card[data-filter="boss"] .inv-card-boss{color:#ff7777}.inv-card[data-filter="boss"]:hover{border-color:#a72b2b;box-shadow:0 0 18px rgba(180,30,30,.12)}
.inv-card-monsters{display:none;margin:11px 0 12px;padding:10px;background:rgba(0,80,48,.08);border:1px solid rgba(0,210,125,.18);border-radius:6px}.inv-card.is-active .inv-card-monsters{display:block}.inv-card-monster-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.inv-card-monster-head span{color:#827a70;font-size:7px;text-transform:uppercase}.inv-card-monster-head strong{color:#38f1a0;font-size:12px}.inv-schedule{margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.05)}.inv-schedule-title,.inv-rewards-title{margin-bottom:7px;color:#ffee00;font-size:16px;font-weight:900;text-transform:uppercase}.inv-schedule-list{display:flex;flex-wrap:wrap;gap:5px}.inv-schedule-time{padding:4px 6px;color:#ff0000;background:#000000;border:1px solid #ff0000;border-radius:3px;font-size:16px}.inv-reward{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;color:#ffe7c9;font-size:14px;line-height:1.4}.inv-reward-rate{min-width:31px;color:#ffd64a;font-weight:900}
@media(max-width:950px){.inv-hero{grid-template-columns:1fr}.inv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.inv-grid,.inv-stats{grid-template-columns:1fr}.inv-toolbar{flex-direction:column;align-items:stretch}.inv-search{width:100%}.inv-main-title{font-size:32px}.inv-next-content{flex-direction:column;align-items:flex-start}}

/* =========================================================
   MEJORAS DEL TEMPLATE FRONTERA
   ========================================================= */

/* Ítem activo del menú */
#navbar > ul > li.active > a {
	color: var(--we-primary-light, #f0c85a) !important;
}
#navbar > ul > li.active > a .we-icon-nav { color: var(--we-primary, #d4a017); }

/* Flecha de submenú */
.we-submenu-caret { margin-left: 4px; opacity: .7; transition: transform .2s ease; }
.we-has-submenu:hover .we-submenu-caret,
.we-has-submenu.we-submenu-open .we-submenu-caret { transform: rotate(180deg); }

/* Submenú: también abre por clic/teclado (móvil y accesibilidad) */
.we-market-dropdown.we-submenu-open > .we-market-submenu,
.we-market-dropdown:focus-within > .we-market-submenu { display: block !important; }
@media (hover: none) {
	.we-market-dropdown:hover > .we-market-submenu { display: none !important; }
	.we-market-dropdown.we-submenu-open > .we-market-submenu { display: block !important; }
}
@media (max-width: 991px) {
	.we-nav .we-market-submenu {
		position: static !important;
		transform: none !important;
		width: 100% !important;
		min-width: 0 !important;
		box-shadow: none !important;
		margin-top: 4px !important;
	}
}

/* Texto oculto en pantallas chicas */
@media (max-width: 575px) { .we-hide-sm { display: none; } }

/* Invasión en portada: estado de carga */
.we-home-invasion-wait { color: #857e73; font-size: 10px; padding: 6px 0; }

/* Widgets de portada */
.we-rank-pos { color: var(--we-text-dim, #5c6478); font-weight: 700; width: 32px; }
.we-rank-row-1 .we-rank-pos { color: #ffd700; }
.we-rank-row-2 .we-rank-pos { color: #c0c0c0; }
.we-rank-row-3 .we-rank-pos { color: #cd7f32; }
.we-guild-logo img { width: 20px; height: 20px; image-rendering: pixelated; }
.we-widget-empty { color: var(--we-text-muted, #8b93a7); text-align: center; padding: 18px 0; margin: 0; }
.we-info-value {
	color: var(--we-info-color, #fff);
	font-weight: 700;
	text-shadow: 0 0 8px var(--we-info-color, transparent);
}
.we-home-welcome { margin-bottom: 14px; color: var(--we-text, #e8eaef); }

/* Banner de registro responsive */
.sidebar-banner-join img { width: 100%; height: auto; display: block; }

/* Foco visible para teclado */
.we-body a:focus-visible,
.we-body button:focus-visible,
.we-body input:focus-visible {
	outline: 2px solid var(--we-primary-light, #f0c85a);
	outline-offset: 2px;
}

/* Respetar "reducir movimiento" */
@media (prefers-reduced-motion: reduce) {
	.we-hero-particles, .we-hero-shimmer, .we-hero-glow-orb { display: none !important; }
	*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Monsters sin contador configurado */
.inv-card-monster-value.is-static { color: #c9bea5; }