/* =====================================================================
   Espacio Gamer — Pagos: Tienda, Inscripción, Resultado y Premium.
   Archivo: assets/css/eg-pagos.css
   Solo complementa los componentes del sitio (eg-tema.css): cabecera
   .eg-ph, secciones .eg-sec, bloque .eg-ct-bloque (Contacto), .eg-card,
   .eg-chip y .eg-btn. Mismas variables, tipografías y formas.
   ===================================================================== */

.eg-pg [hidden] {
	display: none !important;
}

.eg-pg-cargando {
	margin: 0 0 56px;
	color: var(--eg-texto-3);
}

/* Aviso modo prueba (mismo formato que los avisos de Contacto) */
.eg-ct .eg-pg-aviso {
	margin: 0 0 28px;
	border-left: 4px solid var(--eg-naranja);
	background: var(--eg-naranja-suave);
	color: var(--eg-texto);
}

.eg-pg-sec {
	margin-bottom: 56px;
}

/* ---------- Tarjetas de inscripción (divisiones abiertas) ---------- */
.eg-pg-grilla {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr));
	gap: 18px;
}

.eg-pg-prod {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 22px;
}

.eg-pg-prod-cab {
	display: flex;
	align-items: center;
	gap: 14px;
}

.eg-pg-prod-logo {
	flex: none;
	width: 56px;
	height: 56px;
	padding: 6px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: var(--eg-radio);
	background: var(--eg-card-in);
	object-fit: contain;
}

.eg-pg .eg-pg-prod-tit {
	margin: 8px 0 0 !important;
	padding: 0 !important;
	font-family: var(--eg-f-titulo) !important;
	font-style: italic;
	font-stretch: 75%;
	font-size: 28px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-transform: uppercase;
	color: var(--eg-titulo) !important;
}

.eg-pg .eg-pg-precio {
	margin: 0 !important;
	font-family: var(--eg-f-titulo);
	font-style: italic;
	font-size: 30px;
	font-weight: 900;
	line-height: 1;
	color: var(--eg-naranja);
}

.eg-pg-precio small {
	font-family: var(--eg-f-texto);
	font-style: normal;
	font-size: 13px;
	font-weight: 600;
	color: var(--eg-texto-3);
}

.eg-pg .eg-pg-precio-g {
	margin: 4px 0 20px !important;
	font-size: 40px;
}

.eg-pg-prod .eg-pg-btn {
	width: 100%;
	margin-top: auto;
}

.eg-pg-vacio-card {
	padding: 22px;
}

.eg-pg-vacio-card p {
	margin: 0 !important;
	color: var(--eg-texto-2);
}

.eg-pg-vacio-card a {
	color: var(--eg-naranja);
}

/* ---------- Bloque Premium e Inscripción (sobre .eg-ct-bloque) ---------- */
.eg-pg-lista,
.eg-pg-pasos {
	margin: 0 0 18px !important;
	padding: 0 0 0 20px !important;
	font-size: 15px;
	line-height: 1.6;
	color: var(--eg-texto-2);
}

.eg-pg-lista li,
.eg-pg-pasos li {
	margin: 0 0 6px !important;
}

.eg-pg-lista b {
	color: var(--eg-texto);
}

.eg-pg-lista li::marker,
.eg-pg-pasos li::marker {
	color: var(--eg-naranja);
	font-weight: 800;
}

.eg-pg .eg-pg-activo {
	margin: 0 !important;
	padding: 12px 14px;
	border-left: 4px solid #4ade80;
	border-radius: var(--eg-radio);
	background: rgba(74, 222, 128, .1);
	color: #86efac;
	font-weight: 600;
}

/* Planes Premium */
.eg-pg-planes {
	display: grid;
	gap: 14px;
	align-content: start;
}

.eg-pg-plan {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px 16px;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: var(--eg-radio);
	background: var(--eg-card-in);
	transition: border-color .2s;
}

.eg-pg-plan:hover {
	border-color: rgba(254, 112, 6, .5);
}

.eg-pg-plan-nom {
	display: block;
	font-family: var(--eg-f-titulo);
	font-style: italic;
	font-stretch: 75%;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.05;
	text-transform: uppercase;
	color: var(--eg-titulo);
}

.eg-pg-plan-dias {
	display: block;
	margin-top: 4px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--eg-texto-3);
}

.eg-pg-plan .eg-pg-btn {
	grid-column: 1 / -1;
	width: 100%;
}

/* Formulario de inscripción: casilla del reglamento (el label del
   formulario de Contacto es columna en mayúsculas; aquí va en fila). */
.eg-ct-form label.eg-pg-check {
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
	margin: 4px 0 18px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: var(--eg-texto-2);
}

.eg-pg-check input {
	flex: none;
	width: 18px;
	height: 18px;
	margin: 2px 0 0;
	accent-color: var(--eg-naranja);
}

.eg-pg-check a,
.eg-pg-nota a {
	color: var(--eg-naranja);
}

.eg-pg .eg-pg-msg {
	margin: 0 0 14px !important;
	padding: 12px 14px;
	border-left: 4px solid #ef4444;
	border-radius: var(--eg-radio);
	background: rgba(239, 68, 68, .1);
	color: #fca5a5;
	font-size: 15px;
	font-weight: 600;
}

.eg-pg .eg-pg-msg.eg-pg-msg-ok {
	border-left-color: var(--eg-naranja);
	background: var(--eg-naranja-suave);
	color: var(--eg-texto);
}

.eg-pg .eg-pg-nota {
	margin: 16px 0 0 !important;
	font-size: 13px;
	color: var(--eg-texto-3);
}

/* ---------- Resultado del pago ---------- */
.eg-pg-resultado {
	max-width: 760px;
	margin: 0 0 56px;
	padding: 28px 24px;
}

.eg-pg .eg-pg-res-tit {
	margin: 0 0 14px !important;
	padding: 0 !important;
	font-family: var(--eg-f-titulo) !important;
	font-style: italic;
	font-stretch: 75%;
	font-size: 40px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-transform: uppercase;
	color: var(--eg-titulo) !important;
}

.eg-pg-resultado > p {
	margin: 0 0 20px !important;
	font-size: 16px;
	line-height: 1.6;
	color: var(--eg-texto-2);
}

.eg-pg-resultado-ok {
	border-left: 4px solid #4ade80;
}

.eg-pg-resultado-espera {
	border-left: 4px solid var(--eg-naranja);
}

.eg-pg-resultado-error {
	border-left: 4px solid #ef4444;
}

/* ---------- Perfil público: "Sobre …" y redes ---------- */
.eg-pg-bio {
	margin: 0 0 16px !important;
	font-size: 16px;
	line-height: 1.65;
	color: var(--eg-texto);
}

.eg-pg-redes {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.eg-pg-red,
.eg-pg-red:visited {
	display: inline-flex;
	flex-direction: column;
	padding: 10px 16px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: var(--eg-radio);
	background: var(--eg-card-in);
	text-decoration: none !important;
	transition: border-color .2s, transform .2s var(--eg-suave);
}

.eg-pg-red b {
	font-size: 14px;
	color: var(--eg-titulo);
}

.eg-pg-red span {
	font-size: 13px;
	color: var(--eg-texto-3);
}

.eg-pg-red:hover {
	border-color: var(--eg-naranja);
	transform: translateY(-2px);
}

/* ---------- Mi Perfil: pestaña Premium ---------- */
.eg-pg-panel .eg-pg-panel-estado {
	margin: 0 0 16px !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: var(--eg-texto-2);
}

.eg-pg-panel .eg-pg-panel-estado a {
	font-size: 15px !important;
	text-decoration: none;
}

.eg-pg-panel-estado b {
	color: var(--eg-texto);
}

.eg-pg-panel-estado a {
	color: var(--eg-naranja);
	font-weight: 700;
}

.eg-pg-redes-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
}

.eg-pg-panel .eg-pf-form-acc .eg-pg-msg {
	margin: 0 !important;
	padding: 8px 12px;
	font-size: 13px;
}

@media (min-width: 600px) {
	.eg-pg-redes-form {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 768px) {
	.eg-pg-resultado {
		padding: 36px 36px;
	}
}

@media (min-width: 1024px) {
	.eg-pg-redes-form {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.eg-pg .eg-pg-res-tit {
		font-size: 52px !important;
	}
}

/* Nombres largos (divisiones, planes) nunca se salen de su caja */
.eg-pg .eg-pg-prod-tit,
.eg-pg .eg-ct-info-titulo,
.eg-pg-plan-nom {
	overflow-wrap: anywhere;
}

.eg-pg-bloque .eg-ct-info .eg-ct-info-titulo {
	font-size: clamp(30px, 4vw, 46px) !important;
}

/* Celular: el plan va en columna (nombre, precio, botón) */
@media (max-width: 599px) {
	.eg-pg-plan {
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}
}

/* Botones largos ("Pagar $45.000 con Mercado Pago") bajan de línea en vez de salirse */
.eg-pg .eg-btn {
	max-width: 100%;
	white-space: normal;
	text-align: center;
	line-height: 1.25;
}

/* ---------- Forma de pago (total / 2 partes) ---------- */
.eg-pg-opciones {
	display: grid;
	gap: 10px;
	margin: 4px 0 18px;
	padding: 0;
	border: 0;
}

.eg-pg-opciones legend {
	margin-bottom: 8px;
	padding: 0;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--eg-texto-3);
}

.eg-ct-form label.eg-pg-opcion {
	flex-direction: row;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 14px 16px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: var(--eg-radio);
	background: var(--eg-card-in);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: var(--eg-texto);
	cursor: pointer;
	transition: border-color .2s;
}

.eg-ct-form label.eg-pg-opcion:has(input:checked) {
	border-color: var(--eg-naranja);
	box-shadow: 0 0 0 3px rgba(254, 112, 6, .15);
}

.eg-pg-opcion input {
	flex: none;
	width: 18px;
	height: 18px;
	margin: 2px 0 0;
	accent-color: var(--eg-naranja);
}

.eg-pg-opcion b {
	display: block;
	color: var(--eg-titulo);
}

.eg-ct-form .eg-pg-opcion small {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: var(--eg-texto-2);
}

/* Mi Perfil: aviso de saldo pendiente para el DT */
.eg-pg-aviso-saldo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.eg-pg-aviso-saldo .eg-btn {
	min-height: 42px;
	font-size: 13px;
}

.eg-pg .eg-pg-nota-cuotas {
	margin: 0 0 16px !important;
	font-size: 14px;
	color: var(--eg-texto-2);
}

/* Inscripción por pagar (página de inscripción) */
.eg-pg-deuda {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 18px 24px;
	margin: 0 0 18px;
	padding: 24px;
}

.eg-pg-deuda-txt {
	flex: 1 1 320px;
	min-width: 0;
}

.eg-pg-deuda .eg-pg-res-tit {
	margin: 6px 0 10px !important;
}

.eg-pg-deuda .eg-pg-pasos {
	margin: 0 !important;
}

.eg-pg-deuda > .eg-pg-msg,
.eg-pg-aviso-saldo > .eg-pg-msg {
	flex-basis: 100%;
}

.eg-pg-aviso-saldo .eg-pg-msg {
	margin: 0 !important;
	font-size: 13px;
	font-weight: 600;
}

/* =====================================================================
   ESPACIO COINS — Mi Perfil → Monedas
   ===================================================================== */
.eg-mo-cab {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
}

.eg-mo .eg-mo-saldo {
	margin: 4px 0 8px !important;
	font-family: var(--eg-f-titulo);
	font-style: italic;
	font-size: 48px;
	font-weight: 900;
	line-height: 1;
	color: var(--eg-naranja);
}

.eg-mo-saldo small {
	font-family: var(--eg-f-texto);
	font-style: normal;
	font-size: 15px;
	font-weight: 600;
	color: var(--eg-texto-2);
}

.eg-mo-meta { max-width: 380px; }
.eg-mo-meta small { color: var(--eg-texto-2); font-size: 13px; }

.eg-mo-meta-barra {
	height: 8px;
	margin-bottom: 6px;
	border-radius: 99px;
	background: var(--eg-card-in);
	overflow: hidden;
}

.eg-mo-meta-barra span {
	display: block;
	height: 100%;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--eg-naranja), var(--eg-naranja-claro));
}

.eg-mo-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
	margin-bottom: 24px;
}

.eg-mo-ruleta,
.eg-mo-como {
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: var(--eg-radio);
	background: var(--eg-card-in);
}

.eg-mo-ruleta {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	text-align: center;
}

/* ---- Caja semanal (estilo "abrir caja") ---- */
.eg-mo {
	--c-gris: #b0c3d9;
	--c-celeste: #5e98d9;
	--c-azul: #4b69ff;
	--c-morado: #8847ff;
	--c-rosa: #d32ce6;
	--c-rojo: #eb4b4b;
	--c-oro: #e4ae39;
}

.eg-mo-caja {
	margin-bottom: 20px;
	overflow: hidden;
}

.eg-mo-caja-cab {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 6px 16px;
	width: 100%;
	text-align: left;
}

.eg-mo-caja-cab .eg-mo-sub { margin: 0 !important; }

.eg-mo-ventana {
	position: relative;
	width: 100%;
	padding: 12px 0;
	overflow: hidden;
	border-radius: var(--eg-radio);
	background: #0e0e12;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);
}

.eg-mo-linea {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	z-index: 2;
	width: 3px;
	margin-left: -1.5px;
	background: var(--eg-naranja);
	box-shadow: 0 0 12px 2px rgba(254, 112, 6, .7);
	pointer-events: none;
}

.eg-mo-tira {
	display: flex;
	gap: 8px;
	width: max-content;
	padding: 0 8px;
	will-change: transform;
}

.eg-mo-tile,
.eg-mo-pos {
	--c: var(--c-gris);
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #1c1c23;
	background: radial-gradient(120% 90% at 50% 100%, color-mix(in srgb, var(--c) 38%, transparent), transparent 70%), #1c1c23;
	box-shadow: inset 0 -4px 0 var(--c);
}

.eg-mo-tile {
	flex: 0 0 auto;
	width: 104px;
	height: 112px;
	transition: transform .3s, box-shadow .3s;
}

.eg-mo-tile b {
	font-family: var(--eg-f-titulo);
	font-size: 30px;
	font-weight: 900;
	line-height: 1;
	color: #fff;
}

.eg-mo-tile small {
	margin-top: 4px;
	font-size: 11px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--eg-texto-2);
}

.eg-mo-r-gris { --c: var(--c-gris); }
.eg-mo-r-celeste { --c: var(--c-celeste); }
.eg-mo-r-azul { --c: var(--c-azul); }
.eg-mo-r-morado { --c: var(--c-morado); }
.eg-mo-r-rosa { --c: var(--c-rosa); }
.eg-mo-r-rojo { --c: var(--c-rojo); }
.eg-mo-r-oro { --c: var(--c-oro); }
.eg-mo-r-premium { --c: #fe7006; }
.eg-mo-tile.eg-mo-r-premium { background: linear-gradient(180deg, rgba(254, 112, 6, .28), rgba(228, 174, 57, .12)); }
.eg-mo-tile.eg-mo-r-premium b { color: #ffb347; }

.eg-mo-tile.eg-mo-gana {
	transform: scale(1.06);
	box-shadow: inset 0 -4px 0 var(--c), 0 0 0 2px var(--c), 0 0 28px -2px var(--c);
}

.eg-mo-abierta .eg-mo-ventana { animation: eg-mo-flash .9s ease-out; }

@keyframes eg-mo-flash {
	0% { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 0 0 0 rgba(254, 112, 6, .6); }
	40% { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 0 0 6px rgba(254, 112, 6, .25); }
	100% { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 0 0 0 rgba(254, 112, 6, 0); }
}

.eg-mo-posibles {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(62px, 1fr));
	gap: 6px;
	width: 100%;
}

.eg-mo-pos {
	padding: 8px 4px 10px;
	box-shadow: inset 0 -3px 0 var(--c);
}

.eg-mo-pos b { font-size: 16px; font-weight: 800; color: #fff; }
.eg-mo-pos small { font-size: 11px; color: var(--eg-texto-3); }

/* Botón "Abrir caja": verde, distinto al resto del sitio, con brillo
   que recorre el botón y un pulso suave mientras hay cajas disponibles. */
.eg-mo-btn-abrir,
.eg-mo-btn-abrir:visited {
	position: relative;
	overflow: hidden;
	min-height: 54px;
	padding: 0 34px;
	border-radius: 12px;
	background: linear-gradient(180deg, #4ade80 0%, #16a34a 100%);
	color: #04210f !important;
	font-size: 17px;
	font-weight: 900;
	letter-spacing: .1em;
	box-shadow: 0 4px 0 #0f6b32, 0 10px 26px -8px rgba(34, 197, 94, .8);
	transition: transform .15s, box-shadow .15s, filter .2s;
	animation: eg-mo-pulso 2s ease-in-out infinite;
}

.eg-mo-btn-abrir::after {
	content: "";
	position: absolute;
	top: 0;
	left: -60%;
	width: 40%;
	height: 100%;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .55), transparent);
	transform: skewX(-20deg);
	animation: eg-mo-brillo 2.8s ease-in-out infinite;
	pointer-events: none;
}

.eg-mo-btn-abrir:hover {
	filter: brightness(1.08);
	transform: translateY(-2px);
	color: #04210f !important;
	box-shadow: 0 6px 0 #0f6b32, 0 16px 32px -8px rgba(34, 197, 94, .9);
}

.eg-mo-btn-abrir:active {
	transform: translateY(3px);
	box-shadow: 0 1px 0 #0f6b32, 0 6px 16px -8px rgba(34, 197, 94, .8);
}

.eg-mo-btn-abrir:disabled {
	background: #2a2a31;
	color: var(--eg-texto-3) !important;
	box-shadow: none;
	transform: none;
	filter: none;
	cursor: default;
	animation: none;
}

.eg-mo-btn-abrir:disabled::after { display: none; }

@keyframes eg-mo-pulso {
	0%, 100% { box-shadow: 0 4px 0 #0f6b32, 0 10px 26px -8px rgba(34, 197, 94, .8), 0 0 0 0 rgba(74, 222, 128, .45); }
	50% { box-shadow: 0 4px 0 #0f6b32, 0 10px 26px -8px rgba(34, 197, 94, .8), 0 0 0 10px rgba(74, 222, 128, 0); }
}

@keyframes eg-mo-brillo {
	0%, 55% { left: -60%; }
	100% { left: 130%; }
}

.eg-mo .eg-mo-posibles-tit {
	width: 100%;
	margin: 6px 0 -4px !important;
	font-size: 13px;
	text-align: left;
	color: var(--eg-texto-3);
}

/* Festejo al ganar: fuegos artificiales (canvas) + tarjeta con el premio. */
.eg-mo-caja { position: relative; }

.eg-mo-festejo {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(12, 12, 16, .97);
	background: radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--c, #fe7006) 28%, transparent), transparent 60%), rgba(12, 12, 16, .97);
	animation: eg-mo-aparece .35s ease-out;
}

.eg-mo-festejo[hidden] { display: none; }

.eg-mo-festejo canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.eg-mo-festejo-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px 20px;
	text-align: center;
	animation: eg-mo-salta .6s cubic-bezier(.2, 1.6, .4, 1);
}

.eg-mo-festejo-tit {
	font-family: var(--eg-f-titulo);
	font-size: 22px;
	font-weight: 900;
	font-style: italic;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #fff;
}

.eg-mo-festejo-num {
	font-family: var(--eg-f-titulo);
	font-size: 88px;
	font-weight: 900;
	line-height: 1;
	color: #fff;
	text-shadow: 0 0 24px var(--c, #fe7006), 0 0 60px var(--c, #fe7006), 0 4px 0 rgba(0, 0, 0, .4);
	font-variant-numeric: tabular-nums;
}

.eg-mo-festejo-rar {
	margin: 8px 0 6px;
	padding: 3px 12px;
	border-radius: 99px;
	background: var(--c, #fe7006);
	color: #111;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.eg-mo-festejo-mon {
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--eg-texto-2);
}

.eg-mo .eg-mo-festejo-txt {
	max-width: 30em;
	margin: 12px 0 16px !important;
	font-size: 15px;
	color: var(--eg-texto);
}

.eg-mo-festejo .eg-mo-btn-abrir { min-height: 46px; animation: none; }

@keyframes eg-mo-aparece { from { opacity: 0; } to { opacity: 1; } }
@keyframes eg-mo-salta { 0% { transform: scale(.3); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }

/* Registro "Últimas cajas abiertas". */
.eg-mo-feed ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }

.eg-mo-como.eg-mo-feed li {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	margin: 0 !important;
	padding: 8px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.eg-mo-como.eg-mo-feed li.eg-mo-nuevo { animation: eg-mo-entra .6s ease-out; }
@keyframes eg-mo-entra { from { opacity: 0; transform: translateY(-8px); background: rgba(74, 222, 128, .15); } to { opacity: 1; transform: none; } }

.eg-mo-feed-av img,
.eg-mo-feed-av i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	object-fit: cover;
	background: #2a2a31;
	font-style: normal;
	font-weight: 800;
	color: var(--eg-texto-2);
}

.eg-mo-feed-premium .eg-mo-feed-av img,
.eg-mo-feed-premium .eg-mo-feed-av i { box-shadow: 0 0 0 2px var(--eg-naranja); }

.eg-mo-feed-txt { min-width: 0; font-size: 14px; }
.eg-mo-feed-txt a { color: var(--eg-texto) !important; font-weight: 700; text-decoration: none !important; }
.eg-mo-feed-txt a:hover { color: var(--eg-naranja) !important; }
.eg-mo-feed-txt em {
	margin-left: 4px;
	padding: 1px 7px;
	border-radius: 99px;
	background: var(--eg-naranja);
	color: #111;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	vertical-align: 1px;
}
.eg-mo-feed-txt small { display: block; font-size: 12px; color: var(--eg-texto-3); }
.eg-mo-como.eg-mo-feed li > b { font-size: 16px; font-weight: 900; color: var(--c); white-space: nowrap; }

@media (min-width: 900px) {
	.eg-mo-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

@media (max-width: 600px) {
	.eg-mo-festejo-num { font-size: 64px; }
	.eg-mo-caja { padding: 16px 12px; }
	.eg-mo-caja .eg-btn { width: 100%; white-space: normal; }
	.eg-mo-tile { width: 84px; height: 96px; }
	.eg-mo-tile b { font-size: 24px; }
}

@media (prefers-reduced-motion: reduce) {
	.eg-mo-tira { transition-duration: 1ms !important; }
	.eg-mo-btn-abrir, .eg-mo-btn-abrir::after { animation: none !important; }
}

.eg-mo .eg-mo-ruleta-txt { margin: 0 !important; font-size: 14px; color: var(--eg-texto-2); }

.eg-mo .eg-mo-sub {
	margin: 0 0 12px !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--eg-texto-3);
}

.eg-mo-como ul,
.eg-mo-movs {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.eg-mo-como li,
.eg-mo-movs li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 !important;
	padding: 9px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	font-size: 14px;
	color: var(--eg-texto-2);
}

.eg-mo-como li b { color: var(--eg-naranja); white-space: nowrap; }
.eg-mo .eg-mo-tope { margin: 12px 0 0 !important; font-size: 13px; color: var(--eg-texto-3); }

.eg-mo-movs li span { min-width: 0; }
.eg-mo-movs li span b { color: var(--eg-texto); }
.eg-mo-movs li small { display: block; color: var(--eg-texto-3); font-size: 12px; }
.eg-mo-mas { color: #86efac; white-space: nowrap; }
.eg-mo-menos { color: #fca5a5; white-space: nowrap; }
.eg-mo .eg-mo-legal { margin: 16px 0 0 !important; font-size: 12px; color: var(--eg-texto-3); }

.eg-pg .eg-pg-saldo-coins { margin: 0 !important; font-size: 14px; color: var(--eg-texto-2); }
.eg-pg-saldo-coins a { color: var(--eg-naranja); }
.eg-pg .eg-pg-intro-sec { margin: -6px 0 18px !important; max-width: 46em; color: var(--eg-texto-2); }
.eg-pg-plan .eg-btn-sec { grid-column: 1 / -1; width: 100%; }

@media (min-width: 900px) {

}


/* =====================================================================
   PACK FUNDADOR (Tienda)
   ===================================================================== */
.eg-fd-cab { max-width: 46em; margin-bottom: 18px; }

.eg-pg .eg-fd-tit {
	margin: 4px 0 8px !important;
	font-family: var(--eg-f-titulo);
	font-size: clamp(32px, 6vw, 52px);
	font-weight: 900;
	font-style: italic;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
}

.eg-fd-tit span {
	background: linear-gradient(135deg, #fbe3a0, #d9a93e 55%, #fe7006);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.eg-pg .eg-fd-intro { margin: 0 !important; color: var(--eg-texto-2); }

.eg-fd-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
}

.eg-fd-pack {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 22px;
	border-radius: var(--eg-radio);
	background: radial-gradient(circle at 80% 0%, rgba(254, 112, 6, .22), rgba(0, 0, 0, 0) 55%), var(--eg-card);
	box-shadow: inset 0 0 0 1px rgba(217, 169, 62, .45), var(--eg-sombra);
}

.eg-fd-pack--vit {
	background: radial-gradient(circle at 80% 0%, rgba(217, 169, 62, .3), rgba(0, 0, 0, 0) 55%), linear-gradient(170deg, #1a1408, var(--eg-card) 60%);
	box-shadow: inset 0 0 0 2px #d9a93e, 0 18px 44px -18px rgba(217, 169, 62, .6);
}

.eg-fd-cupos {
	align-self: flex-start;
	padding: 4px 10px;
	border-radius: 99px;
	background: #fe7006;
	color: #111;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em;
}

.eg-fd-cupos.eg-fd-agotado { background: #3a3a42; color: var(--eg-texto-2); }

.eg-fd-nom {
	font-family: var(--eg-f-titulo);
	font-size: 26px;
	font-weight: 900;
	font-style: italic;
	text-transform: uppercase;
	color: #f6cf6a;
}

.eg-fd-precio { display: flex; align-items: baseline; gap: 10px; }
.eg-fd-precio s { color: var(--eg-texto-3); font-size: 16px; }
.eg-fd-precio strong { font-family: var(--eg-f-titulo); font-size: 40px; font-weight: 900; color: #fff; }

.eg-pg .eg-fd-lista {
	margin: 0 !important;
	padding: 0 0 0 18px !important;
	color: var(--eg-texto-2);
}

.eg-fd-lista li { margin: 4px 0 !important; }
.eg-fd-lista b { color: var(--eg-texto); }
.eg-fd-pack .eg-btn { margin-top: auto; }
.eg-pg .eg-fd-nota { margin: 12px 0 0 !important; font-size: 13px; color: var(--eg-texto-3); }

@media (min-width: 800px) {
	.eg-fd-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---- Inscripción: elegir el plan del club (Estándar / Premium / Ultra) ---- */
.eg-pg-insc { flex-wrap: wrap; }
.eg-pg-iplanes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 10px;
	width: 100%;
	margin: 12px 0 4px;
}
.eg-pg-iplanes--grande { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.eg-pg-iplan {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px 14px;
	border-radius: 10px;
	background: rgba(255, 255, 255, .04);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
	cursor: pointer;
	transition: box-shadow .15s, background .15s;
}
.eg-pg-iplan input { position: absolute; opacity: 0; pointer-events: none; }
.eg-pg-iplan.is-sel { background: rgba(254, 112, 6, .08); box-shadow: inset 0 0 0 2px #fe7006; }
.eg-pg-iplan--ultra.is-sel { background: rgba(246, 207, 106, .08); box-shadow: inset 0 0 0 2px #f6cf6a; }
.eg-pg-iplan:focus-within { outline: 2px solid rgba(254, 112, 6, .6); outline-offset: 2px; }
.eg-pg-iplan-cab { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.eg-pg-iplan-cab b { font-family: 'Saira', sans-serif; font-size: 17px; font-style: italic; font-weight: 900; text-transform: uppercase; }
.eg-pg-iplan--premium .eg-pg-iplan-cab b { color: #fe7006; }
.eg-pg-iplan--ultra .eg-pg-iplan-cab b { color: #f6cf6a; }
.eg-pg-iplan-cab em { font-style: normal; font-size: 16px; font-weight: 800; white-space: nowrap; }
.eg-pg-iplan-dif { font-size: 12px; color: #9a9aa6; }
.eg-pg-iplan ul { margin: 4px 0 0; padding: 0 0 0 16px; font-size: 13px; line-height: 1.4; color: #c9c9d2; }
.eg-pg-iplan li { margin: 2px 0; }
.eg-pg-insc .eg-pg-deuda-txt > span { color: #d6d6de; }
.eg-pg-insc .eg-pg-deuda-txt > span b { color: #ffffff; }
.eg-pg-iplan { align-items: stretch; text-align: left; color: #f3f3f3; }
.eg-pg-iplan-cab em { color: #ffffff; }

/* ---- Tarjeta o transferencia ---- */
.eg-pg-medios { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px; width: 100%; margin: 12px 0 0; }
.eg-pg-medio {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 9px 12px;
	border-radius: 8px;
	background: rgba(255, 255, 255, .04);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
	cursor: pointer;
	color: #f3f3f3;
	text-align: left;
}
.eg-pg-medio input { position: absolute; opacity: 0; pointer-events: none; }
.eg-pg-medio b { font-size: 14px; }
.eg-pg-medio small { font-size: 12px; color: #9a9aa6; }
.eg-pg-medio.is-sel { background: rgba(254, 112, 6, .08); box-shadow: inset 0 0 0 2px #fe7006; }
.eg-pg-medio:focus-within { outline: 2px solid rgba(254, 112, 6, .6); outline-offset: 2px; }
.eg-pg-transf {
	width: 100%;
	margin: 12px 0 4px;
	padding: 14px 16px;
	box-sizing: border-box;
	border-radius: 10px;
	background: rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 0 1px rgba(246, 207, 106, .35);
	color: #f3f3f3;
	text-align: left;
}
.eg-pg-transf[hidden] { display: none !important; }
.eg-pg-transf-tit { margin: 0 0 8px !important; font-size: 15px; }
.eg-pg-transf-tit b { color: #f6cf6a; font-size: 18px; }
.eg-pg-transf-datos { padding: 10px 12px; border-radius: 8px; background: rgba(255, 255, 255, .05); font-size: 14px; line-height: 1.55; user-select: all; }
.eg-pg-transf-nota { margin: 10px 0 12px !important; font-size: 12px; color: #9a9aa6; }
.eg-pg-transf-pend { display: block; margin-top: 8px; padding: 8px 10px; border-radius: 8px; background: rgba(246, 207, 106, .1); color: #f6cf6a !important; font-size: 13px; }
.eg-pg-transf-caja { width: 100%; }

/* ---- Fichajes pagados: bloque de pago en la plantilla y en el aviso del jugador ---- */
.eg-fjp {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	padding: 10px 12px;
	border-radius: 8px;
	background: rgba(254, 112, 6, .06);
	box-shadow: inset 0 0 0 1px rgba(254, 112, 6, .25);
	color: #f3f3f3;
	text-align: left;
}
.eg-fjp-precio { font-family: 'Saira', sans-serif; font-size: 20px; font-style: italic; font-weight: 900; color: #fe7006; }
.eg-fjp-ok { color: #4ade80; }
.eg-fjp-txt { flex: 1 1 220px; font-size: 13px; color: #c9c9d2; }
.eg-fjp-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.eg-fjp-btns .eg-btn { min-height: 38px; padding: 0 14px !important; font-size: 12px !important; }
.eg-fjp .eg-pg-transf-pend, .eg-fjp .eg-pg-transf-caja, .eg-fjp .eg-pg-msg { flex-basis: 100%; }
.eg-fila-pago-fichaje td { padding-top: 0 !important; }
.eg-fjp-aviso { flex-direction: column; align-items: stretch; gap: 10px; }

/* ---- Aporte voluntario y muro de agradecimiento ---- */
.eg-pg-aporte { display: flex; flex-direction: column; gap: 14px; padding: 22px !important; }
.eg-pg-aporte-txt { margin: 0 !important; max-width: 720px; font-size: 15px; line-height: 1.6; color: #d6d6de; }
.eg-pg-aporte-montos { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.eg-pg-aporte-monto {
	position: relative;
	padding: 10px 16px;
	border-radius: 8px;
	background: rgba(255, 255, 255, .04);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
	font-weight: 800;
	color: #f3f3f3;
	cursor: pointer;
}
.eg-pg-aporte-monto input { position: absolute; opacity: 0; pointer-events: none; }
.eg-pg-aporte-monto.is-sel { background: rgba(254, 112, 6, .1); box-shadow: inset 0 0 0 2px #fe7006; }
.eg-pg-aporte-monto:focus-within { outline: 2px solid rgba(254, 112, 6, .6); outline-offset: 2px; }
.eg-pg-aporte-otro { display: flex; align-items: center; gap: 6px; font-size: 14px; color: #c9c9d2; }
.eg-pg-aporte-otro input { width: 110px; height: 40px; padding: 0 10px; border: 0; border-radius: 8px; background: #121215; color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }
.eg-pg-aporte-muro { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #c9c9d2; }
.eg-pg-aporte-btns { display: flex; flex-wrap: wrap; gap: 10px; }
.eg-pg-muro { margin-top: 18px; }
.eg-pg-muro-tit { margin: 0 0 10px !important; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #f6cf6a; }
.eg-pg-muro-lista { display: flex; flex-wrap: wrap; gap: 8px; }
.eg-pg-muro-item {
	padding: 6px 12px;
	border-radius: 6px;
	background: rgba(246, 207, 106, .08);
	box-shadow: inset 0 0 0 1px rgba(246, 207, 106, .3);
	color: #f3f3f3 !important;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
}
a.eg-pg-muro-item:hover { background: rgba(246, 207, 106, .16); }
.eg-mo-gracias { margin: 0 0 10px !important; font-size: 13px; color: #c9c9d2; }

/* ---- Tabla pública de tarifas de fichajes [eg_tarifas_fichajes] ---- */
.eg-fjt-wrap { overflow-x: auto; }
.eg-fjt { width: 100%; border-collapse: collapse; font-size: 14px; color: #f3f3f3; }
.eg-fjt th, .eg-fjt td { padding: 12px 14px; border: 1px solid rgba(255, 255, 255, .08); text-align: left; }
.eg-fjt thead th { border-bottom: 2px solid #fe7006; font-weight: 800; }