@import url('https://fonts.googleapis.com/css?family=Cinzel');

/* GUILD PROFILES */
.profiles_guild_table {
	width: 100%;
	table-layout: fixed;
	margin: 10px auto;
	background: #0a0908;
	padding: 10px;
}

.profiles_guild_table tr td {
	text-align: left;
}

.profiles_guild_table .gname {
	font-family: 'Cinzel', serif;
	text-align: center;
	font-size: 32px;
	color: #f18a37;
}

.profiles_guild_table .gmembs {
	font-family: 'Cinzel', serif;
	text-align: center;
	font-size: 18px;
	color: #f1b337;
}

.profiles_guild_table .memblist {
	text-align: center;
}

.profiles_guild_table .memblist div {
	float: left;
	width: 20%;
	display: inline;
}

/* PLAYER PROFILES */
.profiles_player_card {
	width: 100% !important;
	max-width: 100% !important;
	margin: 15px auto;
	border: 1px solid rgba(0, 229, 255, 0.4);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.9), 0 0 12px rgba(0, 229, 255, 0.25);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.9), 0 0 12px rgba(0, 229, 255, 0.25);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.9), 0 0 12px rgba(0, 229, 255, 0.25);
	border-radius: 8px;
	display: block !important;
	position: relative;
	overflow: hidden;
	background-color: #040a12;
	background-size: cover !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	padding-top: 290px !important; /* Muestra la imagen completa del personaje arriba sin taparla */
	box-sizing: border-box !important;
}

	.DK.profiles_player_card, .BK.profiles_player_card, .BM.profiles_player_card { background-image: url('../img/profiles/knight.jpg'); }
	.DW.profiles_player_card, .SM.profiles_player_card, .GM.profiles_player_card { background-image: url('../img/profiles/wiz.jpg'); }
	.ELF.profiles_player_card { background-image: url('../img/profiles/elf.jpg'); }
	.SUM.profiles_player_card { background-image: url('../img/profiles/sum.jpg'); }
	.DL.profiles_player_card, .LE.profiles_player_card { background-image: url('../img/profiles/dl.jpg'); }
	.MG.profiles_player_card, .DM.profiles_player_card { background-image: url('../img/profiles/mg.jpg'); }
	.RF.profiles_player_card, .FM.profiles_player_card { background-image: url('../img/profiles/rf.jpg'); }

.profiles_player_content {
	width: 100% !important;
	height: auto !important;
	float: none !important;
	padding: 20px 15px 18px 15px;
	color: #fff;
	background: linear-gradient(180deg, rgba(4, 15, 26, 0.92) 0%, rgba(2, 8, 16, 0.98) 100%) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-top: 2px solid rgba(0, 229, 255, 0.5);
	box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.8), 0 -2px 10px rgba(0, 229, 255, 0.3);
	box-sizing: border-box !important;
	position: relative;
	z-index: 2;
}

.profiles_player_table {
	width: 100%;
}

.profiles_player_table .cname {
	font-family: 'Cinzel', serif;
	text-align: center;
	border-bottom: 1px solid rgba(212, 175, 55, 0.4);
	font-size: 24px;
	font-weight: 700;
	color: #D4AF37;
	text-shadow: 0 0 10px rgba(212, 175, 55, 0.6), 0 0 20px rgba(0, 229, 255, 0.4);
	padding-bottom: 4px;
}

.profiles_player_table .cclass {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #00E5FF;
	letter-spacing: 1px;
	padding-top: 4px;
	text-shadow: 0 0 8px rgba(0, 229, 255, 0.5);
}

.profiles_player_table .isoffline {
	color: #ff3333 !important;
	text-shadow: 0 0 8px rgba(255, 51, 51, 0.7);
	font-weight: bold;
}

.profiles_player_table .isonline {
	color: #00ff66 !important;
	text-shadow: 0 0 8px rgba(0, 255, 102, 0.7);
	font-weight: bold;
}

.profiles_player_table_info {
	width: 100%;
	table-layout: fixed;
	margin-top: 12px;
	border-collapse: separate;
	border-spacing: 0;
}

.profiles_player_table_info tr td {
	padding: 5px 10px;
	border-bottom: 1px solid rgba(0, 229, 255, 0.08);
	font-size: 13px;
	color: #e0e0e0;
}

.profiles_player_table_info tr:last-child td {
	border-bottom: none;
}

.profiles_player_table_info tr td:first-child {
	text-align: right;
	font-weight: 600;
	color: #00E5FF;
	width: 50%;
	text-shadow: 0 0 5px rgba(0, 229, 255, 0.3);
}

.profiles_player_table_info tr td:nth-child(2) {
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	padding-left: 12px;
}