/* Nekon HUB tester v26.66 · Jerarquía premium corregida para Normal/Bronce/Plata/Oro
   El color del rango funciona como acento metálico; nunca como filtro sobre toda la interfaz. */

/* =========================================================
   TOKENS DE RANGO · SOLO VISTA TESTER
   ========================================================= */
html.nekon-growth-tester-theme{
  --tier-bg:#0A0A0A;
  --tier-card:#1E1E1E;
  --tier-card-2:#171717;
  --tier-border:#3B3B42;
  --tier-accent:#8A2BE2;
  --tier-accent-2:#0066FF;
  --tier-accent-rgb:138,43,226;
  --tier-text:#FFFFFF;
  --tier-muted:#C7C9D0;
  --tier-button-text:#FFFFFF;
  --tier-glow:0 0 12px rgba(var(--tier-accent-rgb),.18),0 0 30px rgba(var(--tier-accent-rgb),.08);
  --tier-glow-strong:0 0 12px rgba(var(--tier-accent-rgb),.55),0 0 34px rgba(var(--tier-accent-rgb),.20);
  --tier-button:linear-gradient(135deg,var(--tier-accent),var(--tier-accent-2));
  --tier-surface:linear-gradient(145deg,var(--tier-card),var(--tier-card-2));

  /* Compatibilidad con estilos existentes */
  --page-bg:var(--tier-bg);
  --surface:var(--tier-card);
  --panel:var(--tier-card);
  --page-border:var(--tier-border);
  --border:var(--tier-border);
  --line:var(--tier-border);
  --text:var(--tier-text);
  --white:#FFFFFF;
  --muted:var(--tier-muted);
  --vip-main:var(--tier-accent);
  --vip-soft:var(--tier-accent-2);
  --vip-rgb:var(--tier-accent-rgb);
  --tester-button-a:var(--tier-accent);
  --tester-button-b:var(--tier-accent-2);
  --tester-button-text:var(--tier-button-text);
  --tester-glow:rgba(var(--tier-accent-rgb),.28);
  --tester-card:var(--tier-card);
  --tester-card-2:var(--tier-card-2);
  --tester-border:var(--tier-border);
  --tester-text-main:var(--tier-text);
  --tester-text-muted:var(--tier-muted);
  --tester-highlight:var(--tier-accent);
}

html.nekon-growth-tester-theme[data-tier="normal"],
html.nekon-growth-tester-theme.vip-theme--standard{
  --tier-bg:#0A0A0A;
  --tier-card:#1E1E1E;
  --tier-card-2:#16161A;
  --tier-border:#41414B;
  --tier-accent:#8A2BE2;
  --tier-accent-2:#0066FF;
  --tier-accent-rgb:138,43,226;
  --tier-text:#FFFFFF;
  --tier-muted:#C8CBD2;
  --tier-button-text:#FFFFFF;
  --tier-glow:0 0 12px rgba(138,43,226,.20),0 0 28px rgba(0,102,255,.08);
  --tier-glow-strong:0 0 13px rgba(138,43,226,.66),0 0 38px rgba(0,102,255,.24);
}

html.nekon-growth-tester-theme[data-tier="bronze"],
html.nekon-growth-tester-theme.vip-theme--bronze{
  --tier-bg:#0A0A0A;
  --tier-card:#241D18;
  --tier-card-2:#191411;
  --tier-border:#5C3D2E;
  --tier-accent:#CD7F32;
  --tier-accent-2:#8C4A1F;
  --tier-accent-rgb:205,127,50;
  --tier-text:#FFFFFF;
  --tier-muted:#D9C3A8;
  --tier-button-text:#FFF9F0;
  --tier-glow:0 0 12px rgba(205,127,50,.22),0 0 30px rgba(205,127,50,.09);
  --tier-glow-strong:0 0 14px rgba(205,127,50,.68),0 0 38px rgba(205,127,50,.26);
}

html.nekon-growth-tester-theme[data-tier="silver"],
html.nekon-growth-tester-theme.vip-theme--silver{
  --tier-bg:#0A0A0A;
  --tier-card:#1B212D;
  --tier-card-2:#131923;
  --tier-border:#526278;
  --tier-accent:#C0CDDB;
  --tier-accent-2:#9AA8BB;
  --tier-accent-rgb:192,205,219;
  --tier-text:#FFFFFF;
  --tier-muted:#CBD4DE;
  --tier-button-text:#10151B;
  --tier-glow:0 0 12px rgba(192,205,219,.26),0 0 32px rgba(164,224,255,.10);
  --tier-glow-strong:0 0 14px rgba(232,240,248,.72),0 0 38px rgba(164,224,255,.27);
}

html.nekon-growth-tester-theme[data-tier="gold"],
html.nekon-growth-tester-theme.vip-theme--gold{
  --tier-bg:#0A0A0A;
  --tier-card:#1A1810;
  --tier-card-2:#11100B;
  --tier-border:#D4AF37;
  --tier-accent:#FFD700;
  --tier-accent-2:#B8960C;
  --tier-accent-rgb:255,215,0;
  --tier-text:#FFFFFF;
  --tier-muted:#EADFAF;
  --tier-button-text:#12100A;
  --tier-glow:0 0 13px rgba(255,215,0,.31),0 0 36px rgba(255,190,0,.13);
  --tier-glow-strong:0 0 15px rgba(255,215,0,.84),0 0 42px rgba(255,193,7,.38),0 0 78px rgba(255,179,0,.14);
}

/* El fondo de la experiencia tester siempre conserva negro azabache real. Los tonos de rango
   aparecen solo como ambiente extremadamente sutil, no como una capa de color. */
html.nekon-growth-tester-theme,
html.nekon-growth-tester-theme[data-theme="light"]{
  background:#0A0A0A!important;
  color-scheme:dark!important;
}
html.nekon-growth-tester-theme body,
html.nekon-growth-tester-theme[data-theme="light"] body{
  background:
    radial-gradient(circle at 84% 5%,rgba(var(--tier-accent-rgb),.042),transparent 27rem),
    radial-gradient(circle at 7% 94%,rgba(var(--tier-accent-rgb),.025),transparent 23rem),
    #0A0A0A!important;
  color:#FFFFFF!important;
}

/* =========================================================
   ESTRUCTURA / TOPBAR / MENÚ / BOTTOM NAV
   ========================================================= */
html.nekon-growth-tester-theme body>header,
html.nekon-growth-tester-theme #menu,
html.nekon-growth-tester-theme .side-menu,
html.nekon-growth-tester-theme .mobile-menu,
html.nekon-growth-tester-theme .arena-bottom-nav,
html.nekon-growth-tester-theme .bottom-nav{
  background:linear-gradient(180deg,#101010,#0B0B0B)!important;
  color:#FFFFFF!important;
  border-color:color-mix(in srgb,var(--tier-border) 88%,#FFFFFF 12%)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.36),0 0 16px rgba(var(--tier-accent-rgb),.055)!important;
}

/* Todos los elementos activos se iluminan con el rango. Incluye Cuentas Premium. */
html.nekon-growth-tester-theme :is(
  .menu-link.is-active,
  .menu-submenu button.is-active,
  .menu-group-toggle.is-active,
  .arena-bottom-nav .is-active,
  .bottom-nav .is-active,
  [data-view="cuentas-premium"].is-active,
  [data-view="cuentas-premium"][aria-current="page"]
){
  color:var(--tier-accent)!important;
  border-color:rgba(var(--tier-accent-rgb),.40)!important;
  background:linear-gradient(90deg,rgba(var(--tier-accent-rgb),.13),rgba(var(--tier-accent-rgb),.035))!important;
  box-shadow:inset 3px 0 0 var(--tier-accent),0 0 18px rgba(var(--tier-accent-rgb),.14)!important;
  text-shadow:0 0 10px rgba(var(--tier-accent-rgb),.36)!important;
}
html.nekon-growth-tester-theme :is(
  .arena-bottom-nav .is-active,
  .bottom-nav .is-active,
  [data-view="cuentas-premium"].is-active,
  [data-view="cuentas-premium"][aria-current="page"]
) svg{
  color:var(--tier-accent)!important;
  filter:drop-shadow(0 0 6px rgba(var(--tier-accent-rgb),.52))!important;
}

/* =========================================================
   TARJETAS · ACABADO TIPO BLACK CARD
   ========================================================= */
html.nekon-growth-tester-theme :is(
  .member-panel,.wallet-panel,.ranking-panel,.growth-card,.growth-hero,.vip-current,
  .vip-journey-card,.vip-plan,.vip-member-showcase,.profile-card,.premium-product-card,
  .streaming-account-card,.notification-center-shell,.notification-accordion-item,
  .notification-inline-detail,.tester-service-shell,.points-store-host,.vip-ranking-card,
  .operator-card,.sportsbook-card,.points-summary,.points-reward,.faq-item,.prediction-metric,
  .growth-stat,.activity-item,.onboarding-item,.member-info-card,.member-data-item,.profile-stat,
  .profile-field,.wallet-balance-card,.wallet-request-card,.wallet-transaction-card,
  .premium-purchase-shell,.premium-product-detail-shell,.premium-status-shell,.premium-support-shell,
  .recharge-operator-card,.recharge-sportsbook-card,.shared-account-card,.premium-sale-banner
){
  background:var(--tier-surface)!important;
  color:#FFFFFF!important;
  border:1px solid color-mix(in srgb,var(--tier-border) 88%,var(--tier-accent) 12%)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.025),var(--tier-glow)!important;
}

/* Tarjetas principales reciben un acabado metálico más marcado, sin teñirse. */
html.nekon-growth-tester-theme :is(.growth-hero,.vip-current,.profile-card,.wallet-balance-card){
  background:
    radial-gradient(circle at 94% 4%,rgba(var(--tier-accent-rgb),.052),transparent 16rem),
    linear-gradient(145deg,var(--tier-card),var(--tier-card-2))!important;
  border-color:color-mix(in srgb,var(--tier-border) 68%,var(--tier-accent) 32%)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.03),var(--tier-glow)!important;
}
html.nekon-growth-tester-theme[data-tier="gold"] :is(.growth-hero,.vip-current,.profile-card,.wallet-balance-card),
html.nekon-growth-tester-theme.vip-theme--gold :is(.growth-hero,.vip-current,.profile-card,.wallet-balance-card){
  background:
    radial-gradient(circle at 91% 5%,rgba(255,215,0,.075),transparent 17rem),
    linear-gradient(145deg,#1A1810,#0F0E0A)!important;
  border-color:#D4AF37!important;
  box-shadow:0 24px 58px rgba(0,0,0,.54),0 0 0 1px rgba(255,215,0,.06),0 0 24px rgba(255,215,0,.24),0 0 68px rgba(255,190,0,.09)!important;
}

/* =========================================================
   JERARQUÍA TIPOGRÁFICA
   ========================================================= */
/* Titulares grandes y nombres importantes: blanco puro. */
html.nekon-growth-tester-theme :is(
  h1,h2,h3,
  .growth-hero h2,.growth-card h3,.member-panel h2,.member-panel h3,
  .loyalty-main strong,.growth-level-name,.dashboard-greeting,.member-name,
  .premium-product-detail-title,.premium-purchase-topbar h2
){
  color:#FFFFFF!important;
  text-shadow:none!important;
}

/* Solo títulos pequeños / etiquetas usan el metal del rango. */
html.nekon-growth-tester-theme :is(
  .growth-kicker,.growth-card__head small,.growth-stat small,.growth-vip-chip small,
  .vip-current__head small,.vip-current__meta small,.vip-section-head small,
  .member-panel__head>span,.member-panel__eyebrow,.section-kicker,.card-kicker,
  .notification-list-item__category,.points-summary small,.operator-card small,.sportsbook-card small,
  .premium-purchase-topbar small,.premium-product-detail-content>small,.profile-field>small
){
  color:var(--tier-accent)!important;
  text-shadow:0 0 11px rgba(var(--tier-accent-rgb),.34)!important;
  font-weight:800!important;
  letter-spacing:.075em!important;
}

/* Textos secundarios permanecen neutros y legibles. */
html.nekon-growth-tester-theme :is(
  p,small,.muted,.secondary-text,.growth-hero p,.growth-card p,.vip-current p,
  .vip-plan p,.vip-plan li,.profile-card p,.profile-card small,.notification-list-item__preview,
  .notification-list-item__meta,.activity-item p,.activity-item span,.prediction-metric span,
  .loyalty-main span,.vip-ranking-row__name small,.vip-ranking-row__time small
){
  color:var(--tier-muted)!important;
}

/* Nombre de membresía y estrella: metal brillante con glow. */
html.nekon-growth-tester-theme :is(
  .growth-vip-chip strong,.growth-vip-chip i,.vip-current__head strong,.vip-current__icon,
  .vip-tier-pill,.membership-badge
){
  color:var(--tier-accent)!important;
  text-shadow:0 0 9px rgba(var(--tier-accent-rgb),.62),0 0 22px rgba(var(--tier-accent-rgb),.20)!important;
}
html.nekon-growth-tester-theme[data-tier="gold"] :is(.growth-vip-chip,.vip-current__head),
html.nekon-growth-tester-theme.vip-theme--gold :is(.growth-vip-chip,.vip-current__head){
  filter:drop-shadow(0 0 11px rgba(255,215,0,.18));
}

/* =========================================================
   MÉTRICAS: 0 BLANCO / VALOR REAL METÁLICO
   ========================================================= */
html.nekon-growth-tester-theme :is(
  .growth-stat strong,.prediction-metric strong,.growth-card__badge,.wallet-balance-value,
  .header-wallet-chip strong,.points-balance,.loyalty-points,.dashboard-number,
  [data-tier-metric]
){
  color:#FFFFFF!important;
  text-shadow:none!important;
}
html.nekon-growth-tester-theme :is(
  .growth-stat strong,.prediction-metric strong,.growth-card__badge,.wallet-balance-value,
  .header-wallet-chip strong,.points-balance,.loyalty-points,.dashboard-number,
  [data-tier-metric]
).has-tier-value{
  color:var(--tier-accent)!important;
  text-shadow:0 0 9px rgba(var(--tier-accent-rgb),.64),0 0 23px rgba(var(--tier-accent-rgb),.23)!important;
}

/* =========================================================
   BOTONES Y CONTROLES
   ========================================================= */
html.nekon-growth-tester-theme :is(
  .member-primary-button,.vip-plan button,.premium-finalize-button,.premium-detail-buy,
  .growth-lab-entry__actions button:not(.secondary),.points-reward button:not(:disabled),
  .operator-recharge-tabs button.is-active,.v266-slide__actions button:not(.v266-slide__text-action),
  .cta-primary,.primary-button,button.primary
){
  position:relative!important;
  overflow:hidden!important;
  background:var(--tier-button)!important;
  color:var(--tier-button-text)!important;
  border:1px solid color-mix(in srgb,var(--tier-accent) 74%,#FFFFFF 26%)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.30),0 0 16px rgba(var(--tier-accent-rgb),.24),inset 0 1px 0 rgba(255,255,255,.22)!important;
  transition:transform .22s ease,filter .22s ease,box-shadow .25s ease!important;
}
html.nekon-growth-tester-theme :is(
  .member-primary-button,.vip-plan button,.premium-finalize-button,.premium-detail-buy,
  .points-reward button:not(:disabled),.cta-primary,.primary-button,button.primary
):hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.10) saturate(1.07)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.38),var(--tier-glow-strong)!important;
}

html.nekon-growth-tester-theme :is(
  .secondary,.secondary-button,.ghost-button,.member-tab,.profile-tab,.security-tab,
  .tester-vip-menu-actions button,.wallet-history-tabs button,.streaming-platform-tabs button
){
  background:linear-gradient(145deg,var(--tier-card),var(--tier-card-2))!important;
  color:#FFFFFF!important;
  border-color:var(--tier-border)!important;
}
html.nekon-growth-tester-theme :is(
  .member-tab.is-active,.profile-tab.is-active,.security-tab.is-active,
  .wallet-history-tabs button.is-active,.streaming-platform-tabs button.is-active
){
  color:var(--tier-accent)!important;
  border-color:var(--tier-accent)!important;
  box-shadow:0 0 15px rgba(var(--tier-accent-rgb),.17)!important;
}

html.nekon-growth-tester-theme :is(input,select,textarea){
  background:#121212!important;
  color:#FFFFFF!important;
  border-color:color-mix(in srgb,var(--tier-border) 86%,#FFFFFF 14%)!important;
}
html.nekon-growth-tester-theme :is(input,select,textarea):focus{
  outline:none!important;
  border-color:var(--tier-accent)!important;
  box-shadow:0 0 0 3px rgba(var(--tier-accent-rgb),.09),0 0 17px rgba(var(--tier-accent-rgb),.12)!important;
}

/* =========================================================
   ESTADOS / BADGES / PROGRESO
   ========================================================= */
html.nekon-growth-tester-theme :is(.growth-card__badge,.vip-tier-pill,.membership-badge,.modern-chip){
  background:rgba(var(--tier-accent-rgb),.08)!important;
  border:1px solid rgba(var(--tier-accent-rgb),.28)!important;
}
html.nekon-growth-tester-theme :is(.loyalty-track,.progress-track){
  background:#242424!important;
  border-color:rgba(255,255,255,.04)!important;
}
html.nekon-growth-tester-theme :is(.loyalty-track i,.progress-track i){
  background:var(--tier-button)!important;
  box-shadow:0 0 15px rgba(var(--tier-accent-rgb),.30)!important;
}

/* =========================================================
   MICROANIMACIONES PREMIUM
   ========================================================= */
@media (hover:hover){
  html.nekon-growth-tester-theme :is(
    .growth-card,.premium-product-card,.vip-plan,.vip-member-card,.points-reward,
    .operator-card,.sportsbook-card,.streaming-account-card
  ):hover{
    transform:translateY(-3px)!important;
    border-color:color-mix(in srgb,var(--tier-accent) 55%,var(--tier-border) 45%)!important;
    box-shadow:0 21px 42px rgba(0,0,0,.43),0 0 20px rgba(var(--tier-accent-rgb),.14)!important;
  }
}

/* =========================================================
   TRANSICIÓN AL CAMBIAR DE RANGO
   ========================================================= */
html.nekon-growth-tester-theme.vip-theme-transitioning,
html.nekon-growth-tester-theme.vip-theme-transitioning *{
  transition:background-color 1.55s cubic-bezier(.22,.61,.36,1),background 1.55s cubic-bezier(.22,.61,.36,1),border-color 1.45s ease,color 1.05s ease,box-shadow 1.45s ease,text-shadow 1.2s ease!important;
}

/* =========================================================
   MÓVIL / PWA
   ========================================================= */
@media(max-width:820px){
  html.nekon-growth-tester-theme body,
  html.nekon-growth-tester-theme[data-theme="light"] body{
    background:radial-gradient(circle at 88% 4%,rgba(var(--tier-accent-rgb),.035),transparent 20rem),#0A0A0A!important;
  }
  html.nekon-growth-tester-theme :is(
    .growth-card,.growth-hero,.member-panel,.wallet-panel,.premium-product-card,
    .vip-current,.vip-plan,.profile-card,.points-reward
  ){
    box-shadow:0 12px 28px rgba(0,0,0,.38),0 0 10px rgba(var(--tier-accent-rgb),.07)!important;
  }
  html.nekon-growth-tester-theme[data-tier="gold"] :is(.growth-hero,.vip-current,.profile-card),
  html.nekon-growth-tester-theme.vip-theme--gold :is(.growth-hero,.vip-current,.profile-card){
    box-shadow:0 15px 34px rgba(0,0,0,.48),0 0 17px rgba(255,215,0,.20)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html.nekon-growth-tester-theme *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}