/* Premium visible (assets/css/eg-premium-visible.css): verificado + fila Premium (opción C). */
.eg-pv-verif-w {
	display: inline-flex;
	align-items: center;
	margin-left: 4px;
	vertical-align: -2px;
	line-height: 1;
}

.eg-pv-verif {
	flex: none;
	color: #1d9bf0;
}

/* Fila: tono dorado parejo (el mismo en cada celda, sin franjas) + barra a la izquierda. */
tr.eg-pv-fila > td,
tr.eg-pv-fila > th {
	background-image: linear-gradient(rgba(217, 169, 62, .07), rgba(217, 169, 62, .07)) !important;
}

tr.eg-pv-fila > :first-child {
	box-shadow: inset 3px 0 0 #d9a93e;
}

/* Foto con borde dorado. */
img.eg-pv-foto {
	box-shadow: 0 0 0 2px #e2b04a;
}

/* Sello PREMIUM junto al nombre (solo si hay espacio). */
.eg-pv-sello {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 6px;
	border-radius: 4px;
	background: linear-gradient(135deg, #fbe3a0, #d9a93e 60%, #b58422);
	color: #2a1d04;
	font-family: 'Barlow', system-ui, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: 900;
	letter-spacing: .12em;
	line-height: 1.5;
	vertical-align: 2px;
	white-space: nowrap;
}

@media (max-width: 640px) {
	.eg-pv-sello {
		display: none;
	}
}

/* Chip dorado "★ Premium" del perfil. */
.eg-cl-chip.eg-jp-chip-premium {
	background: linear-gradient(135deg, #fbe3a0, #d9a93e 60%, #b58422) !important;
	color: #2a1d04 !important;
	border-color: transparent !important;
	font-weight: 800;
}

/* Verificado en el título de la página del club. */
.eg-cl-nombre .eg-cl-verif {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	color: #1d9bf0;
}

/* =====================================================================
   EXCLUSIVOS DEL PASE (visibles para todos)
   ===================================================================== */

/* Marco Halloween T25: el naranjo y morado del borde de la carta Noche de
   Brujas, girando alrededor de la foto, con un brillo leve detrás. */
@property --egx-giro {
	syntax: '<angle>';
	inherits: false;
	initial-value: 0deg;
}

@keyframes egx-gira {
	to { --egx-giro: 360deg; }
}

.egx-aura,
.egx-aura-foto {
	position: relative;
	isolation: isolate;
}

.egx-aura {
	display: inline-block;
	flex: none;
	line-height: 0;
	border-radius: var(--egx-r, 8px);
}

.egx-aura > img {
	position: relative;
	z-index: 1;
	box-shadow: none !important;
}

/* «Marco con fondo»: la noche morada del tema detrás de la foto (fotos PNG). */
.egx-aura.egx-aura-fondo > img {
	/* Mismo fondo que la carta Noche de Brujas (estrellas, resplandor y noche morada). */
	background:
		radial-gradient(1px 1px at 70% 14%, #fff, transparent),
		radial-gradient(1px 1px at 18% 28%, #e9d8ff, transparent),
		radial-gradient(1px 1px at 84% 40%, #fff, transparent),
		radial-gradient(90% 50% at 50% 100%, rgba(57, 255, 136, .18), transparent 60%),
		linear-gradient(175deg, #1b0b33 0%, #2b1150 45%, #0d0618 100%) !important;
}

.egx-aura-foto {
	overflow: visible !important;
}

.egx-aura-foto > img,
.egx-aura-foto > span {
	position: relative;
	z-index: 1;
}

.egx-aura--halloween::before {
	content: "";
	position: absolute;
	inset: -2px;
	z-index: 0;
	/* Mismas esquinas que la foto + el grosor del marco: el borde queda parejo en las 4 esquinas. */
	border-radius: calc(var(--egx-r, 8px) + 2px);
	/* Dos zonas moradas opuestas (como el borde de la carta) que giran sobre el naranjo. */
	background: conic-gradient(from var(--egx-giro), #fe7006, #9b5cff 14%, #5b1fa8 22%, #fe7006 36%, #ffb347 50%, #fe7006 64%, #9b5cff 78%, #5b1fa8 86%, #fe7006);
	animation: egx-gira 4s linear infinite;
}

.egx-aura-foto.egx-aura--halloween::before {
	inset: -4px;
	border-radius: 22px;
}

.egx-aura--halloween::after {
	content: "";
	position: absolute;
	inset: -6px;
	z-index: -1;
	border-radius: calc(var(--egx-r, 8px) + 6px);
	background: conic-gradient(from var(--egx-giro), #fe7006, #9b5cff, #fe7006);
	filter: blur(6px);
	opacity: .45;
	animation: egx-gira 4s linear infinite;
}

.egx-aura-foto.egx-aura--halloween::after {
	inset: -12px;
	border-radius: 28px;
	filter: blur(12px);
}

@media (prefers-reduced-motion: reduce) {
	.egx-aura--halloween::before,
	.egx-aura--halloween::after {
		animation: none;
	}
}

/* Portada Noche de Brujas T25 (cabecera del perfil). */
.eg-jp-hero.egx-portada--brujas {
	position: relative;
	background:
		radial-gradient(70% 45% at 78% 100%, rgba(254, 112, 6, .42), transparent 70%),
		linear-gradient(170deg, #1b0b33, #2b1150 55%, #0d0618) !important;
}

.egx-portada--brujas .eg-cl-blur {
	display: none !important;
}

.egx-portada .eg-ph-contenido {
	position: relative;
	z-index: 1;
}

.egx-deco {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
	background:
		radial-gradient(1px 1px at 8% 20%, #fff, transparent),
		radial-gradient(1px 1px at 22% 40%, #e9d8ff, transparent),
		radial-gradient(1.5px 1.5px at 35% 12%, #fff, transparent),
		radial-gradient(1px 1px at 48% 30%, #fff, transparent),
		radial-gradient(1px 1px at 63% 9%, #e9d8ff, transparent),
		radial-gradient(1.5px 1.5px at 92% 48%, #fff, transparent);
}

.egx-deco svg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: .95;
}

.egx-niebla {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 120px;
	background: linear-gradient(0deg, rgba(57, 255, 136, .12), transparent);
}

@media (max-width: 767px) {
	.egx-deco svg {
		opacity: .55;
	}
}

/* Título del pase (junto a «Miembro desde»). */
.egx-titulo {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 11px 4px 8px;
	border: 1px solid #fe7006;
	border-radius: 7px;
	background: linear-gradient(135deg, #2a1206, #3a1a08);
	color: #ffb347 !important;
	font-family: 'Saira', sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: 900;
	letter-spacing: .08em;
	line-height: 1.2;
	white-space: nowrap;
}

.egx-titulo svg {
	flex: none;
}
