/* ============================================================
   HOME v2 — 3-column layout
   left: panel usuario + top jugadores
   center: noticias (banner + tabs + cards)
   right: proximos eventos + estadisticas + top gremios
   ============================================================ */
:root{ --cyan:#7fc6e8; --gold:#ffcf5a; }

.rg-grid{ display:flex; gap:16px; align-items:flex-start; padding-top:16px; }
.rg-left{ width:290px; flex-shrink:0; }
.rg-right{ width:320px; flex-shrink:0; }
.rg-center{ flex:1; min-width:0; }

/* generic card */
.rg-card{ background:linear-gradient(0deg,#12152b,#1c2240); border:1px solid rgba(133,144,205,.35);
	border-radius:12px; box-shadow:inset 0 0 22px rgba(0,0,0,.35); margin-bottom:16px; overflow:hidden; }
.rg-card-h{ display:flex; align-items:center; gap:10px; padding:15px 18px; font-weight:700;
	letter-spacing:1px; text-transform:uppercase; color:var(--cyan); font-size:14px;
	border-bottom:1px solid var(--line); background:rgba(8,11,30,.4); }
.rg-card-h i{ color:var(--cyan); font-size:16px; }
.rg-card-b{ padding:16px 18px; }

/* login / user panel */
.rg-field{ position:relative; margin-bottom:12px; }
.rg-field > i{ position:absolute; left:13px; top:50%; transform:translateY(-50%); color:var(--accent-2); }
.rg-field input{ width:100%; height:46px; padding:0 40px; background:rgba(8,11,30,.6) !important;
	border:1px solid var(--line) !important; border-radius:8px; color:#fff !important; outline:none; }
.rg-field input:focus{ border-color:var(--accent) !important; }
.rg-eye{ position:absolute; right:13px; top:50%; transform:translateY(-50%); color:var(--accent-2); cursor:pointer; }
.rg-btn{ display:block; width:100%; text-align:center; padding:13px; border-radius:8px; color:#fff !important;
	font-weight:700; letter-spacing:1px; text-transform:uppercase; border:1px solid var(--accent);
	background:linear-gradient(180deg,#46589e,#222a52); box-shadow:inset 0 0 14px var(--shadow);
	cursor:pointer; transition:.2s; text-decoration:none !important; font-size:14px; }
.rg-btn:hover{ filter:brightness(1.18); }
.rg-link{ display:block; text-align:center; color:var(--accent) !important; margin-top:12px; font-size:13px; text-decoration:none !important; }
.rg-link b{ color:#fff; }
.rg-userbtn{ display:flex; align-items:center; gap:11px; padding:12px 14px; border-radius:9px; margin-bottom:9px;
	background:rgba(8,11,30,.45); border:1px solid var(--line); color:var(--light) !important; text-decoration:none !important; transition:.2s; }
.rg-userbtn i{ color:var(--cyan); width:18px; text-align:center; }
.rg-userbtn:hover{ background:#1f2646; color:#fff !important; }

/* top players */
.rg-rank{ display:flex; align-items:center; gap:12px; padding:9px 11px; border-radius:11px; margin-bottom:10px;
	background:rgba(8,11,30,.5); border:1px solid var(--line); border-left:3px solid var(--accent); }
.rg-rank-1{ border-left-color:var(--gold); }
.rg-rank-2{ border-left-color:#c7d0e0; }
.rg-rank-3{ border-left-color:#d8965a; }
.rg-pos{ width:26px; height:26px; flex-shrink:0; border-radius:50%; display:flex; align-items:center; justify-content:center;
	font-weight:700; font-size:13px; color:#fff; background:rgba(133,144,205,.25); border:1px solid var(--accent); }
.rg-rank-1 .rg-pos{ background:rgba(255,207,90,.2); border-color:var(--gold); color:var(--gold); }
.rg-ava{ width:48px; height:48px; border-radius:9px; object-fit:cover; flex-shrink:0;
	background:#0c1130; border:1px solid var(--line); }
.rg-rinfo{ min-width:0; }
.rg-rinfo b{ color:#fff; display:block; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rg-rinfo small{ color:var(--accent-2); font-size:12px; }
.emp-1{ color:#e8607f; font-weight:700; }
.emp-2{ color:#e9c24a; font-weight:700; }
.emp-3{ color:#5aa0e0; font-weight:700; }

/* news banner header */
.rg-news-banner{ position:relative; height:150px; border-radius:12px; overflow:hidden;
	border:1px solid var(--accent); margin-bottom:16px; display:flex; align-items:center; justify-content:center;
	background:url(../img/rage-bg.png) no-repeat; background-size:150%; background-position:100% 22%; }
.rg-news-banner img{ display:none; }
.rg-news-banner::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(15,21,54,.35),rgba(15,21,54,.78)); }
.rg-news-banner span{ position:relative; z-index:2; color:#fff; font-size:28px; font-weight:800; letter-spacing:1px;
	display:flex; align-items:center; gap:12px; text-shadow:0 2px 14px #000; }
.rg-news-banner span i{ color:var(--cyan); }

/* tabs */
.rg-tabs{ display:flex; gap:8px; flex-wrap:wrap; padding:14px; background:linear-gradient(0deg,#12152b,#1c2240);
	border:1px solid rgba(133,144,205,.35); border-radius:12px; box-shadow:inset 0 0 22px rgba(0,0,0,.35); margin-bottom:16px; }
.rg-tab{ display:flex; align-items:center; gap:7px; padding:10px 16px; border-radius:8px; background:rgba(8,11,30,.5);
	border:1px solid var(--line); color:var(--accent-2) !important; font-size:12px; font-weight:700; text-transform:uppercase;
	cursor:pointer; text-decoration:none !important; transition:.2s; }
.rg-tab:hover{ color:#fff !important; }
.rg-tab.active{ background:linear-gradient(180deg,#46589e,#222a52); color:#fff !important; border-color:var(--accent); }

/* news card */
.rg-news-card{ background:linear-gradient(0deg,#12152b,#1c2240); border:1px solid rgba(133,144,205,.35);
	border-radius:12px; box-shadow:inset 0 0 22px rgba(0,0,0,.35); padding:18px; margin-bottom:16px; }
.rg-news-top{ display:flex; align-items:center; gap:13px; border-bottom:1px solid var(--line); padding-bottom:13px; margin-bottom:15px; }
.rg-badge{ display:inline-flex; align-items:center; gap:6px; padding:7px 13px; border-radius:20px;
	background:linear-gradient(180deg,#5fd6c4,#2c9c8f); color:#06231f; font-size:12px; font-weight:700; }
.rg-badge-news{ background:linear-gradient(180deg,#6f8be6,#33459c); color:#fff; }
.rg-badge-events{ background:linear-gradient(180deg,#5fd6c4,#2c9c8f); color:#06231f; }
.rg-badge-patchnotes{ background:linear-gradient(180deg,#e6b86f,#9c6f2c); color:#231806; }
.rg-badge-previews{ background:linear-gradient(180deg,#c98be6,#7a2c9c); color:#fff; }
.rg-news-title{ color:#fff; font-weight:700; letter-spacing:1px; font-size:16px; }
.rg-news-date{ color:var(--accent-2); font-size:13px; margin-left:6px; }
.rg-news-img{ width:100%; border-radius:9px; margin-bottom:15px; max-height:250px; object-fit:cover; display:block; }
.rg-news-card p{ color:var(--accent-2); line-height:1.65; font-size:14px; margin:0; }
.rg-readmore{ display:inline-flex; align-items:center; gap:6px; float:right; margin-top:14px; padding:10px 20px; width:auto !important; }
.rg-pag{ text-align:center; margin-top:4px; clear:both; }
.rg-pag span{ display:inline-block; padding:9px 15px; border-radius:8px; font-weight:700;
	background:linear-gradient(180deg,#46589e,#222a52); border:1px solid var(--accent); color:#fff; }

/* events */
.rg-event{ display:flex; align-items:center; gap:12px; padding:11px; border-radius:11px; margin-bottom:11px;
	background:rgba(8,11,30,.5); border:1px solid var(--line); }
.rg-event-ico{ width:48px; height:48px; border-radius:9px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
	background:linear-gradient(160deg,#2a3360,#12152b); border:1px solid var(--accent); color:var(--cyan); font-size:20px; }
.rg-event-i{ min-width:0; }
.rg-event-i b{ color:#fff; display:block; font-size:14px; }
.rg-event-i small{ color:var(--accent-2); font-size:12px; }
.rg-cd{ color:#6fe0a0 !important; font-weight:700; }

/* stats rows */
.rg-stat-row{ display:flex; align-items:center; justify-content:space-between; padding:13px 16px; border-radius:10px;
	margin-bottom:10px; background:rgba(8,11,30,.5); border:1px solid var(--line); }
.rg-stat-row > span{ color:var(--accent-2); font-size:12.5px; text-transform:uppercase; letter-spacing:.5px; }
.rg-stat-row > b{ color:var(--cyan); font-size:18px; }

/* guilds */
.rg-guild{ display:flex; align-items:center; gap:11px; padding:9px 11px; border-radius:11px; margin-bottom:9px;
	background:rgba(8,11,30,.5); border:1px solid var(--line); border-left:3px solid var(--accent); }
.rg-grank-1{ border-left-color:var(--gold); }
.rg-grank-2{ border-left-color:#c7d0e0; }
.rg-grank-3{ border-left-color:#d8965a; }
.rg-guild .pos{ width:26px; height:26px; flex-shrink:0; border-radius:50%; display:flex; align-items:center; justify-content:center;
	font-weight:700; font-size:13px; color:#fff; background:rgba(133,144,205,.25); border:1px solid var(--accent); }
.rg-guild .rgp-1{ background:rgba(255,207,90,.2); border-color:var(--gold); color:var(--gold); }
.rg-guild .rgp-2{ background:rgba(199,208,224,.15); border-color:#c7d0e0; color:#c7d0e0; }
.rg-guild .rgp-3{ background:rgba(216,150,90,.15); border-color:#d8965a; color:#d8965a; }
.rg-guild .nm{ flex:1; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rg-guild .pts{ color:var(--accent-2); font-size:13px; }

/* responsive */
@media (max-width:1100px){
	.rg-grid{ flex-wrap:wrap; }
	.rg-left, .rg-right{ width:100%; }
	.rg-center{ flex:1 1 100%; order:-1; }
}
@media (max-width:600px){
	.rg-news-banner span{ font-size:20px; }
	.rg-tab{ padding:8px 11px; font-size:11px; }
}