/*!
 =========================================================
 * WebEngine CMS — SETH MU
 * Player & Guild Profiles — Rediseño completo
 =========================================================
*/

/* =====================================================
   GUILD PROFILES
   ===================================================== */
.fixitemsview { padding-right: 0px !important; background-color: #1d1b1b; }

.profiles_guild_card {
	width: 100%;
	background: #000 url('../img/profiles/guild.jpg') no-repeat center center;
	background-size: cover;
	overflow: auto;
	border-radius: 12px;
	border: 1px solid rgba(155,17,30,0.3);
	box-shadow: 0 0 30px rgba(0,0,0,0.7);
	padding: 40px;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	position: relative;
}
.profiles_guild_card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.55);
	border-radius: 12px;
	pointer-events: none;
}
.profiles_guild_card > * { position: relative; z-index: 1; }
.profiles_guild_card .guild_logo img {
	box-shadow: 0 0 20px rgba(155,17,30,0.5);
	border-radius: 50%;
}
.profiles_guild_card .guild_name {
	font-family: 'Cinzel', serif;
	font-size: 28px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 3px;
	text-shadow: 0 0 20px rgba(155,17,30,0.5);
}
.profiles_guild_card hr {
	border-top: 1px solid rgba(155,17,30,0.3);
	margin: 28px 0;
}
.profiles_guild_card .guild_members {
	font-family: 'Cinzel', serif;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 2px;
}
.profiles_guild_card .guild_members_list { margin-top: 24px; }
.profiles_guild_card table { table-layout: fixed; }

/* =====================================================
   PLAYER PROFILES — REDISEÑO COMPLETO
   ===================================================== */

/* Card principal */
.profiles_player_card {
	width: 100%;
	border-radius: 14px;
	border: 1px solid rgba(155,17,30,0.3);
	box-shadow: 0 8px 40px rgba(0,0,0,0.7);
	padding: 0;
	overflow: hidden;
	position: relative;
	background: rgba(8,2,3,0.92);
	backdrop-filter: blur(12px);
}

/* Fondos por clase — overlay oscuro encima */
.DK.profiles_player_card,  .BK.profiles_player_card,
.BM.profiles_player_card,  .DGK.profiles_player_card  { background: linear-gradient(160deg, rgba(80,10,10,0.85), rgba(8,2,3,0.97)) !important; }
.DW.profiles_player_card,  .SM.profiles_player_card,
.GM.profiles_player_card,  .SW.profiles_player_card   { background: linear-gradient(160deg, rgba(10,20,80,0.85), rgba(8,2,3,0.97)) !important; }
.ELF.profiles_player_card, .ME.profiles_player_card,
.HE.profiles_player_card,  .NE.profiles_player_card   { background: linear-gradient(160deg, rgba(10,60,20,0.85), rgba(8,2,3,0.97)) !important; }
.SUM.profiles_player_card, .BS.profiles_player_card,
.DSM.profiles_player_card, .DS.profiles_player_card   { background: linear-gradient(160deg, rgba(60,10,80,0.85), rgba(8,2,3,0.97)) !important; }
.DL.profiles_player_card,  .LE.profiles_player_card,
.EL.profiles_player_card                              { background: linear-gradient(160deg, rgba(80,60,10,0.85), rgba(8,2,3,0.97)) !important; }
.MG.profiles_player_card,  .DM.profiles_player_card,
.MK.profiles_player_card                              { background: linear-gradient(160deg, rgba(60,10,60,0.85), rgba(8,2,3,0.97)) !important; }
.RF.profiles_player_card,  .FM.profiles_player_card,
.FB.profiles_player_card                              { background: linear-gradient(160deg, rgba(80,40,10,0.85), rgba(8,2,3,0.97)) !important; }

/* ---- HEADER DEL PERFIL ---- */
.profiles_player_card > .profiles_player_content,
.profiles_player_content { float: none !important; width: 100% !important; }

/* Tabla principal del perfil */
.profiles_player_table {
	width: 100% !important;
	border-collapse: collapse !important;
}

/* Avatar circular */
.profiles_player_table img.profile-avatar,
.profiles_player_card img[src*="profiles/"],
.profiles_player_card img[src*="character-avatars/"] {
	width: 110px !important;
	height: 110px !important;
	object-fit: cover !important;
	border-radius: 50% !important;
	border: 3px solid rgba(155,17,30,0.7) !important;
	box-shadow:
		0 0 0 4px rgba(155,17,30,0.15),
		0 0 20px rgba(155,17,30,0.5),
		0 4px 20px rgba(0,0,0,0.7) !important;
	display: block !important;
	margin: 0 auto !important;
}

/* Nombre del personaje */
.profiles_player_table .cname {
	font-family: 'Cinzel', 'Roboto', serif !important;
	text-align: center !important;
	font-size: 30px !important;
	color: #fff !important;
	font-weight: 700 !important;
	letter-spacing: 4px !important;
	text-transform: uppercase !important;
	text-shadow: 0 2px 12px rgba(0,0,0,0.8) !important;
	padding: 10px 0 4px !important;
}

/* Clase del personaje */
.profiles_player_table .cclass {
	text-align: center !important;
	font-size: 11px !important;
	color: rgba(200,200,200,0.6) !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
}

/* Badge clase */
.profiles_player_table .cclass span,
.profiles_player_table .cclass {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: rgba(155,17,30,0.15) !important;
	border: 1px solid rgba(155,17,30,0.4) !important;
	border-radius: 20px !important;
	padding: 4px 14px !important;
	font-size: 11px !important;
	color: rgba(220,220,220,0.8) !important;
	letter-spacing: 1.5px !important;
}

/* Online / Offline */
.profiles_player_table .isonline {
	color: #2ecc71 !important;
	font-weight: 700 !important;
	font-size: 11px !important;
	letter-spacing: 1px !important;
}
.profiles_player_table .isoffline {
	color: rgba(200,200,200,0.4) !important;
	font-weight: 600 !important;
	font-size: 11px !important;
}

/* ---- TABLA DE STATS ---- */
.profiles_player_table_info {
	width: 100% !important;
	table-layout: fixed !important;
	margin-top: 16px !important;
	border-collapse: separate !important;
	border-spacing: 6px !important;
}

.profiles_player_table_info tr td {
	background: rgba(255,255,255,0.04) !important;
	border: 1px solid rgba(155,17,30,0.15) !important;
	border-radius: 8px !important;
	padding: 12px 10px !important;
	text-align: center !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	transition: background 0.2s, border-color 0.2s !important;
}
.profiles_player_table_info tr td:hover {
	background: rgba(155,17,30,0.1) !important;
	border-color: rgba(155,17,30,0.4) !important;
}
.profiles_player_table_info tr td:first-child {
	text-align: right !important;
	color: rgba(200,200,200,0.5) !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	background: transparent !important;
	border: none !important;
}

/* Valores numéricos grandes */
.profiles_player_table_info .stat-value {
	font-size: 22px !important;
	font-weight: 900 !important;
	color: #fff !important;
	display: block !important;
	line-height: 1 !important;
}
.profiles_player_table_info .stat-label {
	font-size: 9px !important;
	color: rgba(200,200,200,0.45) !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	display: block !important;
	margin-top: 4px !important;
}

/* ---- SECCIÓN DE ITEMS ---- */
.profiles_player_card .fixitemsview {
	background: rgba(5,1,2,0.8) !important;
	border-top: 1px solid rgba(155,17,30,0.2) !important;
	padding: 16px !important;
	border-radius: 0 0 14px 14px !important;
}

/* Posiciones de items — mantenidas del original */
.profile_item0  { position: relative; left: -175px; top: 305px;  width: 68px;  height: 132px; }
.profile_item1  { position: relative; left: 220px;  top: 170px;  width: 68px;  height: 132px; }
.profile_item2  { position: relative; left: -110px; top: -215px; width: 68px;  height: 100px; }
.profile_item3  { position: relative; left: -125px; top: -200px; width: 68px;  height: 100px; }
.profile_item4  { position: relative; left: -80px;  top: -100px; width: 68px;  height: 68px;  }
.profile_item5  { position: relative; left: 160px;  top: -335px; width: 68px;  height: 68px;  }
.profile_item6  { position: relative; left: 127px;  top: -235px; width: 68px;  height: 68px;  }
.profile_item7  { position: relative; left: 185px;  top: -625px; width: 164px; height: 100px; }
.profile_item8  { position: relative; left: -215px; top: -700px; width: 68px;  height: 68px;  }
.profile_item9  { position: relative; left: 80px;   top: -745px; width: 36px;  height: 36px;  }
.profile_item10 { position: relative; left: -80px;  top: -573px; width: 36px;  height: 36px;  }
.profile_item11 { position: relative; left: 127px;  top: -610px; width: 36px;  height: 36px;  }

/* ---- ITEM TOOLTIP ---- */
.item-box {
	background: rgba(10,2,4,0.92);
	border: 1px solid rgba(155,17,30,0.3);
	border-radius: 8px;
	text-align: center;
	width: 100%;
	white-space: nowrap;
	min-width: 200px;
	padding: 10px 10px 25% 10px;
	font-size: 12px;
	backdrop-filter: blur(8px);
}
.item-name    { padding: 4px 8px; font-weight: 700; }
.item-serial  { color: #fff !important; padding-top: 10px; }
.item-info    { color: #fff !important; }
.item-info-section { padding-top: 10px; }
.item-class-req    { color: #b4b4b4 !important; }
.item-opt-jog      { color: #ff99cc !important; padding-top: 10px; }
.item-opt-harmony  { color: #ffcc00 !important; padding-top: 10px; }
.item-opt-skill    { color: #9aadd5 !important; }
.item-opt-luck     { color: #9aadd5 !important; }
.item-opt-life     { color: #9aadd5 !important; }
.item-opt-exc      { color: #4d668d !important; padding-top: 10px; }
.item-opt-anc      { color: #9aadd5 !important; padding-top: 10px; }
.item-opt-socket   { color: #4d668d !important; padding-top: 10px; }
.item-expiration   { color: #ff544f !important; padding-top: 10px; }

/* ---- SELECT CUSTOM ---- */
.deidadbuttonfix { width: 150px; border-radius: 6px; height: 38px; }
.custom-select { position: relative; font-family: 'Roboto', Arial; }
.custom-select input { float: right; }
.custom-select select { display: none; width: 250px; }
.select-selected {
	background: rgba(155,17,30,0.8);
	width: 250px;
	color: #fff;
	padding: 8px 16px;
	border-radius: 6px;
	cursor: pointer;
	user-select: none;
	position: relative;
}
.select-selected:after {
	position: absolute;
	content: "";
	top: 14px; right: 10px;
	width: 0; height: 0;
	border: 6px solid transparent;
	border-color: #fff transparent transparent transparent;
}
.select-selected.select-arrow-active:after {
	border-color: transparent transparent #fff transparent;
	top: 7px;
}
.select-items div, .select-selected {
	color: #fff;
	padding: 8px 16px;
	border: 1px solid transparent;
	border-color: transparent transparent rgba(0,0,0,0.1) transparent;
	cursor: pointer;
	user-select: none;
}
.select-items {
	position: absolute;
	background: rgba(100,8,18,0.95);
	backdrop-filter: blur(8px);
	top: 100%; left: 0; right: 0;
	z-index: 99;
	border-radius: 0 0 6px 6px;
	border: 1px solid rgba(155,17,30,0.4);
}
.select-hide { display: none; }
.select-items div:hover, .same-as-selected {
	background: rgba(0,0,0,0.2);
}

/* ---- VARIABLES DE ITEMS ---- */
:root {
	--item-color-exc:        #2ff387;
	--item-color-socket-opt: #cc33cc;
	--item-color-socket:     #cc66cc;
	--item-color-normal:     #ffffff;
	--item-color-life-opt:   #8cb0ea;
	--item-color-improved:   #f4cb3f;
	--item-color-anc:        #0066cc;
	--item-color-anc-setopt: #ffcc66;
	--item-color-nocolor:    #f4cb3f;
	--item-color-fenrir:     #8cb0ea;
	--item-color-fenrir-gold:#f4cb3f;
	--item-color-errtel-title:#ffffff;
	--item-color-errtel-opt: #8CB0EA;
	--item-color-errtel1:    #ff0000;
	--item-color-errtel2:    #8cb0ea;
	--item-color-errtel3:    #e6bf3c;
	--item-color-errtel4:    #26e027;
	--item-color-errtel5:    #5b1659;
	--item-tooltip-bg:       #2c3e50;
	/* Paleta VoraMU */
	--vora-bg:       #0d0d0d;
	--vora-bg-card:  rgba(8,2,3,0.92);
	--vora-red:      #9B111E;
	--vora-gold:     #c9a227;
	--vora-gold-alt: #f1c40f;
	--vora-cyan:     #00e5ff;
	--vora-online:   #2ecc71;
	--vora-hp:       #e74c3c;
	--vora-mana:     #3498db;
	--vora-ag:       #2ecc71;
	--vora-sd:       #f1c40f;
}


/* =====================================================
   SETH MU — PERFIL JUGADOR & GUILD — REDISEÑO COMPLETO
   ===================================================== */

/* ---- WRAPPER GENERAL ---- */
.sethmu-profile-wrap {
	max-width: 860px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* ---- HEADER CARD ---- */
.sethmu-profile-header {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid rgba(155,17,30,0.3);
	box-shadow: 0 8px 40px rgba(0,0,0,0.7);
	background: rgba(8,2,3,0.92);
	backdrop-filter: blur(12px);
	min-height: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Fondos por clase */
.sethmu-profile-header.DK,  .sethmu-profile-header.BK,
.sethmu-profile-header.BM,  .sethmu-profile-header.DGK  { background: linear-gradient(160deg, rgba(100,10,10,0.9), rgba(8,2,3,0.98)); }
.sethmu-profile-header.DW,  .sethmu-profile-header.SM,
.sethmu-profile-header.GM,  .sethmu-profile-header.SW   { background: linear-gradient(160deg, rgba(10,20,100,0.9), rgba(8,2,3,0.98)); }
.sethmu-profile-header.ELF, .sethmu-profile-header.ME,
.sethmu-profile-header.HE,  .sethmu-profile-header.NE   { background: linear-gradient(160deg, rgba(10,70,20,0.9), rgba(8,2,3,0.98)); }
.sethmu-profile-header.SUM, .sethmu-profile-header.BS,
.sethmu-profile-header.DSM, .sethmu-profile-header.DS   { background: linear-gradient(160deg, rgba(70,10,100,0.9), rgba(8,2,3,0.98)); }
.sethmu-profile-header.DL,  .sethmu-profile-header.LE,
.sethmu-profile-header.EL                               { background: linear-gradient(160deg, rgba(100,70,10,0.9), rgba(8,2,3,0.98)); }
.sethmu-profile-header.MG,  .sethmu-profile-header.DM,
.sethmu-profile-header.MK                               { background: linear-gradient(160deg, rgba(70,10,70,0.9), rgba(8,2,3,0.98)); }
.sethmu-profile-header.RF,  .sethmu-profile-header.FM,
.sethmu-profile-header.FB                               { background: linear-gradient(160deg, rgba(100,50,10,0.9), rgba(8,2,3,0.98)); }
.sethmu-guild-header                                    { background: linear-gradient(160deg, rgba(60,8,15,0.95), rgba(8,2,3,0.98)); }

.sethmu-profile-header-overlay {
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 50% 0%, rgba(155,17,30,0.12) 0%, transparent 70%);
	pointer-events: none;
}

.sethmu-profile-header-content {
	position: relative;
	z-index: 2;
	text-align: center;
	padding: 36px 24px 32px;
	width: 100%;
}

/* ---- AVATAR ---- */
.sethmu-profile-avatar-wrap {
	position: relative;
	display: inline-block;
	margin-bottom: 16px;
}
.sethmu-profile-avatar {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid rgba(155,17,30,0.7);
	box-shadow:
		0 0 0 5px rgba(155,17,30,0.12),
		0 0 24px rgba(155,17,30,0.5),
		0 6px 24px rgba(0,0,0,0.8);
	display: block;
}
.sethmu-profile-status-dot {
	position: absolute;
	bottom: 6px;
	right: 6px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid rgba(8,2,3,0.9);
}
.sethmu-profile-status-dot.profile-online  { background: #2ecc71; box-shadow: 0 0 8px rgba(46,204,113,0.8); }
.sethmu-profile-status-dot.profile-offline { background: rgba(200,200,200,0.3); }

/* ---- NOMBRE ---- */
.sethmu-profile-name {
	font-family: 'Cinzel', serif;
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin: 0 0 12px;
	text-shadow: 0 2px 16px rgba(0,0,0,0.9);
}

/* ---- BADGES ---- */
.sethmu-profile-badges {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 14px;
}
.sethmu-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 16px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.sethmu-badge-class {
	background: rgba(155,17,30,0.15);
	border: 1px solid rgba(155,17,30,0.5);
	color: rgba(220,220,220,0.85);
}
.sethmu-badge-rank {
	background: rgba(243,156,18,0.15);
	border: 1px solid rgba(243,156,18,0.5);
	color: #f39c12;
}

/* ---- BARRA DE COLORES ---- */
.sethmu-profile-colorbar {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin: 14px auto;
}
.sethmu-profile-colorbar span {
	width: 48px;
	height: 3px;
	border-radius: 2px;
	opacity: 0.8;
}

/* ---- CÍRCULO DE NIVEL ---- */
.sethmu-profile-level-circle {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: rgba(0,0,0,0.6);
	border: 2px solid rgba(255,255,255,0.15);
	box-shadow: 0 4px 20px rgba(0,0,0,0.6);
	margin-top: 8px;
}
.sethmu-level-num {
	font-size: 28px;
	font-weight: 900;
	color: #fff;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
}
.sethmu-level-lbl {
	font-size: 9px;
	color: rgba(200,200,200,0.5);
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 3px;
}

/* ---- STATS GRID ---- */
.sethmu-profile-stats-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

/* ---- PANEL ---- */
.sethmu-profile-panel {
	background: rgba(8,2,3,0.82);
	border: 1px solid rgba(155,17,30,0.2);
	border-radius: 12px;
	overflow: hidden;
	backdrop-filter: blur(10px);
}
.sethmu-panel-title {
	padding: 14px 18px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: rgba(200,200,200,0.7);
	border-bottom: 1px solid rgba(155,17,30,0.15);
	display: flex;
	align-items: center;
	gap: 8px;
}
.sethmu-panel-title i { color: #9B111E; }

/* ---- STAT CELLS ---- */
.sethmu-stats-cells {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: rgba(155,17,30,0.08);
}
.sethmu-stat-cell {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 18px 10px;
	background: rgba(8,2,3,0.7);
	transition: background 0.2s;
	text-align: center;
}
.sethmu-stat-cell:hover { background: rgba(155,17,30,0.1); }
.sethmu-stat-icon {
	font-size: 18px;
	margin-bottom: 8px;
}
.sethmu-stat-val {
	font-size: 22px;
	font-weight: 900;
	color: #fff;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
}
.sethmu-stat-lbl {
	font-size: 9px;
	color: rgba(200,200,200,0.45);
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 5px;
}

/* ---- FOOTER BAR ---- */
.sethmu-profile-footer-bar {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: rgba(155,17,30,0.1);
	border: 1px solid rgba(155,17,30,0.2);
	border-radius: 12px;
	overflow: hidden;
}
.sethmu-footer-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 18px 16px;
	background: rgba(8,2,3,0.82);
	text-align: center;
	gap: 6px;
	transition: background 0.2s;
}
.sethmu-footer-stat:hover { background: rgba(155,17,30,0.08); }
.sethmu-footer-label {
	font-size: 9px;
	color: rgba(200,200,200,0.4);
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
}
.sethmu-footer-val {
	font-size: 14px;
	font-weight: 800;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.sethmu-footer-val.profile-online  { color: #2ecc71; }
.sethmu-footer-val.profile-offline { color: rgba(200,200,200,0.35); }
.sethmu-footer-val.sethmu-zen      { color: #f1c40f; }
.sethmu-profile-unaligned          { color: rgba(200,200,200,0.5); font-size: 13px; }

/* ---- GUILD LOGO ---- */
.sethmu-guild-logo-wrap {
	margin-bottom: 16px;
	display: flex;
	justify-content: center;
}
.sethmu-guild-logo-wrap img,
.sethmu-guild-logo-wrap table {
	border-radius: 50% !important;
	box-shadow: 0 0 0 4px rgba(155,17,30,0.2), 0 0 24px rgba(155,17,30,0.4) !important;
}

/* ---- GUILD QUICK STATS ---- */
.sethmu-guild-quick-stats {
	display: inline-flex;
	align-items: center;
	gap: 0;
	background: rgba(0,0,0,0.4);
	border: 1px solid rgba(155,17,30,0.2);
	border-radius: 10px;
	overflow: hidden;
	margin-top: 14px;
}
.sethmu-guild-qstat {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 12px 28px;
}
.sethmu-guild-qstat-div {
	width: 1px;
	height: 40px;
	background: rgba(155,17,30,0.3);
}
.sethmu-guild-qval {
	font-size: 24px;
	font-weight: 900;
	color: #fff;
	font-family: 'Roboto', sans-serif;
}
.sethmu-guild-qlbl {
	font-size: 9px;
	color: rgba(200,200,200,0.5);
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 3px;
}

/* ---- GUILD INFO GRID ---- */
.sethmu-guild-info-grid {
	grid-template-columns: 1fr 2fr;
}
.sethmu-guild-info-rows {
	padding: 8px 0;
}
.sethmu-guild-info-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 18px;
	border-bottom: 1px solid rgba(155,17,30,0.1);
	transition: background 0.2s;
}
.sethmu-guild-info-row:last-child { border-bottom: none; }
.sethmu-guild-info-row:hover { background: rgba(155,17,30,0.06); }
.sethmu-guild-info-label {
	font-size: 10px;
	color: rgba(200,200,200,0.5);
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 6px;
}
.sethmu-guild-info-val {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}

/* ---- GUILD MEMBERS GRID ---- */
.sethmu-guild-members-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: rgba(155,17,30,0.06);
	padding: 0;
}
.sethmu-guild-member {
	padding: 10px 12px;
	background: rgba(8,2,3,0.7);
	font-size: 12px;
	color: rgba(200,200,200,0.75);
	transition: background 0.2s, color 0.2s;
	display: flex;
	align-items: center;
	gap: 6px;
}
.sethmu-guild-member:hover {
	background: rgba(155,17,30,0.1);
	color: #fff;
}
.sethmu-guild-member a {
	color: inherit !important;
	font-weight: 600;
}
.sethmu-guild-member a:hover { color: #fff !important; }

/* ---- RANGOS DE GUILD ---- */
.sethmu-guild-members-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: rgba(155,17,30,0.06);
}
.sethmu-guild-member {
	padding: 12px 14px;
	background: rgba(8,2,3,0.7);
	transition: background 0.2s;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.sethmu-guild-member:hover { background: rgba(155,17,30,0.1); }

/* Badge de rango — estilo pill con glow */
.sethmu-rank-pill {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 6px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	width: fit-content;
}

/* MASTER — Amarillo */
.sethmu-rank-master { background: rgba(255,200,0,0.06) !important; }
.sethmu-rank-master .sethmu-rank-pill {
	background: #f1c40f;
	color: #000;
	box-shadow: 0 0 10px rgba(241,196,15,0.6), 0 0 20px rgba(241,196,15,0.3);
}
.sethmu-rank-master .sethmu-member-name,
.sethmu-rank-master .sethmu-member-name a { color: #f1c40f !important; font-weight: 800 !important; }

/* SUB MASTER — Naranja */
.sethmu-rank-submaster { background: rgba(230,126,34,0.06) !important; }
.sethmu-rank-submaster .sethmu-rank-pill {
	background: #e67e22;
	color: #fff;
	box-shadow: 0 0 10px rgba(230,126,34,0.5), 0 0 18px rgba(230,126,34,0.25);
}
.sethmu-rank-submaster .sethmu-member-name,
.sethmu-rank-submaster .sethmu-member-name a { color: #e67e22 !important; font-weight: 700 !important; }

/* BATTLE MASTER — Rojo */
.sethmu-rank-battlemaster { background: rgba(231,76,60,0.06) !important; }
.sethmu-rank-battlemaster .sethmu-rank-pill {
	background: #e74c3c;
	color: #fff;
	box-shadow: 0 0 10px rgba(231,76,60,0.6), 0 0 20px rgba(231,76,60,0.3);
}
.sethmu-rank-battlemaster .sethmu-member-name,
.sethmu-rank-battlemaster .sethmu-member-name a { color: #e74c3c !important; font-weight: 700 !important; }

/* ASSISTANT — Celeste */
.sethmu-rank-assistant { background: rgba(0,188,212,0.06) !important; }
.sethmu-rank-assistant .sethmu-rank-pill {
	background: #00bcd4;
	color: #000;
	box-shadow: 0 0 10px rgba(0,188,212,0.6), 0 0 20px rgba(0,188,212,0.3);
}
.sethmu-rank-assistant .sethmu-member-name,
.sethmu-rank-assistant .sethmu-member-name a { color: #00bcd4 !important; font-weight: 700 !important; }

/* MEMBER — Gris */
.sethmu-rank-member .sethmu-rank-pill {
	background: rgba(200,200,200,0.15);
	color: rgba(200,200,200,0.6);
	border: 1px solid rgba(200,200,200,0.15);
}
.sethmu-rank-member .sethmu-member-name,
.sethmu-rank-member .sethmu-member-name a { color: rgba(200,200,200,0.75) !important; }

.sethmu-member-name { font-size: 12px; font-weight: 600; }
.sethmu-member-name a { color: inherit !important; }
.sethmu-member-name a:hover { color: #fff !important; }


/* =====================================================
   PERFIL JUGADOR — REDISEÑO ESTILO VORAMU
   ===================================================== */

/* Wrapper general */
.vora-profile-wrap {
	max-width: 960px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Card principal */
.vora-profile-card {
	display: flex;
	flex-direction: row;
	gap: 0;
	background: rgba(8,2,3,0.92);
	border: 1px solid rgba(155,17,30,0.25);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 8px 40px rgba(0,0,0,0.7);
	backdrop-filter: blur(12px);
}

/* Fondos por clase */
.vora-profile-card.DK,  .vora-profile-card.BK,
.vora-profile-card.BM,  .vora-profile-card.DGK  { background: linear-gradient(135deg, rgba(90,8,8,0.95) 0%, rgba(8,2,3,0.98) 60%); }
.vora-profile-card.DW,  .vora-profile-card.SM,
.vora-profile-card.GM,  .vora-profile-card.SW   { background: linear-gradient(135deg, rgba(8,18,90,0.95) 0%, rgba(8,2,3,0.98) 60%); }
.vora-profile-card.ELF, .vora-profile-card.ME,
.vora-profile-card.HE,  .vora-profile-card.NE   { background: linear-gradient(135deg, rgba(8,60,16,0.95) 0%, rgba(8,2,3,0.98) 60%); }
.vora-profile-card.SUM, .vora-profile-card.BS,
.vora-profile-card.DSM, .vora-profile-card.DS   { background: linear-gradient(135deg, rgba(60,8,90,0.95) 0%, rgba(8,2,3,0.98) 60%); }
.vora-profile-card.DL,  .vora-profile-card.LE,
.vora-profile-card.EL                           { background: linear-gradient(135deg, rgba(90,60,8,0.95) 0%, rgba(8,2,3,0.98) 60%); }
.vora-profile-card.MG,  .vora-profile-card.DM,
.vora-profile-card.MK                           { background: linear-gradient(135deg, rgba(60,8,60,0.95) 0%, rgba(8,2,3,0.98) 60%); }
.vora-profile-card.RF,  .vora-profile-card.FM,
.vora-profile-card.FB                           { background: linear-gradient(135deg, rgba(90,40,8,0.95) 0%, rgba(8,2,3,0.98) 60%); }

/* ---- COLUMNA IZQUIERDA: Avatar ---- */
.vora-profile-left {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 32px 24px 32px 32px;
	flex-shrink: 0;
}

.vora-avatar-wrap {
	position: relative;
	display: inline-block;
}

.vora-avatar {
	width: 160px;
	height: 200px;
	object-fit: cover;
	border-radius: 10px;
	border: 2px solid rgba(155,17,30,0.5);
	box-shadow:
		0 0 0 4px rgba(155,17,30,0.1),
		0 0 24px rgba(155,17,30,0.4),
		0 8px 32px rgba(0,0,0,0.8);
	display: block;
}

.vora-status-dot {
	position: absolute;
	bottom: 8px;
	right: 8px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 2px solid rgba(8,2,3,0.9);
}
.vora-dot-online  { background: #2ecc71; box-shadow: 0 0 8px rgba(46,204,113,0.9); }
.vora-dot-offline { background: rgba(180,180,180,0.3); }

/* ---- COLUMNA DERECHA: Info ---- */
.vora-profile-right {
	flex: 1;
	padding: 28px 32px 28px 8px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-width: 0;
}

/* ---- Nombre + Badges ---- */
.vora-profile-top {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.vora-char-name {
	font-family: 'Cinzel', serif;
	font-size: 34px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin: 0;
	text-shadow: 0 2px 16px rgba(0,0,0,0.9);
	line-height: 1;
}

.vora-profile-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.vora-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 14px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.vora-badge-class {
	background: rgba(155,17,30,0.15);
	border: 1px solid rgba(155,17,30,0.5);
	color: rgba(220,220,220,0.85);
}

.vora-badge-level {
	background: rgba(241,196,15,0.1);
	border: 1px solid rgba(241,196,15,0.4);
	color: #f1c40f;
}

/* ---- Título de sección ---- */
.vora-section-title {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: rgba(200,200,200,0.55);
	display: flex;
	align-items: center;
	gap: 7px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(155,17,30,0.15);
}
.vora-section-title i { color: #9B111E; }

/* ---- Stats row ---- */
.vora-stats-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.vora-stat-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(155,17,30,0.15);
	border-radius: 8px;
	padding: 12px 20px;
	min-width: 80px;
	transition: background 0.2s, border-color 0.2s;
	text-align: center;
}
.vora-stat-box:hover {
	background: rgba(155,17,30,0.1);
	border-color: rgba(155,17,30,0.4);
}

.vora-stat-val {
	font-size: 20px;
	font-weight: 900;
	color: #fff;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
}

.vora-stat-lbl {
	font-size: 9px;
	color: rgba(200,200,200,0.45);
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 5px;
}

/* ---- Footer: Guild / Zen / Status ---- */
.vora-footer-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	background: rgba(0,0,0,0.3);
	border: 1px solid rgba(155,17,30,0.15);
	border-radius: 10px;
	overflow: hidden;
	margin-top: 4px;
}

.vora-footer-item {
	flex: 1;
	min-width: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 14px 16px;
	text-align: center;
	gap: 5px;
	border-right: 1px solid rgba(155,17,30,0.12);
	transition: background 0.2s;
}
.vora-footer-item:last-child { border-right: none; }
.vora-footer-item:hover { background: rgba(155,17,30,0.07); }

.vora-footer-label {
	font-size: 9px;
	color: rgba(200,200,200,0.4);
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
}

.vora-footer-val {
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.5px;
}

.vora-footer-val.vora-online  { color: #2ecc71; }
.vora-footer-val.vora-offline { color: rgba(200,200,200,0.3); }
.vora-footer-val.vora-zen     { color: #f1c40f; }
.vora-no-guild                { color: rgba(200,200,200,0.4); font-size: 12px; }

/* ---- Equipment card ---- */
.vora-equipment-card {
	background: rgba(8,2,3,0.88);
	border: 1px solid rgba(155,17,30,0.2);
	border-radius: 12px;
	overflow: hidden;
	backdrop-filter: blur(10px);
}

/* ---- Responsive ---- */
@media (max-width: 700px) {
	.vora-profile-card {
		flex-direction: column;
	}
	.vora-profile-left {
		padding: 24px 24px 0;
		justify-content: center;
	}
	.vora-avatar {
		width: 120px;
		height: 150px;
	}
	.vora-profile-right {
		padding: 20px 20px 24px;
	}
	.vora-char-name {
		font-size: 26px;
		letter-spacing: 3px;
	}
	.vora-footer-row {
		flex-direction: column;
	}
	.vora-footer-item {
		border-right: none;
		border-bottom: 1px solid rgba(155,17,30,0.12);
	}
	.vora-footer-item:last-child { border-bottom: none; }
}


/* =====================================================
   PERFIL JUGADOR — REDISEÑO ESTILO VORAMU (vora-*)
   ===================================================== */

.vora-profile-wrap {
	max-width: 960px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.vora-profile-card {
	display: flex;
	flex-direction: row;
	background: rgba(8,2,3,0.92);
	border: 1px solid rgba(155,17,30,0.25);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 8px 40px rgba(0,0,0,0.7);
	backdrop-filter: blur(12px);
}

/* Fondos por clase */
.vora-profile-card.DK,  .vora-profile-card.BK,
.vora-profile-card.BM,  .vora-profile-card.DGK  { background: linear-gradient(135deg, rgba(90,8,8,0.95) 0%, rgba(8,2,3,0.98) 60%); }
.vora-profile-card.DW,  .vora-profile-card.SM,
.vora-profile-card.GM,  .vora-profile-card.SW   { background: linear-gradient(135deg, rgba(8,18,90,0.95) 0%, rgba(8,2,3,0.98) 60%); }
.vora-profile-card.ELF, .vora-profile-card.ME,
.vora-profile-card.HE,  .vora-profile-card.NE   { background: linear-gradient(135deg, rgba(8,60,16,0.95) 0%, rgba(8,2,3,0.98) 60%); }
.vora-profile-card.SUM, .vora-profile-card.BS,
.vora-profile-card.DSM, .vora-profile-card.DS   { background: linear-gradient(135deg, rgba(60,8,90,0.95) 0%, rgba(8,2,3,0.98) 60%); }
.vora-profile-card.DL,  .vora-profile-card.LE,
.vora-profile-card.EL                           { background: linear-gradient(135deg, rgba(90,60,8,0.95) 0%, rgba(8,2,3,0.98) 60%); }
.vora-profile-card.MG,  .vora-profile-card.DM,
.vora-profile-card.MK                           { background: linear-gradient(135deg, rgba(60,8,60,0.95) 0%, rgba(8,2,3,0.98) 60%); }
.vora-profile-card.RF,  .vora-profile-card.FM,
.vora-profile-card.FB                           { background: linear-gradient(135deg, rgba(90,40,8,0.95) 0%, rgba(8,2,3,0.98) 60%); }

/* Avatar columna izquierda */
.vora-profile-left {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 32px 24px 32px 32px;
	flex-shrink: 0;
}
.vora-avatar-wrap { position: relative; display: inline-block; }
.vora-avatar {
	width: 160px;
	height: 200px;
	object-fit: cover;
	border-radius: 10px;
	border: 2px solid rgba(155,17,30,0.5);
	box-shadow: 0 0 0 4px rgba(155,17,30,0.1), 0 0 24px rgba(155,17,30,0.4), 0 8px 32px rgba(0,0,0,0.8);
	display: block;
}
.vora-status-dot {
	position: absolute;
	bottom: 8px; right: 8px;
	width: 14px; height: 14px;
	border-radius: 50%;
	border: 2px solid rgba(8,2,3,0.9);
}
.vora-dot-online  { background: #2ecc71; box-shadow: 0 0 8px rgba(46,204,113,0.9); }
.vora-dot-offline { background: rgba(180,180,180,0.3); }

/* Info columna derecha */
.vora-profile-right {
	flex: 1;
	padding: 28px 32px 28px 8px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-width: 0;
}
.vora-profile-top { display: flex; flex-direction: column; gap: 10px; }
.vora-char-name {
	font-family: 'Cinzel', serif;
	font-size: 34px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin: 0;
	text-shadow: 0 2px 16px rgba(0,0,0,0.9);
	line-height: 1;
}
.vora-profile-badges { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.vora-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 14px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.vora-badge-class { background: rgba(155,17,30,0.15); border: 1px solid rgba(155,17,30,0.5); color: rgba(220,220,220,0.85); }
.vora-badge-level { background: rgba(241,196,15,0.1); border: 1px solid rgba(241,196,15,0.4); color: #f1c40f; }

.vora-section-title {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: rgba(200,200,200,0.55);
	display: flex;
	align-items: center;
	gap: 7px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(155,17,30,0.15);
}
.vora-section-title i { color: #9B111E; }

.vora-stats-row { display: flex; flex-wrap: wrap; gap: 8px; }
.vora-stat-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(155,17,30,0.15);
	border-radius: 8px;
	padding: 12px 20px;
	min-width: 80px;
	transition: background 0.2s, border-color 0.2s;
	text-align: center;
}
.vora-stat-box:hover { background: rgba(155,17,30,0.1); border-color: rgba(155,17,30,0.4); }
.vora-stat-val { font-size: 20px; font-weight: 900; color: #fff; line-height: 1; font-family: 'Roboto', sans-serif; }
.vora-stat-lbl { font-size: 9px; color: rgba(200,200,200,0.45); letter-spacing: 2px; text-transform: uppercase; margin-top: 5px; }

/* Footer: Guild / Zen / Status */
.vora-footer-row {
	display: flex;
	flex-wrap: wrap;
	background: rgba(0,0,0,0.3);
	border: 1px solid rgba(155,17,30,0.15);
	border-radius: 10px;
	overflow: hidden;
	margin-top: 4px;
}
.vora-footer-item {
	flex: 1;
	min-width: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 14px 16px;
	text-align: center;
	gap: 5px;
	border-right: 1px solid rgba(155,17,30,0.12);
	transition: background 0.2s;
}
.vora-footer-item:last-child { border-right: none; }
.vora-footer-item:hover { background: rgba(155,17,30,0.07); }
.vora-footer-label { font-size: 9px; color: rgba(200,200,200,0.4); letter-spacing: 2px; text-transform: uppercase; font-weight: 700; }
.vora-footer-val { font-size: 13px; font-weight: 700; color: #fff; letter-spacing: 0.5px; }
.vora-footer-val.vora-online  { color: #2ecc71; }
.vora-footer-val.vora-offline { color: rgba(200,200,200,0.3); }
.vora-footer-val.vora-zen     { color: #f1c40f; }
.vora-no-guild { color: rgba(200,200,200,0.4); font-size: 12px; }

/* Equipment card */
.vora-equipment-card {
	background: rgba(8,2,3,0.88);
	border: 1px solid rgba(155,17,30,0.2);
	border-radius: 12px;
	overflow: hidden;
	backdrop-filter: blur(10px);
}

/* Responsive */
@media (max-width: 700px) {
	.vora-profile-card { flex-direction: column; }
	.vora-profile-left { padding: 24px 24px 0; justify-content: center; }
	.vora-avatar { width: 120px; height: 150px; }
	.vora-profile-right { padding: 20px 20px 24px; }
	.vora-char-name { font-size: 26px; letter-spacing: 3px; }
	.vora-footer-row { flex-direction: column; }
	.vora-footer-item { border-right: none; border-bottom: 1px solid rgba(155,17,30,0.12); }
	.vora-footer-item:last-child { border-bottom: none; }
}

/* =====================================================
   VORA PROFILE — ESTILOS ADICIONALES (Hero, Stats, Equipment)
   ===================================================== */

/* ---- BARRA DE COLORES (HP/Mana/AG/SD) ---- */
.vora-colorbar {
	display: flex;
	gap: 5px;
	margin: 8px 0;
}
.vora-colorbar span {
	height: 3px;
	border-radius: 2px;
	flex: 1;
	opacity: 0.85;
}
.vora-colorbar .vora-bar-hp   { background: #e74c3c; }
.vora-colorbar .vora-bar-mana { background: #3498db; }
.vora-colorbar .vora-bar-ag   { background: #2ecc71; }
.vora-colorbar .vora-bar-sd   { background: #f1c40f; }

/* ---- CÍRCULO DE NIVEL ---- */
.vora-level-circle {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: rgba(0,0,0,0.55);
	border: 2px solid rgba(255,255,255,0.12);
	box-shadow: 0 4px 20px rgba(0,0,0,0.6);
	margin-top: 4px;
}
.vora-level-num {
	font-size: 26px;
	font-weight: 900;
	color: #fff;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
}
.vora-level-lbl {
	font-size: 8px;
	color: rgba(200,200,200,0.45);
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 3px;
}

/* ---- STAT BOX CON ÍCONO ---- */
.vora-stat-icon {
	font-size: 16px;
	margin-bottom: 6px;
	color: rgba(155,17,30,0.8);
}

/* ---- EQUIPMENT SHOWCASE ---- */
.vora-equipment-title {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 14px 20px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: rgba(200,200,200,0.7);
	border-bottom: 1px solid rgba(155,17,30,0.15);
}
.vora-equipment-title i { color: #f1c40f; }

.vora-equipment-card .fixitemsview {
	background: rgba(5,1,2,0.8) !important;
	padding: 16px !important;
	overflow-x: auto;
}

/* ---- RESPONSIVE ADICIONAL ---- */
@media (max-width: 575px) {
	.vora-stats-row { gap: 6px; }
	.vora-stat-box { padding: 10px 12px; min-width: 70px; }
	.vora-stat-val { font-size: 17px; }
	.vora-equipment-card .fixitemsview { overflow-x: auto; }
}

/* =====================================================
   VORA PROFILE v2 — LAYOUT MEJORADO
   ===================================================== */

/* Hero card — sección superior con avatar e info */
.vora-hero-card {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid rgba(155,17,30,0.3);
	box-shadow: 0 8px 40px rgba(0,0,0,0.7);
	background: rgba(8,2,3,0.92);
	backdrop-filter: blur(12px);
}

/* Overlay radial sutil */
.vora-hero-overlay {
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 30% 50%, rgba(155,17,30,0.12) 0%, transparent 65%);
	pointer-events: none;
	z-index: 0;
}

/* Fondos por clase */
.vora-hero-card.DK,  .vora-hero-card.BK,
.vora-hero-card.BM,  .vora-hero-card.DGK  { background: linear-gradient(135deg, rgba(100,8,8,0.95) 0%, rgba(8,2,3,0.98) 55%); }
.vora-hero-card.DW,  .vora-hero-card.SM,
.vora-hero-card.GM,  .vora-hero-card.SW   { background: linear-gradient(135deg, rgba(8,18,100,0.95) 0%, rgba(8,2,3,0.98) 55%); }
.vora-hero-card.ELF, .vora-hero-card.ME,
.vora-hero-card.HE,  .vora-hero-card.NE   { background: linear-gradient(135deg, rgba(8,70,16,0.95) 0%, rgba(8,2,3,0.98) 55%); }
.vora-hero-card.SUM, .vora-hero-card.BS,
.vora-hero-card.DSM, .vora-hero-card.DS   { background: linear-gradient(135deg, rgba(70,8,100,0.95) 0%, rgba(8,2,3,0.98) 55%); }
.vora-hero-card.DL,  .vora-hero-card.LE,
.vora-hero-card.EL                        { background: linear-gradient(135deg, rgba(100,70,8,0.95) 0%, rgba(8,2,3,0.98) 55%); }
.vora-hero-card.MG,  .vora-hero-card.DM,
.vora-hero-card.MK                        { background: linear-gradient(135deg, rgba(70,8,70,0.95) 0%, rgba(8,2,3,0.98) 55%); }
.vora-hero-card.RF,  .vora-hero-card.FM,
.vora-hero-card.FB                        { background: linear-gradient(135deg, rgba(100,50,8,0.95) 0%, rgba(8,2,3,0.98) 55%); }

/* Contenido del hero */
.vora-hero-top {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-start;
	gap: 0;
	padding: 28px 28px 28px 28px;
}

/* Info derecha */
.vora-hero-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-left: 24px;
	min-width: 0;
}

/* Stats grid — dos paneles lado a lado */
.vora-stats-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

/* Panel */
.vora-panel {
	background: rgba(8,2,3,0.85);
	border: 1px solid rgba(155,17,30,0.2);
	border-radius: 12px;
	overflow: hidden;
	backdrop-filter: blur(10px);
}
.vora-panel-title {
	padding: 12px 16px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: rgba(200,200,200,0.65);
	border-bottom: 1px solid rgba(155,17,30,0.15);
	display: flex;
	align-items: center;
	gap: 7px;
}
.vora-panel-title i { color: #9B111E; }

/* Celdas de stats */
.vora-stats-cells {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: rgba(155,17,30,0.07);
}
.vora-stat-cell {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 16px 8px;
	background: rgba(8,2,3,0.75);
	transition: background 0.2s;
	text-align: center;
}
.vora-stat-cell:hover { background: rgba(155,17,30,0.12); }
.vora-stat-icon { font-size: 16px; margin-bottom: 6px; color: rgba(155,17,30,0.85); }
.vora-stat-val  { font-size: 20px; font-weight: 900; color: #fff; line-height: 1; font-family: 'Roboto', sans-serif; }
.vora-stat-lbl  { font-size: 9px; color: rgba(200,200,200,0.4); letter-spacing: 2px; text-transform: uppercase; margin-top: 4px; }

/* Footer bar */
.vora-footer-bar {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: rgba(155,17,30,0.1);
	border: 1px solid rgba(155,17,30,0.2);
	border-radius: 12px;
	overflow: hidden;
}
.vora-footer-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 16px 14px;
	background: rgba(8,2,3,0.85);
	text-align: center;
	gap: 5px;
	transition: background 0.2s;
}
.vora-footer-stat:hover { background: rgba(155,17,30,0.08); }
.vora-footer-label { font-size: 9px; color: rgba(200,200,200,0.38); letter-spacing: 2px; text-transform: uppercase; font-weight: 700; }
.vora-footer-val   { font-size: 13px; font-weight: 700; color: #fff; letter-spacing: 0.5px; }
.vora-footer-val.vora-online  { color: #2ecc71; }
.vora-footer-val.vora-offline { color: rgba(200,200,200,0.3); }
.vora-footer-val.vora-zen     { color: #f1c40f; }
.vora-no-guild { color: rgba(200,200,200,0.4); font-size: 12px; }

/* Responsive */
@media (max-width: 700px) {
	.vora-hero-top    { flex-direction: column; align-items: center; text-align: center; }
	.vora-hero-info   { padding-left: 0; align-items: center; }
	.vora-stats-grid  { grid-template-columns: 1fr; }
	.vora-footer-bar  { grid-template-columns: 1fr; }
	.vora-footer-stat { border-bottom: 1px solid rgba(155,17,30,0.1); }
}

/* ---- FIX: Avatar siempre visible con dimensiones fijas ---- */
.vora-avatar {
	width: 160px !important;
	height: 200px !important;
	object-fit: cover !important;
	border-radius: 10px !important;
	display: block !important;
	background: rgba(155,17,30,0.15) !important;
}
.vora-hero-top .vora-avatar-wrap {
	flex-shrink: 0 !important;
}