/* ============================================================
   ESTILOS COMPARTIDOS (PLAYER & GUILD)
   ============================================================ */
.profile-ranking-style {
    background: #121212;
    border: 1px solid #333;
    padding: 20px;
    border-radius: 4px;
    color: #eee;
    font-family: Arial, sans-serif;
    margin-top: 10px;
}

/* Banners de Títulos (Verde Oliva - Match Imagen) */
.guild-header-banner {
    background: #5d6d2f; 
    color: #fff;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 2px;
}

.profile-top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #1a1a1a;
    padding: 15px;
    border-bottom: 2px solid #f39c12;
    margin-bottom: 2px;
}

.profile-main-info { display: flex; align-items: center; }
.name-box h2 { margin: 0; font-size: 22px; color: #fff; text-shadow: 1px 1px #000; }

.class-text { 
    margin: 0; 
    color: #f39c12; 
    font-size: 12px; 
    text-transform: uppercase; 
    font-weight: bold; 
}

/* Status online/offline */
.status-text { font-size: 11px; font-weight: bold; padding: 4px 10px; border-radius: 2px; border: 1px solid; }
.status-text.on { color: #2ecc71; border-color: #2ecc71; background: rgba(46, 204, 113, 0.1); }
.status-text.off { color: #e74c3c; border-color: #e74c3c; background: rgba(231, 76, 60, 0.1); }

/* ============================================================
   ESPECÍFICO DE PLAYER (BARRAS DE STATS)
   ============================================================ */
.profile-avatar-bg { background: #000; border: 1px solid #444; padding: 5px; margin-right: 15px; }
.profile-avatar-bg img { width: 60px; height: 60px; display: block; }

.rk-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.rk-stat-box { background: #1a1a1a; padding: 10px; border: 1px solid #222; }
.rk-stat-label { display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 8px; color: #999; }
.rk-bar-bg { height: 6px; background: #000; border-radius: 2px; overflow: hidden; }
.rk-bar-fill { height: 100%; border-radius: 2px; box-shadow: 0 0 5px rgba(0,0,0,0.5); transition: width 0.5s ease; }

/* ============================================================
   ESPECÍFICO DE GUILD (LOGO E INFO - SIN EVENTOS EXTRA)
   ============================================================ */
.guild-body-container {
    display: flex;
    background: #1a1a1a; /* Tono oscuro sólido */
    padding: 30px 20px;  /* Aumentado para compensar menos filas */
    margin-bottom: 2px;
    border: 1px solid #333;
    align-items: center;
}

.guild-logo-large { flex: 0 0 180px; text-align: center; }
.guild-logo-large img { 
    width: 120px; 
    height: 120px; 
    image-rendering: pixelated; 
    border: 1px solid #444;
    background: #000;
}

.guild-info-lines { flex: 1; border-left: 1px solid #333; padding-left: 30px; }
.gi-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #222;
    font-size: 13px;
}
.gi-row:last-child { border-bottom: none; }
.gi-row span { color: #888; }
.gi-row strong { color: #eee; }
.gi-row strong a { color: #8bc34a; text-decoration: none; } /* Verde suave para nombres */

.alliance-text { color: #4caf50 !important; font-weight: bold; }

/* Tabla de Miembros Detallada */
.members-table-container { 
    background: #161616; 
    padding: 5px; 
    border: 1px solid #333; 
    overflow-x: auto; 
}
.members-list { width: 100%; border-collapse: collapse; font-size: 12px; }
.members-list th { 
    background: #111; 
    color: #fff; 
    padding: 12px 10px; 
    border-bottom: 2px solid #5d6d2f; 
    text-transform: uppercase;
    font-size: 11px;
}
.members-list td { padding: 10px; text-align: center; color: #bbb; border-bottom: 1px solid #222; }
.members-list tr:hover td { background: #1d1d1d; color: #fff; }

/* ============================================================
   VIP STATUS COLORS
   ============================================================ */
.vip-FREE { color: #ccc !important; }
.vip-BRONCE { color: #cd7f32 !important; text-shadow: 0 0 5px rgba(205, 127, 50, 0.5); }
.vip-PLATA { color: #e5e4e2 !important; text-shadow: 0 0 5px rgba(229, 228, 226, 0.5); }
.vip-GOLD { color: #f39c12 !important; text-shadow: 0 0 5px rgba(243, 156, 18, 0.5); font-weight: bold; }

/* ============================================================
   RESPONSIVO (MÓVILES)
   ============================================================ */
@media (max-width: 600px) {
    .guild-body-container { flex-direction: column; padding: 20px; }
    .guild-logo-large { margin-bottom: 15px; flex: none; }
    .guild-info-lines { border-left: none; padding-left: 0; width: 100%; }
    .rk-stats-grid { grid-template-columns: 1fr; }
    .profile-top-row { flex-direction: column; text-align: center; gap: 15px; }
    .members-list { font-size: 10px; }
}