/* Estilos base del foro (antes en línea en includes/header.php) */
/* ── RESET ── */
*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { height: 100%; }
body {
  background: var(--bg);
  background-image:
    radial-gradient(ellipse at 15% 12%, rgba(0,180,160,.16) 0%, transparent 48%),
    radial-gradient(ellipse at 85% 80%, rgba(0,100,200,.13) 0%, transparent 48%),
    radial-gradient(ellipse at 55% 42%, rgba(255,122,47,.07) 0%, transparent 38%),
    radial-gradient(rgba(255,122,47,.03) 1px, transparent 1px);
  background-size: auto, auto, auto, 32px 32px;
  background-attachment: fixed;
  color: var(--text);
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
[data-theme="light"] body {
  background-image:
    radial-gradient(ellipse at 15% 12%, rgba(0,200,190,.12) 0%, transparent 48%),
    radial-gradient(ellipse at 85% 80%, rgba(0,160,210,.10) 0%, transparent 48%),
    radial-gradient(ellipse at 55% 42%, rgba(0,180,200,.06) 0%, transparent 38%),
    radial-gradient(rgba(3,105,161,.03) 1px, transparent 1px);
  background-size: auto, auto, auto, 32px 32px;
}
a { color: inherit; }
img { max-width: 100%; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg-dark); }
::-webkit-scrollbar-thumb { background: var(--green); border-radius: 3px; }

/* ── HEADER ── */

/* ── HEADER INLINE NAV ── */
.site-header {
  background: rgba(1,11,26,.82);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255,122,47,.1);
  box-shadow: 0 1px 0 rgba(255,122,47,.1), 0 4px 30px rgba(0,0,0,.5);
  position: sticky;
  top: 0;
  z-index: 100;
  transition: background 0.2s, border-color 0.2s;
}
[data-theme="light"] .site-header {
  background: rgba(238,243,255,.88);
  border-bottom-color: rgba(3,105,161,.14);
}
.header-inner {
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 20px;
}
.header-nav {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
.hnav-link {
  padding: 7px 12px;
  color: var(--text-m);
  text-decoration: none;
  font-family: 'Oswald', sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  border-radius: 7px;
  transition: all .12s;
  white-space: nowrap;
}
.hnav-link:hover { background: var(--bg-hover); color: var(--green); }
.hnav-link.active { background: var(--green-bg); color: var(--green); }
.hnav-link.vip { color: var(--gold); }
.hnav-link.vip:hover { background: rgba(200,160,0,.08); }
.hnav-link.vip.active { background: rgba(200,160,0,.08); }
.hnav-online {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  font-family: 'Oswald', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: var(--text-d);
  white-space: nowrap;
}

/* Remove old site-nav styles (keep but override) */
.site-nav { display: none !important; }

.site-logo { text-decoration: none; flex-shrink: 0; display: flex; align-items: center; gap: 8px; }
.logo-img  { height: 80px; width: auto; object-fit: contain; }
.logo-text {
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .5px;
  white-space: nowrap;
  background: var(--grad-primary, linear-gradient(135deg, var(--green), var(--accent, #00b4d8)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Mobile hamburger */
.mob-menu-btn {
  display: none;
  width: 36px; height: 36px;
  border-radius: 8px;
  background: transparent;
  border: 1px solid var(--border);
  color: var(--text-m);
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-shrink: 0;
}
.mob-menu-btn span {
  display: block;
  width: 16px; height: 2px;
  background: currentColor;
  border-radius: 2px;
  transition: all .2s;
}
.mob-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 90;
  backdrop-filter: blur(4px);
}
.mob-overlay.show { display: block; }
.mob-nav {
  display: none;
  position: fixed;
  top: 0; right: 0;
  width: 260px; height: 100vh;
  background: var(--bg-card);
  border-left: 1px solid var(--border);
  z-index: 95;
  flex-direction: column;
  padding: 20px 0;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform .25s var(--ease-out, cubic-bezier(.25,.46,.45,.94));
}
.mob-nav.show { transform: translateX(0); }
.mob-nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  color: var(--text-m);
  text-decoration: none;
  font-family: 'Oswald', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  border-bottom: 1px solid var(--border);
  transition: all .12s;
}
.mob-nav-item:hover, .mob-nav-item.active { color: var(--green); background: var(--bg-hover); }
@media(max-width: 768px) {
  .mob-menu-btn  { display: flex; }
  .header-nav    { display: none; }
  .header-search { display: none; }
  .mob-nav       { display: flex; }
}
@media(max-width: 768px) {
  /* Notification panel — full width */
  .notif-panel {
    width: calc(100vw - 20px);
    right: -10px;
    left: auto;
  }
  /* Gear dropdown — full width */
  .gear-panel {
    width: calc(100vw - 20px);
    right: 0;
    left: auto;
  }
  /* Credits pill — compact */
  .credits-pill .lbl { display: none; }
  /* Header padding */
  .header-inner { padding: 8px 12px; gap: 6px; }
}
@media(max-width: 400px) {
  .credits-pill .val { font-size: 12px; }
  .credits-pill { padding: 4px 8px; }
}

/* Search */
.header-search {
  flex: 1;
  max-width: 380px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 7px 13px;
  transition: border .15s;
}
.header-search:focus-within { border-color: var(--green-border); }
.header-search svg { color: var(--text-d); flex-shrink: 0; }
.header-search input {
  background: none;
  border: none;
  outline: none;
  color: var(--text);
  font-size: 13px;
  width: 100%;
  font-family: 'Barlow', sans-serif;
}
.header-search input::placeholder { color: var(--text-d); }

/* Actions */
.header-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

/* Credits pill */
.credits-pill {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 20px;
  background: rgba(200,160,0,.1);
  border: 1px solid rgba(200,160,0,.3);
  text-decoration: none;
  transition: all .15s;
}
.credits-pill:hover { background: rgba(200,160,0,.18); }
.cr-icon { width: 16px; height: 16px; object-fit: contain; }
.credits-pill .val { font-family: 'Oswald', sans-serif; font-weight: 700; color: var(--gold); font-size: 14px; }
.credits-pill .lbl { font-size: 10px; color: var(--gold-d); font-family: 'Oswald', sans-serif; }

/* Header icon buttons */
.hdr-btn {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: transparent;
  border: 1px solid var(--border);
  color: var(--text-m);
  cursor: pointer;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .15s;
  position: relative;
}
.hdr-btn:hover { border-color: var(--green-border); color: var(--green); }

/* Notification badge */
.notif-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  background: var(--red);
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-size: 9px;
  font-weight: 700;
  min-width: 16px;
  height: 16px;
  border-radius: 8px;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
}

/* Notification panel */
.notif-panel {
  display: none;
  position: absolute;
  top: 44px;
  right: 0;
  width: 320px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0,0,0,.12);
  z-index: 300;
  overflow: hidden;
}
.notif-head {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--bg-dark);
}
.notif-head-title {
  font-family: 'Oswald', sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: var(--green);
  text-transform: uppercase;
  letter-spacing: .5px;
}

/* Gear dropdown */
.gear-wrap { position: relative; display: inline-block; }
.gear-panel {
  position: fixed;
  top: 62px;
  right: 0;
  width: 248px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 0 0 14px 14px;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
  z-index: 9999;
  overflow: hidden;
  display: none;
  animation: fadeSlide .18s ease;
}
.gear-panel.open { display: block; }
.gear-user {
  padding: 13px 16px;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 10px;
}
.gear-av {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--green-d), var(--green-l));
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  flex-shrink: 0;
}
.gear-av img { width: 100%; height: 100%; object-fit: cover; }
.gear-uname { font-family: 'Oswald', sans-serif; font-weight: 700; color: var(--text); font-size: 13px; }
.gear-credits { font-size: 10px; color: var(--text-m); }
.gear-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 16px;
  text-decoration: none;
  color: var(--text-m);
  font-size: 13px;
  border-bottom: 1px solid var(--border);
  transition: background .12s;
}
.gear-item:last-child { border-bottom: none; }
.gear-item:hover { background: var(--bg-hover); color: var(--text); }
.gear-item.admin-link { color: var(--gold); font-family: 'Oswald', sans-serif; font-weight: 700; }
.gear-item.logout-link { color: var(--red); }

/* ── NAV ── */
.site-nav {
  background: var(--green);
}
.nav-inner {
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 0 20px;
  overflow-x: auto;
}
.nav-link {
  padding: 11px 16px;
  color: rgba(255,255,255,.8);
  text-decoration: none;
  font-family: 'Oswald', sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .6px;
  border-bottom: 3px solid transparent;
  transition: all .15s;
  white-space: nowrap;
}
.nav-link:hover { color: #fff; border-bottom-color: rgba(255,255,255,.5); }
.nav-link.active { color: #fff; border-bottom-color: var(--gold-b); }
.nav-link.vip-link { color: var(--gold-b); }

/* ── BUTTONS ── */
.btn {
  padding: 7px 16px;
  border-radius: 7px;
  font-family: 'Oswald', sans-serif;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid var(--border);
  transition: all .12s;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
}
.btn-gold {
  background: linear-gradient(135deg, var(--gold-l), var(--gold));
  color: #fff;
  border-color: transparent;
}
.btn-gold:hover { background: linear-gradient(135deg, var(--gold-b), var(--gold-l)); }
.btn-ghost { background: var(--bg-card); color: var(--text-m); }
.btn-ghost:hover { border-color: var(--green-border); color: var(--green); }
.btn-red   { background: var(--red-bg); border-color: var(--red-bd); color: var(--red); }
.btn-green { background: var(--green-bg); border-color: rgba(42,120,53,.25); color: var(--green); }
.btn-admin { background: rgba(200,160,0,.1); border-color: rgba(200,160,0,.3); color: var(--gold); }
.btn-sm    { padding: 4px 10px; font-size: 11px; }

/* ── LAYOUT ── */
.layout-wrap {
  max-width: 100%;
  margin: 0 auto;
  padding: 16px 20px;
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 18px;
}
.main   { min-width: 0; }
.sidebar { min-width: 0; }
@media(max-width:900px) {
  .layout-wrap { grid-template-columns: 1fr; }
  .sidebar { display: none; }
}

/* ── CARDS ── */
.card {
  background: rgba(4,15,32,.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
  box-shadow: 0 4px 24px rgba(0,0,0,.2);
}
[data-theme="light"] .card {
  background: rgba(255,255,255,.72);
}
.card-head {
  padding: 13px 18px;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-title {
  font-family: 'Oswald', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--green);
  text-transform: uppercase;
  letter-spacing: .5px;
}
.card-body { padding: 16px 18px; }

/* ── SECTION (categorías index) ── */
.section {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 12px;
  margin-bottom: 20px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
.section-header {
  padding: 13px 20px;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 10px;
}
.section-title {
  font-family: 'Oswald', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--green-d);
  text-transform: uppercase;
  letter-spacing: .5px;
}
.cat-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 20px;
  border-bottom: 1px solid var(--border);
  transition: background .12s;
  text-decoration: none;
  color: var(--text);
}
.cat-row:hover { background: var(--bg-hover); }
.cat-row:last-child { border-bottom: none; }
.cat-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: var(--green-bg);
  border: 1px solid rgba(42,120,53,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}
.cat-info   { flex: 1; min-width: 0; }
.cat-name   { font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 700; color: var(--text); }
.cat-desc   { font-size: 12px; color: var(--text-m); margin-top: 2px; }
.cat-stats  { display: flex; gap: 12px; font-size: 11px; color: var(--text-d); margin-top: 3px; }
.cat-last   { text-align: right; min-width: 120px; font-size: 11px; color: var(--text-d); }

/* ── BREADCRUMB ── */
.breadcrumb {
  font-size: 12px;
  color: var(--text-m);
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding: 10px 0;
}
.breadcrumb a { color: var(--green); text-decoration: none; }
.breadcrumb a:hover { color: var(--green-d); text-decoration: underline; }
.sep     { color: var(--text-d); }
.current { color: var(--text-m); }

/* ── SIDEBAR WIDGETS ── */
.credit-sb {
  background: var(--bg-card);
  border: 1px solid rgba(200,160,0,.3);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 14px;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
.credit-sb-big {
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: var(--gold);
}
.credit-bar-wrap { background: var(--border); border-radius: 4px; height: 5px; margin: 8px 0; }
.credit-bar { background: linear-gradient(90deg, var(--gold-d), var(--gold-b)); height: 100%; border-radius: 4px; }
.discord-card {
  background: linear-gradient(135deg, #4a6bc5, #6b88d4);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 14px;
  text-align: center;
  color: #fff;
}
.online-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 14px;
}

/* ── SORT BAR ── */
.sort-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.sort-btn {
  padding: 6px 14px;
  border-radius: 7px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  color: var(--text-m);
  font-family: 'Oswald', sans-serif;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all .15s;
}
.sort-btn.active { background: var(--green-bg); border-color: rgba(42,120,53,.3); color: var(--green); }
.sort-btn:hover  { border-color: var(--green-border); }

/* ── FORM INPUTS ── */
.form-label {
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: var(--text-m);
  text-transform: uppercase;
  letter-spacing: .3px;
  margin-bottom: 5px;
}
.form-input,
.form-select,
.form-textarea {
  width: 100%;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 9px 12px;
  color: var(--text);
  font-size: 13px;
  font-family: 'Barlow', sans-serif;
  outline: none;
  transition: border .15s;
}
.form-input:focus,
.form-select:focus,
.form-textarea:focus { border-color: var(--green-border); }

/* ── FOOTER (legacy fallback — sobrescrito por design-system.css .nexus-footer) ── */
.site-footer {
  background: var(--bg-dark);
  color: var(--text-d);
  padding: 18px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
  margin-top: auto;
  flex-shrink: 0;
  border-top: 1px solid var(--border);
}
.footer-copy { color: var(--text-d); }
.footer-links { display: flex; gap: 16px; }
.footer-links a { color: var(--text-d); text-decoration: none; font-family: 'Oswald', sans-serif; font-weight: 700; }
.footer-links a:hover { color: var(--green); }

/* ── COOKIE BANNER ── */
#cookieBanner {
  position: fixed;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px 20px;
  z-index: 9998;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 8px 32px rgba(0,0,0,.12);
  font-size: 12px;
  color: var(--text-m);
  max-width: 560px;
  width: 90%;
  transition: bottom .4s ease;
}
#cookieBanner.show { bottom: 20px; }
.cookie-text { flex: 1; line-height: 1.5; }
.cookie-text a { color: var(--green); }
.cookie-btns { display: flex; gap: 8px; flex-shrink: 0; }
.btn-cookie-accept {
  padding: 7px 16px;
  border-radius: 7px;
  background: var(--green);
  color: #fff;
  border: none;
  font-family: 'Oswald', sans-serif;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.btn-cookie-reject {
  padding: 7px 14px;
  border-radius: 7px;
  background: transparent;
  color: var(--text-m);
  border: 1px solid var(--border);
  font-family: 'Oswald', sans-serif;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

/* ── AGE MODAL ── */
#age-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.75);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
}


/* ── PAGE SPECIFIC ── */
/* Tags, upload, hilo, etc */
.tags-wrap { position: relative; z-index: 2; }
.upload-area { position: relative; z-index: 1; }

/* Hilo page */
.main-col { flex: 1; min-width: 0; }
.side-col  { width: 260px; flex-shrink: 0; }
.hilo-wrap { max-width: 1100px; margin: 0 auto; padding: 20px; display: flex; gap: 20px; }
@media(max-width:860px) { .hilo-wrap { flex-direction: column; } .side-col { display: none; } }

/* Post boxes */
.post-box  {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 10px;
  margin-bottom: 12px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,.04);
}
.post-hd {
  padding: 10px 14px;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 9px;
  background: var(--bg-dark);
}
.post-bd  { padding: 14px 16px; font-size: 13px; line-height: 1.8; color: var(--text); }
.post-ft  {
  padding: 8px 14px;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--bg-dark);
}

/* Reply form */
.reply-wrap { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; margin-top: 10px; }
.reply-toggle-row { padding: 14px 16px; background: var(--bg-dark); display: flex; align-items: center; gap: 12px; }
.reply-form  { display: none; border-top: 1px solid var(--border); }
.reply-tb    { display: flex; gap: 4px; flex-wrap: wrap; padding: 7px; background: var(--bg-dark); border-bottom: 1px solid var(--border); }
.reply-eb    { padding: 4px 11px; border-radius: 4px; background: var(--bg-card); border: 1px solid var(--border); color: var(--text-m); font-size: 11px; font-family: 'Oswald', sans-serif; font-weight: 700; cursor: pointer; }
.reply-eb:hover { border-color: var(--green-border); color: var(--green); }
.reply-area  { display: block; width: 100%; min-height: 110px; background: var(--bg-card); border: none; border-bottom: 1px solid var(--border); padding: 12px; color: var(--text); font-size: 13px; font-family: 'Barlow', sans-serif; outline: none; line-height: 1.7; resize: vertical; box-sizing: border-box; }
.reply-ft    { padding: 10px 14px; display: flex; align-items: center; gap: 10px; background: var(--bg-dark); }

/* Download box */
.dl-box { background: var(--bg-card); border: 2px solid var(--green-border); border-radius: 10px; padding: 16px; margin-bottom: 14px; }
.dl-box.free     { border-color: rgba(42,100,200,.3); }
.dl-box.creditos { border-color: rgba(180,50,160,.3); }
.dl-box.vip      { border-color: rgba(200,160,0,.4); }
.dl-link { padding: 10px; background: var(--green-bg); border: 1px solid rgba(42,120,53,.2); border-radius: 7px; word-break: break-all; font-size: 12px; }
.dl-link a { color: var(--green); text-decoration: none; }
.dl-link a:hover { text-decoration: underline; }

/* Tags */
.htag { display: inline-block; padding: 2px 9px; border-radius: 4px; font-family: 'Oswald', sans-serif; font-size: 10px; font-weight: 700; margin-right: 4px; margin-bottom: 4px; border: 1px solid; }
.ht-free    { background: rgba(8,145,178,.08); border-color: rgba(8,145,178,.22); color: #0891b2; }
.ht-vip     { background: rgba(200,160,0,.1);   border-color: rgba(200,160,0,.35);  color: var(--gold); }
.ht-hot     { background: rgba(192,57,43,.08);  border-color: rgba(192,57,43,.25);  color: var(--red); }
.ht-new     { background: rgba(42,120,53,.08);  border-color: rgba(42,120,53,.25);  color: var(--green); }
.ht-def     { background: var(--bg-dark);       border-color: var(--border);        color: var(--text-m); }

/* Star ratings */
.star-btn { font-size: 24px; cursor: pointer; transition: transform .15s; color: #ddd; display: inline-block; line-height: 1; }
.star-btn.on { color: var(--gold-b); }

/* Stat boxes (index sidebar) */
.sb-stat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0;
  border-bottom: 1px solid var(--border);
  font-size: 12px;
  color: var(--text-m);
}
.sb-stat:last-child { border-bottom: none; }
.sb-stat .sv { font-family: 'Oswald', sans-serif; font-weight: 700; color: var(--green); }

/* Profile */
.profile-wrap { max-width: 900px; margin: 0 auto; }

/* Nuevo hilo */
.pc  { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; margin-bottom: 14px; overflow: hidden; }
.ph  { padding: 11px 16px; background: var(--bg-dark); border-bottom: 1px solid var(--border); font-family: 'Oswald', sans-serif; font-size: 11px; font-weight: 700; color: var(--green); text-transform: uppercase; letter-spacing: .5px; }
.ni  { width: 100%; background: var(--bg-card); border: 1px solid var(--border); border-radius: 7px; padding: 9px 12px; color: var(--text); font-size: 13px; font-family: 'Barlow', sans-serif; outline: none; transition: border .15s; box-sizing: border-box; }
.ni:focus { border-color: var(--green-border); }
.lbl { font-family: 'Oswald', sans-serif; font-size: 11px; font-weight: 700; color: var(--text-m); text-transform: uppercase; letter-spacing: .3px; display: block; margin-bottom: 5px; }

/* Admin */
.admin-nav   { background: var(--green-d); }
.admin-main  { background: var(--bg); }
.admin-card  { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; margin-bottom: 16px; }
.admin-card-head { padding: 11px 16px; background: var(--bg-dark); border-bottom: 1px solid var(--border); }
.admin-card-title { font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 700; color: var(--green); text-transform: uppercase; letter-spacing: .4px; }
.admin-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.admin-table th { padding: 8px 12px; text-align: left; font-family: 'Oswald', sans-serif; font-size: 11px; font-weight: 700; color: var(--text-m); text-transform: uppercase; letter-spacing: .4px; border-bottom: 1px solid var(--border); background: var(--bg-dark); }
.admin-table td { padding: 9px 12px; border-bottom: 1px solid var(--border); color: var(--text); }
.admin-table tr:hover td { background: var(--bg-hover); }
.admin-table tr:last-child td { border-bottom: none; }
.stat-box { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; padding: 16px; }
.stat-box .num   { font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 700; color: var(--green); line-height: 1; }
.stat-box .label { font-size: 11px; color: var(--text-m); margin-top: 4px; }
.stat-box .sub   { font-size: 11px; color: var(--green-l); margin-top: 2px; }

/* Badges */
.badge { padding: 2px 8px; border-radius: 4px; font-family: 'Oswald', sans-serif; font-size: 10px; font-weight: 700; }
.badge-ok   { background: var(--green-bg); color: var(--green); border: 1px solid rgba(42,120,53,.25); }
.badge-warn { background: rgba(200,160,0,.1); color: var(--gold); border: 1px solid rgba(200,160,0,.3); }
.badge-red  { background: var(--red-bg); color: var(--red); border: 1px solid var(--red-bd); }

/* Transitions */
@keyframes fadeIn { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:none; } }
@keyframes slideUp { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }

/* ── INDEX PAGE ── */
.stats-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:16px;}
.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 4px rgba(0,0,0,.04);}
.stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.si-gold{background:rgba(200,160,0,.1);border:1px solid rgba(200,160,0,.25);}
.si-silver{background:rgba(150,150,160,.1);border:1px solid rgba(150,150,160,.2);}
.si-green{background:var(--green-bg);border:1px solid rgba(42,120,53,.2);}
.stat-val{font-family:'Oswald',sans-serif;font-size:22px;font-weight:700;color:var(--text);}
.stat-lbl{font-size:11px;color:var(--text-m);margin-top:1px;}
@media(max-width:600px){.stats-bar{grid-template-columns:repeat(2,1fr);}}

.hero-banner{background:linear-gradient(135deg,var(--green-d),var(--green));border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;margin-bottom:20px;color:#fff;}
.hero-text h2{font-family:'Oswald',sans-serif;font-size:20px;font-weight:700;margin-bottom:4px;}
.hero-text p{font-size:13px;opacity:.85;line-height:1.5;}
.hero-text{flex:1;}
.hero-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;}

.hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:12px;}
.hcard{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:box-shadow .15s,border-color .15s;}
.hcard:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);border-color:var(--green-border);}
.hcard-img{height:130px;background:var(--bg-dark);overflow:hidden;}
.hcard-img img{width:100%;height:100%;object-fit:cover;}
.hcard-body{padding:12px 14px;}
.hcard-title{font-family:'Oswald',sans-serif;font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hcard-meta{font-size:11px;color:var(--text-m);display:flex;gap:10px;flex-wrap:wrap;}
.hcard-foot{padding:8px 14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;background:var(--bg-dark);}
.hcard-stat{font-size:11px;color:var(--text-m);}
.hcard-badges{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px;}
.hcard-last{font-size:10px;color:var(--text-d);margin-left:auto;}
.hcard-pin{color:var(--gold);}
.popular-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:3px;background:rgba(192,57,43,.08);border:1px solid rgba(192,57,43,.2);color:var(--red);font-family:'Oswald',sans-serif;font-size:9px;font-weight:700;}

.thread-row,.hc{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:8px;text-decoration:none;color:var(--text);transition:background .12s,border-color .12s;}
.thread-row:hover,.hc:hover{background:var(--bg-hover);border-color:var(--green-border);}
.hch,.thread-head{font-family:'Oswald',sans-serif;font-size:14px;font-weight:700;color:var(--text);}
.hcb,.thread-body{font-size:12px;color:var(--text-m);margin-top:2px;}
.hm,.thread-meta{font-size:11px;color:var(--text-d);display:flex;gap:10px;flex-wrap:wrap;}
.hs,.thread-stats{display:flex;gap:12px;font-size:11px;color:var(--text-m);flex-shrink:0;}
.hw{flex:1;min-width:0;}
.hb-dl,.hb{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:3px;font-family:'Oswald',sans-serif;font-size:10px;font-weight:700;}
.hb-free{background:rgba(8,145,178,.08);border:1px solid rgba(8,145,178,.22);color:#0891b2;}
.hb-vip{background:rgba(200,160,0,.08);border:1px solid rgba(200,160,0,.25);color:var(--gold);}
.hb-hot{background:rgba(192,57,43,.07);border:1px solid rgba(192,57,43,.2);color:var(--red);}
.hb-new{background:var(--green-bg);border:1px solid rgba(42,120,53,.2);color:var(--green);}
.new-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0;}
.online-dot{width:7px;height:7px;border-radius:50%;background:#27ae60;display:inline-block;}
.hilo-stats{display:flex;gap:10px;font-size:11px;color:var(--text-m);}

/* ── HILO PAGE ── */
.hilo-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.04);}
.hilo-titulo{font-family:'Oswald',sans-serif;font-size:20px;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.3;}
.hilo-meta{font-size:12px;color:var(--text-m);display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.hilo-cover{width:100%;max-height:340px;object-fit:cover;display:block;}
.hilo-body{font-size:13px;line-height:1.8;color:var(--text);}
.hilo-body img{max-width:100%;border-radius:6px;}

.post-av{width:42px;height:42px;border-radius:50%;overflow:hidden;flex-shrink:0;}
.post-av img{width:100%;height:100%;object-fit:cover;}
.post-uname{font-family:'Oswald',sans-serif;font-size:13px;font-weight:700;color:var(--text);}
.post-role-badge{padding:1px 7px;border-radius:3px;font-family:'Oswald',sans-serif;font-size:9px;font-weight:700;border:1px solid;}
.post-time{font-size:11px;color:var(--text-d);}
.like-b{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;background:transparent;border:1px solid var(--border);color:var(--text-m);font-family:'Oswald',sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;}
.like-b:hover{border-color:var(--red-bd);color:var(--red);}
.like-b.liked{background:var(--red-bg);border-color:var(--red-bd);color:var(--red);}

/* ── CATEGORÍA PAGE ── */
.cat-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 4px rgba(0,0,0,.04);}
.cat-hero-icon{width:56px;height:56px;border-radius:12px;background:var(--green-bg);border:1px solid rgba(42,120,53,.2);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;}
.cat-hero-name{font-family:'Oswald',sans-serif;font-size:22px;font-weight:700;color:var(--text);}
.cat-hero-desc{font-size:13px;color:var(--text-m);margin-top:3px;}
.cat-hero-stats{display:flex;gap:16px;margin-top:8px;}
.cat-hero-stat{font-size:12px;color:var(--text-m);}
.cat-hero-stat .v{font-family:'Oswald',sans-serif;font-weight:700;color:var(--green);font-size:16px;}
.cat-hero-stat .l{font-size:10px;color:var(--text-d);}
.cat-tb{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.cat-wrap{padding:4px 14px 14px;}
.cat-select{background:var(--bg-card);border:1px solid var(--border);border-radius:7px;padding:7px 10px;color:var(--text);font-family:'Barlow',sans-serif;font-size:13px;outline:none;}
.filtros{display:flex;gap:8px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--border);}
.filtro-tab{padding:5px 14px;border-radius:6px;background:#fff;border:1px solid var(--border);color:var(--text-m);font-family:'Oswald',sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;}
.filtro-tab.active{background:var(--green-bg);border-color:rgba(42,120,53,.3);color:var(--green);}
.filtro-sep{width:1px;background:var(--border);margin:0 4px;}
.category-list{border-radius:10px;overflow:hidden;}
.category-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-card);}
.category-item:last-child{border-bottom:none;}
.empty,.empty-cat{padding:40px;text-align:center;color:var(--text-m);font-size:13px;}
.empty-cat{color:var(--text-d);}

/* ── MIEMBROS ── */
.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:12px;}
.member-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:18px;text-align:center;text-decoration:none;color:var(--text);transition:all .15s;}
.member-card:hover{border-color:var(--green-border);box-shadow:0 4px 16px rgba(0,0,0,.06);}
.member-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto 10px;overflow:hidden;background:var(--green-bg);display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-size:22px;font-weight:700;color:var(--green);border:2px solid rgba(42,120,53,.2);}
.member-avatar img{width:100%;height:100%;object-fit:cover;}
.u-name{font-family:'Oswald',sans-serif;font-size:14px;font-weight:700;color:var(--text);margin-bottom:3px;}
.u-rank{font-size:11px;color:var(--text-m);margin-bottom:6px;}
.u-posts{font-size:11px;color:var(--text-d);}
.stats-top{display:flex;gap:8px;padding:14px;border-bottom:1px solid var(--border);flex-wrap:wrap;}
.met-tabs,.ptabs{display:flex;gap:4px;padding:0 14px;border-bottom:1px solid var(--border);}
.met-tab,.ptab{padding:9px 16px;font-family:'Oswald',sans-serif;font-size:12px;font-weight:700;color:var(--text-m);border-bottom:2px solid transparent;cursor:pointer;transition:all .15s;}
.met-tab.active,.ptab.active{color:var(--green);border-bottom-color:var(--green);}
.ubox,.user-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);}
.ubox:last-child,.user-row:last-child{border-bottom:none;}
.top-av,.avatar-sm{width:38px;height:38px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--green-bg);display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-weight:700;color:var(--green);font-size:14px;}
.top-av img,.avatar-sm img{width:100%;height:100%;object-fit:cover;}
.top-autor,.username{font-family:'Oswald',sans-serif;font-size:13px;font-weight:700;color:var(--text);}
.stat-mini{font-size:11px;color:var(--text-m);}
.rol{padding:2px 8px;border-radius:3px;font-family:'Oswald',sans-serif;font-size:9px;font-weight:700;border:1px solid;}
.pnum{font-family:'Oswald',sans-serif;font-weight:700;font-size:16px;color:var(--gold);width:28px;text-align:center;flex-shrink:0;}
.user-result{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text);}
.user-result:hover{background:var(--bg-hover);}

/* ── VIP PAGE ── */
.vip-hero{background:linear-gradient(135deg,var(--gold-d),var(--gold-l));border-radius:12px;padding:28px;text-align:center;color:#fff;margin-bottom:24px;}
.mvtitle{font-family:'Oswald',sans-serif;font-size:26px;font-weight:700;}
.mvsub{font-size:14px;opacity:.85;margin-top:6px;}
.mvbox{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);border-radius:8px;padding:8px 18px;margin-top:14px;font-family:'Oswald',sans-serif;font-weight:700;}
.planes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:20px;}
.plan-card{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:20px;text-align:center;transition:all .2s;position:relative;}
.plan-card:hover,.plan-card.featured{border-color:var(--gold);box-shadow:0 6px 24px rgba(200,160,0,.15);}
.plan-name{font-family:'Oswald',sans-serif;font-size:18px;font-weight:700;color:var(--text);margin-bottom:6px;}
.plan-price{font-family:'Oswald',sans-serif;font-size:32px;font-weight:700;color:var(--gold);margin:10px 0;}
.plan-features{text-align:left;margin:14px 0;font-size:13px;color:var(--text-m);}
.plan-features li{padding:5px 0;border-bottom:1px solid var(--border);list-style:none;display:flex;align-items:center;gap:8px;}
.pack-badge{position:absolute;top:-8px;right:12px;padding:2px 12px;border-radius:10px;background:var(--gold);color:#fff;font-family:'Oswald',sans-serif;font-size:10px;font-weight:700;}
.vc-yes{color:var(--green);}
.vc-no{color:var(--red);}
.vip-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border);}
.vip-tab{padding:9px 18px;font-family:'Oswald',sans-serif;font-size:12px;font-weight:700;color:var(--text-m);border-bottom:2px solid transparent;cursor:pointer;}
.vip-tab.active{color:var(--gold);border-bottom-color:var(--gold);}
.vip-info{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:14px;}
.vip-compare{width:100%;border-collapse:collapse;font-size:13px;}
.vip-compare th,.vip-compare td{padding:10px 12px;border:1px solid var(--border);text-align:left;}
.vip-compare th{background:var(--bg-dark);font-family:'Oswald',sans-serif;font-weight:700;color:var(--green);}
.btn-vip{padding:10px;width:100%;border-radius:8px;background:linear-gradient(135deg,var(--gold-d),var(--gold-l));border:none;color:#fff;font-family:'Oswald',sans-serif;font-size:13px;font-weight:700;cursor:pointer;margin-top:10px;}
.btn-vip-cancel,.btn-vip-confirm{padding:8px 18px;border-radius:7px;font-family:'Oswald',sans-serif;font-size:12px;font-weight:700;cursor:pointer;}
.btn-vip-cancel{background:transparent;border:1px solid var(--border);color:var(--text-m);}
.btn-vip-confirm{background:var(--green);border:none;color:#fff;}
.modal-vip,.modal-cr{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:500;display:none;align-items:center;justify-content:center;}
.modal-vip.show,.modal-cr.show{display:flex;}
.modal-box-cr{background:#fff;border-radius:12px;padding:24px;max-width:420px;width:90%;box-shadow:0 16px 48px rgba(0,0,0,.15);}
.modal-title-cr{font-family:'Oswald',sans-serif;font-size:18px;font-weight:700;color:var(--text);margin-bottom:12px;}
.modal-sub-cr{font-size:13px;color:var(--text-m);margin-bottom:16px;}
.concepto-box,.concepto-vip{background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:14px;font-size:13px;color:var(--text-m);}

/* ── CRÉDITOS PAGE ── */
.tienda-hero{background:linear-gradient(135deg,var(--green-d),var(--green));border-radius:12px;padding:24px;color:#fff;margin-bottom:20px;}
.tienda-wrap{max-width:900px;margin:0 auto;padding:20px;}
.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:20px;}
.pack{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:18px;text-align:center;cursor:pointer;transition:all .2s;position:relative;}
.pack:hover,.pack.selected{border-color:var(--gold);box-shadow:0 6px 20px rgba(200,160,0,.12);}
.pack-name{font-family:'Oswald',sans-serif;font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px;}
.pack-amount{font-family:'Oswald',sans-serif;font-size:28px;font-weight:700;color:var(--gold);}
.pack-bonus{font-size:11px;color:var(--green);margin:4px 0;}
.pack-price{font-size:13px;color:var(--text-m);}
.pack-logo{font-size:28px;margin-bottom:8px;}
.pack-badge{position:absolute;top:-8px;right:8px;padding:2px 10px;border-radius:10px;background:var(--red);color:#fff;font-family:'Oswald',sans-serif;font-size:9px;font-weight:700;}
.ni-cr{font-style:italic;font-size:12px;color:var(--text-m);margin-top:4px;}
.balance-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:rgba(200,160,0,.1);border:1px solid rgba(200,160,0,.3);font-family:'Oswald',sans-serif;font-size:14px;font-weight:700;color:var(--gold);}
.earn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:12px 0;}
.earn-box{background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:12px;text-align:center;}
.earn-val{font-family:'Oswald',sans-serif;font-size:20px;font-weight:700;color:var(--green);}
.earn-lbl{font-size:11px;color:var(--text-m);margin-top:3px;}
.earn-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px;}
.earn-row:last-child{border-bottom:none;}
.paypal,.bizum{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;border:1px solid var(--border);cursor:pointer;transition:all .15s;margin-bottom:8px;}
.paypal:hover,.bizum:hover{border-color:var(--green-border);}
.info-met{font-size:12px;color:var(--text-m);margin-top:3px;}
.btn-comprar{padding:12px;width:100%;border-radius:8px;background:var(--green);border:none;color:#fff;font-family:'Oswald',sans-serif;font-size:14px;font-weight:700;cursor:pointer;}
.ni-vip{font-style:italic;font-size:11px;color:var(--gold);margin-top:3px;}

/* ── PERFIL ── */
.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:16px;}
.profile-banner{height:160px;background:linear-gradient(135deg,var(--green-d),var(--green));position:relative;}
.profile-banner-img{width:100%;height:100%;object-fit:cover;}
.profile-av{width:84px;height:84px;border-radius:50%;border:4px solid #fff;overflow:hidden;position:absolute;bottom:-42px;left:20px;background:var(--green-bg);display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-size:28px;font-weight:700;color:var(--green);}
.profile-av img{width:100%;height:100%;object-fit:cover;}
.profile-info{padding:52px 20px 16px;}
.profile-name{font-family:'Oswald',sans-serif;font-size:20px;font-weight:700;color:var(--text);}
.profile-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0;}
.profile-badge{padding:2px 9px;border-radius:4px;font-family:'Oswald',sans-serif;font-size:10px;font-weight:700;border:1px solid;}
.profile-bio{font-size:13px;color:var(--text-m);margin:6px 0 10px;}
.profile-meta{font-size:11px;color:var(--text-m);display:flex;gap:14px;flex-wrap:wrap;}
.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px;}
.profile-stat{background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:12px;text-align:center;}
.profile-stat .val{font-family:'Oswald',sans-serif;font-size:20px;font-weight:700;color:var(--green);}
.profile-stat .lbl{font-size:10px;color:var(--text-m);text-transform:uppercase;letter-spacing:.3px;}
.profile-tabs{display:flex;gap:4px;margin:0 14px 0;border-bottom:1px solid var(--border);}
.profile-tab{padding:9px 18px;font-family:'Oswald',sans-serif;font-size:12px;font-weight:700;color:var(--text-m);border-bottom:2px solid transparent;cursor:pointer;}
.profile-tab.active{color:var(--green);border-bottom-color:var(--green);}
.profile-tab-panel{padding:14px;}

/* ── BÚSQUEDA ── */
.search-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;}
.search-form{display:flex;gap:10px;}
.search-input{flex:1;background:#fff;border:2px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text);font-size:14px;font-family:'Barlow',sans-serif;outline:none;transition:border .15s;}
.search-input:focus{border-color:var(--green-border);}
.btn-buscar{padding:10px 22px;border-radius:8px;background:var(--green);border:none;color:#fff;font-family:'Oswald',sans-serif;font-size:13px;font-weight:700;cursor:pointer;}
.search-stats{font-size:12px;color:var(--text-m);margin-top:10px;}
.result-item{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;overflow:hidden;}
.result-item:hover{border-color:var(--green-border);}
.result-body{display:flex;gap:14px;padding:14px;}
.result-thumb{width:80px;height:60px;border-radius:7px;overflow:hidden;background:var(--bg-dark);flex-shrink:0;}
.result-thumb img{width:100%;height:100%;object-fit:cover;}
.result-titulo{font-family:'Oswald',sans-serif;font-size:15px;font-weight:700;color:var(--text);}
.result-titulo a{text-decoration:none;color:inherit;}
.result-titulo a:hover{color:var(--green);}
.result-extracto{font-size:12px;color:var(--text-m);margin-top:4px;line-height:1.6;}
.result-meta,.result-stats{font-size:11px;color:var(--text-d);margin-top:5px;display:flex;gap:10px;flex-wrap:wrap;}
.user-result{padding:10px 14px;}

/* ── CONFIGURACIÓN ── */
.cfg-wrap{max-width:860px;margin:0 auto;padding:24px 20px;}
.cfg-grid{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start;}
@media(max-width:680px){.cfg-grid{grid-template-columns:1fr;}}
.cfg-nav{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:sticky;top:76px;}
.cfg-nav-title{padding:10px 16px;font-family:'Oswald',sans-serif;font-size:10px;font-weight:700;color:var(--text-m);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);}
.cfg-nav-link{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;border:none;background:transparent;color:var(--text-m);font-family:'Barlow',sans-serif;font-size:13px;width:100%;text-align:left;border-left:2px solid transparent;transition:all .12s;}
.cfg-nav-link:hover{background:var(--bg-hover);color:var(--text);}
.cfg-nav-link.active{background:var(--green-bg);color:var(--green);border-left-color:var(--green);}
.cfg-panel{display:none;}
.cfg-panel.active{display:block;}
.cfg-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:14px;}
.cfg-card-head{padding:11px 16px;background:var(--bg-dark);border-bottom:1px solid var(--border);font-family:'Oswald',sans-serif;font-size:11px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.5px;}
.cfg-card-body{padding:16px;}
.cfg-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);gap:12px;}
.cfg-item:last-child{border-bottom:none;}
.cfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}

/* ── NUEVO HILO ── */
.pc{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-bottom:14px;overflow:hidden;}
.ph{padding:10px 16px;background:var(--bg-dark);border-bottom:1px solid var(--border);font-family:'Oswald',sans-serif;font-size:11px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.5px;}
.ni{width:100%;background:#fff;border:1px solid var(--border);border-radius:7px;padding:8px 12px;color:var(--text);font-size:13px;font-family:'Barlow',sans-serif;outline:none;box-sizing:border-box;}
.ni:focus{border-color:var(--green-border);}
.lbl{font-family:'Oswald',sans-serif;font-size:11px;font-weight:700;color:var(--text-m);text-transform:uppercase;letter-spacing:.3px;display:block;margin-bottom:5px;}
.dtgrid,.dtb{display:flex;gap:4px;flex-wrap:wrap;padding:8px;background:var(--bg-dark);border-bottom:1px solid var(--border);}
.dtb{padding:4px 10px;border-radius:4px;background:#fff;border:1px solid var(--border);color:var(--text-m);font-size:11px;font-family:'Oswald',sans-serif;font-weight:700;cursor:pointer;}
.dtb:hover{border-color:var(--green-border);color:var(--green);}
.eb,.ebar{display:flex;gap:4px;flex-wrap:wrap;padding:7px;background:var(--bg-dark);border-bottom:1px solid var(--border);}
.ez{padding:4px 10px;border-radius:4px;background:#fff;border:1px solid var(--border);color:var(--text-m);font-size:11px;font-family:'Oswald',sans-serif;font-weight:700;cursor:pointer;}
.tag-opt{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:4px;border:1px solid var(--border);font-size:11px;cursor:pointer;transition:all .15s;background:#fff;color:var(--text-m);}
.tag-opt:hover,.tag-opt.selected{background:var(--green-bg);border-color:rgba(42,120,53,.3);color:var(--green);}
.tgrid,.tg{display:flex;flex-wrap:wrap;gap:6px;}
.pb{padding:12px 16px;background:#fff;}
.ps{padding:12px 16px;}
.pw{display:flex;align-items:center;gap:8px;}

/* ── TOGGLE SWITCH ── */
.toggle-sw{position:relative;width:44px;height:24px;flex-shrink:0;}
.toggle-sw input{opacity:0;width:0;height:0;position:absolute;}
.toggle-sw-track{position:absolute;inset:0;border-radius:12px;background:var(--border);cursor:pointer;transition:background .2s;}
.toggle-sw input:checked+.toggle-sw-track{background:var(--green);}
.toggle-sw-track:before{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 4px rgba(0,0,0,.2);}
.toggle-sw input:checked+.toggle-sw-track:before{transform:translateX(20px);}

/* ── BLOQUEOS (configuración) ── */
.bl-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);}
.bl-row:last-child{border-bottom:none;}
.bl-av{width:34px;height:34px;border-radius:50%;background:var(--green-bg);border:1px solid rgba(42,120,53,.2);display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-weight:700;color:var(--green);font-size:13px;overflow:hidden;flex-shrink:0;}
.bl-av img{width:100%;height:100%;object-fit:cover;}

/* ── ACTIVIDAD LOG ── */
.act-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:12px;}
.act-row:last-child{border-bottom:none;}
.act-icon{width:28px;height:28px;border-radius:50%;background:var(--bg-dark);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;}
.act-tipo{font-family:'Oswald',sans-serif;font-weight:700;color:var(--green);font-size:11px;text-transform:uppercase;}
.act-desc{color:var(--text-m);flex:1;}
.act-time{font-size:10px;color:var(--text-d);white-space:nowrap;}

/* ── FAQ ── */
.faq-item{border:1px solid var(--border);border-radius:8px;margin-bottom:8px;overflow:hidden;}
.faq-q{padding:12px 16px;background:var(--bg-dark);cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:'Oswald',sans-serif;font-weight:700;color:var(--text);}
.faq-a{padding:12px 16px;font-size:13px;color:var(--text-m);display:none;line-height:1.7;}
.faq-arrow{transition:transform .2s;}
.faq-item.open .faq-arrow{transform:rotate(180deg);}
.faq-item.open .faq-a{display:block;}

/* ── PAGINADOR ── */
.paginator{display:flex;align-items:center;gap:6px;padding:14px;flex-wrap:wrap;}
.page-btn{padding:6px 12px;border-radius:6px;background:#fff;border:1px solid var(--border);color:var(--text-m);font-family:'Oswald',sans-serif;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .15s;}
.page-btn:hover{border-color:var(--green-border);color:var(--green);}
.page-btn.active{background:var(--green);border-color:transparent;color:#fff;}
.page-btn.disabled{opacity:.4;cursor:default;pointer-events:none;}

/* ── NOVEDADES ── */
.page-hero{background:linear-gradient(135deg,var(--green-d),var(--green));border-radius:12px;padding:22px;color:#fff;margin-bottom:18px;}
.recent-item{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);}
.recent-item:last-child{border-bottom:none;}
.r-title{font-family:'Oswald',sans-serif;font-size:14px;font-weight:700;color:var(--text);}
.r-title a{text-decoration:none;color:inherit;}
.r-title a:hover{color:var(--green);}
.r-meta{font-size:11px;color:var(--text-d);margin-top:3px;display:flex;gap:8px;}
.pm{padding:14px;}
.lu{display:flex;align-items:center;gap:8px;}
.au{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--green-bg);display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-weight:700;color:var(--green);}
.au img{width:100%;height:100%;object-fit:cover;}
.dd{font-family:'Oswald',sans-serif;font-size:13px;font-weight:700;color:var(--text);}
.pb{padding:12px 16px;}
.del{font-size:11px;color:var(--text-d);}
.pt{font-size:11px;color:var(--text-m);}

/* ── MSGS ── */
.msg-ok{padding:10px 14px;border-radius:7px;background:var(--green-bg);border:1px solid rgba(42,120,53,.25);color:var(--green);font-size:13px;margin-bottom:12px;}
.msg-err{padding:10px 14px;border-radius:7px;background:var(--red-bg);border:1px solid var(--red-bd);color:var(--red);font-size:13px;margin-bottom:12px;}
.btn-send{padding:10px 22px;border-radius:8px;background:var(--green);border:none;color:#fff;font-family:'Oswald',sans-serif;font-size:13px;font-weight:700;cursor:pointer;}
.btn-reply-open{padding:8px 18px;border-radius:7px;background:var(--green-bg);border:1px solid rgba(42,120,53,.25);color:var(--green);font-family:'Oswald',sans-serif;font-size:12px;font-weight:700;cursor:pointer;}
.btn-cancel,.btn-confirm{padding:8px 18px;border-radius:7px;font-family:'Oswald',sans-serif;font-size:12px;font-weight:700;cursor:pointer;}
.btn-cancel{background:transparent;border:1px solid var(--border);color:var(--text-m);}
.btn-confirm{background:var(--green);border:none;color:#fff;}
.edit-form{display:none;margin-top:10px;}

/* ── SIDEBAR CARDS ── */
.sb-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:14px;}
.sb-title{padding:10px 14px;background:var(--bg-dark);border-bottom:1px solid var(--border);font-family:'Oswald',sans-serif;font-size:11px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.5px;}
.side-body{padding:12px 14px;}
.ps{padding:12px 14px;}
.t-name{font-size:13px;color:var(--text);}
.t-by{font-size:11px;color:var(--text-d);}

/* ── DOWNLOAD ── */
.dl-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:8px;background:var(--green);border:none;color:#fff;font-family:'Oswald',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;}
.dl-btn:hover{background:var(--green-l);}
.dl-req{font-size:12px;color:var(--text-m);margin-top:6px;}
.dl-btn.free-dl{background:rgba(42,100,200,.8);}
.dl-btn.vip-dl{background:linear-gradient(135deg,var(--gold-d),var(--gold-l));}

/* ── MISC ── */
.section-icon{font-size:18px;}
.section-meta{font-size:11px;color:var(--text-d);margin-left:auto;}
.cat-count{font-size:11px;color:var(--text-d);}
.pbtn,.btn-reply-open{display:inline-flex;align-items:center;gap:6px;}
.row2{display:flex;gap:10px;flex-wrap:wrap;}
.form-group,.form-row{margin-bottom:12px;}
.container{max-width:900px;margin:0 auto;padding:20px;}
.stats{display:flex;gap:14px;flex-wrap:wrap;}
.icon{display:inline-flex;align-items:center;justify-content:center;}
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:400;display:none;align-items:center;justify-content:center;}
.modal-bg.show{display:flex;}
.act-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;background:transparent;border:1px solid var(--border);color:var(--text-m);font-family:'Oswald',sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;}
.act-btn:hover{border-color:var(--green-border);color:var(--green);}
.fil-btn{padding:5px 12px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-m);font-family:'Oswald',sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;}
.fil-btn.active{background:var(--green-bg);border-color:rgba(42,120,53,.3);color:var(--green);}


/* ── PAGE STRUCTURE ── */
.page-content {
  flex: 1 0 auto;
  width: 100%;
  display: block;
  padding-top: 0 !important;
}

/* ── FULL WIDTH CONTAINERS ── */
.full-wrap {
  max-width: 100%;
  padding: 16px 20px;
}
.wide-wrap {
  max-width: 1400px;
  margin: 0 auto;
  padding: 16px 20px;
}

/* ═══ 3-COLUMN INDEX LAYOUT ═══ */
.layout-wrap-3col {
  display: grid;
  grid-template-columns: 240px 1fr 260px;
  gap: 16px;
  padding: 16px 20px;
  max-width: 100%;
  align-items: start;
}
.sidebar-left,
.sidebar-right {
  position: sticky;
  top: 76px;
}
.sidebar-left::-webkit-scrollbar,
.sidebar-right::-webkit-scrollbar { width: 3px; }
.sidebar-left::-webkit-scrollbar-thumb,
.sidebar-right::-webkit-scrollbar-thumb { background: var(--green-border); border-radius: 2px; }

@media(max-width: 1100px) {
  .layout-wrap-3col {
    grid-template-columns: 200px 1fr 220px;
    gap: 12px;
  }
}
@media(max-width: 860px) {
  .layout-wrap-3col {
    grid-template-columns: 1fr;
  }
  .sidebar-left,
  .sidebar-right { display: none; }
}


/* ═══ MEMBER AVATAR GRID (sidebar) ═══ */
.member-avatars-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
}
.mav-wrap {
  position: relative;
}
.mav-link {
  display: block;
  text-decoration: none;
}
.mav-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(135deg, var(--green-d), var(--green-l));
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  transition: transform .15s, box-shadow .15s;
}
.mav-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mav-link:hover .mav-circle {
  transform: scale(1.18);
  box-shadow: 0 4px 14px rgba(0,0,0,.18);
  border-color: var(--green-border);
  z-index: 10;
}

/* Tooltip — position:fixed, nunca se corta por overflow del padre */
.mav-tooltip {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 10px 12px;
  width: 150px;
  box-shadow: 0 8px 28px rgba(0,0,0,.28);
  z-index: 9999;
  transition: opacity .12s ease, visibility .12s ease;
}
.mav-tooltip.visible {
  opacity: 1;
  visibility: visible;
}
/* Flechita — posición controlada por JS via --mav-arrow-left */
.mav-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: var(--mav-arrow-left, 50%);
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: var(--border);
}
.mav-tooltip::before {
  content: '';
  position: absolute;
  top: 100%;
  left: var(--mav-arrow-left, 50%);
  transform: translateX(-50%);
  margin-top: -1px;
  border: 5px solid transparent;
  border-top-color: var(--bg-card);
  z-index: 1;
}
.mav-tt-name {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: var(--text);
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mav-tt-role {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 4px;
  font-family: 'Oswald', sans-serif;
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 5px;
}
.mav-tt-since {
  font-size: 10px;
  color: var(--text-d);
}

/* ══════════════════════════════════════════════
   SISTEMA DE RANGOS — animaciones de username
══════════════════════════════════════════════ */

/* ── Activo (30-74) — cyan glow pulsante ── */
.rango-activo {
  color: #ff7a2f;
  animation: glow-cy 2.5s ease-in-out infinite;
}
@keyframes glow-cy {
  0%,100% { text-shadow: 0 0 5px rgba(255,122,47,.5); }
  50%      { text-shadow: 0 0 14px rgba(255,122,47,1), 0 0 28px rgba(255,122,47,.4); }
}

/* ── Veterano (75-149) — gradiente animado cyan→magenta ── */
.rango-veterano {
  background: linear-gradient(90deg, #ff7a2f, #ff4f8b, #ff7a2f);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: grad-vet 3s linear infinite;
}
@keyframes grad-vet { to { background-position: 200% center; } }

/* ── Élite (150-299) — shimmer dorado ── */
.rango-elite {
  background: linear-gradient(90deg, #b8860b, #ffd700, #fffacd, #ffd700, #b8860b);
  background-size: 300% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: gold-sh 2.2s linear infinite;
}
@keyframes gold-sh { to { background-position: 300% center; } }

/* ── Leyenda (300-599) — rainbow holográfico ── */
.rango-leyenda {
  background: linear-gradient(90deg, #ff0080, #ff8c00, #ffd700, #00ff88, #ff7a2f, #ff4f8b, #ff0080);
  background-size: 400% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: rainbow-lg 3s linear infinite;
}
@keyframes rainbow-lg { to { background-position: 400% center; } }

/* ── Maestro (600-999) — rainbow intenso + aura ── */
.rango-maestro {
  background: linear-gradient(90deg, #ff0080, #ff8c00, #ffd700, #00ff88, #ff7a2f, #ff4f8b, #ff0080);
  background-size: 400% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: rainbow-lg 1.8s linear infinite;
  filter: drop-shadow(0 0 6px rgba(255,79,139,.6));
}

/* ── Inmortal (1000+) — shimmer dorado épico ── */
.rango-inmortal {
  background: linear-gradient(90deg, #b8860b, #ffd700, #fff8dc, #fff, #ffd700, #b8860b);
  background-size: 300% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: inmortal-sh 1.5s linear infinite;
  filter: drop-shadow(0 0 8px rgba(255,215,0,.9));
}
@keyframes inmortal-sh { to { background-position: 300% center; } }

/* ── Badges de rango (en tarjetas de post) ── */
.rango-badge {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 4px;
  font-family: 'Oswald', sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .6px;
  border: 1px solid;
  vertical-align: middle;
}
.rango-activo-badge   { color:#ff7a2f; border-color:rgba(255,122,47,.4); background:rgba(255,122,47,.08); }
.rango-veterano-badge { color:#ff4f8b; border-color:rgba(255,79,139,.4); background:rgba(255,79,139,.08); }
.rango-elite-badge    { color:#ffd700; border-color:rgba(255,215,0,.4);  background:rgba(255,215,0,.08); animation:badge-gold 2s ease-in-out infinite; }
.rango-leyenda-badge  { background:linear-gradient(90deg,#ff0080,#ffd700,#ff7a2f,#ff4f8b); background-size:300% auto; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; border-color:rgba(255,0,128,.4); animation:rainbow-lg 3s linear infinite; }
.rango-maestro-badge  { background:linear-gradient(90deg,#ff4f8b,#ff7a2f,#ff4f8b); background-size:200% auto; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; border-color:rgba(255,79,139,.5); animation:grad-vet 2s linear infinite; filter:drop-shadow(0 0 4px rgba(255,79,139,.5)); }
.rango-inmortal-badge { color:#ffd700; border-color:rgba(255,215,0,.6); background:rgba(255,215,0,.1); animation:badge-gold 1.2s ease-in-out infinite; filter:drop-shadow(0 0 4px rgba(255,215,0,.7)); }
@keyframes badge-gold { 0%,100%{opacity:.85} 50%{opacity:1; filter:drop-shadow(0 0 6px rgba(255,215,0,.9)); } }

/* ── VIP badges animados ── */
.vip-anim {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 4px;
  font-family: 'Oswald', sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .5px;
  vertical-align: middle;
  border: 1px solid;
}
.vip-silver {
  background: linear-gradient(90deg,#888,#e0e0e0,#c0c0c0,#888);
  background-size: 200% auto;
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  border-color: rgba(192,192,192,.5);
  animation: grad-vet 3s linear infinite;
}
.vip-gold {
  background: linear-gradient(90deg,#b8860b,#ffd700,#fff8dc,#ffd700,#b8860b);
  background-size: 300% auto;
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  border-color: rgba(255,215,0,.5);
  animation: gold-sh 2s linear infinite;
  filter: drop-shadow(0 0 4px rgba(255,215,0,.5));
}
.vip-plat {
  background: linear-gradient(90deg,#ff7a2f,#ff4f8b,#fff,#ff7a2f,#ff4f8b);
  background-size: 400% auto;
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  border-color: rgba(255,122,47,.5);
  animation: rainbow-lg 2s linear infinite;
  filter: drop-shadow(0 0 5px rgba(255,122,47,.6));
}

/* ── Corona Top 3 ── */
.top3-corona {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-right: 3px;
}
.top3-pos-1 { animation: crown-pulse 1.8s ease-in-out infinite; }
@keyframes crown-pulse { 0%,100%{filter:drop-shadow(0 0 3px rgba(255,215,0,.6))} 50%{filter:drop-shadow(0 0 8px rgba(255,215,0,1))} }

/* ── Widget Top 3 sidebar ── */
.widget-top3 {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 12px;
}
.widget-top3-title {
  display: flex; align-items: center; gap: 6px;
  padding: 8px 12px;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--border);
  font-family: 'Oswald', sans-serif;
  font-size: 10px; font-weight: 700;
  color: var(--text-m);
  text-transform: uppercase; letter-spacing: .5px;
}
.top3-row {
  display: flex; align-items: center; gap: 9px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--border);
  text-decoration: none; color: var(--text);
  transition: background .12s;
}
.top3-row:last-child { border-bottom: none; }
.top3-row:hover { background: var(--bg-dark); }
.top3-pos { font-family:'Oswald',sans-serif; font-size:13px; font-weight:700; width:14px; flex-shrink:0; }
.top3-av  { width:28px; height:28px; border-radius:50%; overflow:hidden; flex-shrink:0; border:2px solid; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--green-d),var(--green-l)); }
.top3-av img { width:100%; height:100%; object-fit:cover; }
.top3-info { flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.top3-plain-name { font-family:'Oswald',sans-serif; font-size:12px; font-weight:700; color:var(--text); }
.top3-act { font-size:9px; color:var(--text-d); font-family:'Oswald',sans-serif; }
.top3-medal { flex-shrink:0; opacity:.8; }