/* ============================================================================
   punchet — COLOR DE MARCA ÚNICO  (gofg-marca.css)
   ----------------------------------------------------------------------------
   Los botones principales, pestañas activas, enlaces "ver todo", puntos y avisos
   de la interfaz usan UN solo color de marca: cian neón (con un toque de azul).
   NO toca: efectos, degradados especiales (títulos grandes, marcos, recompensas),
   el brillo de las líneas de las tarjetas al pasar el ratón, avatares, arte de
   categorías, colores de estado (en directo = rojo, monedas = dorado, éxito = verde)
   ni los colores propios de cada perfil.
   VOLVER AL DEGRADADO ANTERIOR: Configuración → Apariencia → "Color de marca"
   (o añadir la clase gofg-nomarca a <html>); también basta con quitar el <link>.
   ============================================================================ */
:root{
  --mk:#00e1ff;            /* color de marca */
  --mk2:#2d8cff;           /* su pareja azul, para el degradado de la misma gama */
  --mk-ink:#03121a;        /* texto oscuro sobre fondo de marca */
  --mk-grad:linear-gradient(135deg,#00e1ff,#2d8cff);
  --mk-glow:rgba(0,225,255,.42);
  --mk-soft:rgba(0,225,255,.12);
  --mk-line:rgba(0,225,255,.38);
}
html:not(.gofg-nomarca){accent-color:var(--mk);
  /* Comunidad: su verde fijo (#00ff88) se lee de estas variables; aquí pasan a la marca */
  --g-hex:#00e1ff;--g-rgb:0,225,255;--g-hex2:#2d8cff;--g-rgb2:45,140,255}
html:not(.gofg-nomarca) ::selection{background:rgba(0,225,255,.28);color:#fff}

/* ---------- botones principales (relleno de marca, texto oscuro) ---------- */
html:not(.gofg-nomarca) .crear-btn,
html:not(.gofg-nomarca) .btn-gaming-primary,
html:not(.gofg-nomarca) .rank-tab.on,
html:not(.gofg-nomarca) .subtab.on,
html:not(.gofg-nomarca) .btn-vote,
html:not(.gofg-nomarca) .btn-primary,
html:not(.gofg-nomarca) .cf-btn.pri,
html:not(.gofg-nomarca) .btn.pri,
html:not(.gofg-nomarca) .tab.on,
html:not(.gofg-nomarca) .btn.edit,
html:not(.gofg-nomarca) .store-cat.active,
html:not(.gofg-nomarca) .newsletter-btn,
html:not(.gofg-nomarca) .gtt a.on{
  background:var(--mk-grad)!important;color:var(--mk-ink)!important;border-color:transparent!important;
  box-shadow:0 0 18px -4px var(--mk-glow)!important}
html:not(.gofg-nomarca) .crear-btn:hover,
html:not(.gofg-nomarca) .btn-gaming-primary:hover,
html:not(.gofg-nomarca) .btn.pri:hover,
html:not(.gofg-nomarca) .cf-btn.pri:hover{box-shadow:0 0 26px -2px var(--mk-glow)!important}
html:not(.gofg-nomarca) .crear-btn *,
html:not(.gofg-nomarca) .btn-gaming-primary *{color:inherit}
html:not(.gofg-nomarca) .chat-send-btn{background:var(--mk)!important;color:var(--mk-ink)!important}
html:not(.gofg-nomarca) .chat-send-btn:disabled{background:rgba(0,225,255,.28)!important}
html:not(.gofg-nomarca) .send-btn{background:var(--mk)!important}
html:not(.gofg-nomarca) .send-btn svg{fill:var(--mk-ink)!important}

/* ---------- botones secundarios ---------- */
html:not(.gofg-nomarca) .btn-gaming-secondary{background:var(--mk-soft)!important;color:var(--mk)!important;border:1px solid var(--mk-line)!important}
html:not(.gofg-nomarca) .btn-gaming-secondary:hover{background:rgba(0,225,255,.2)!important;box-shadow:0 0 18px rgba(0,225,255,.3)}
html:not(.gofg-nomarca) .btn-add-cart{color:var(--mk)}
html:not(.gofg-nomarca) .btn-add-cart:hover{background:var(--mk);color:var(--mk-ink)}

/* ---------- pestañas / enlaces de navegación ---------- */
html:not(.gofg-nomarca) .gcore-tn-link.on,
html:not(.gofg-nomarca) .gcore-tn-link.gcore-tn-sub{color:var(--mk)}
html:not(.gofg-nomarca) .gcore-tn-link.on{border-color:var(--mk)!important}
html:not(.gofg-nomarca) .xp-tab.on{color:var(--mk)}
html:not(.gofg-nomarca) .xp-tab.on::after{background:var(--mk-grad);box-shadow:0 0 12px var(--mk)}
html:not(.gofg-nomarca) .xp-tab .n{background:var(--mk)}
html:not(.gofg-nomarca) .right-tab.active{color:var(--mk);border-color:var(--mk)}
html:not(.gofg-nomarca) .cat-btn.active{color:var(--mk);border-color:var(--mk)}

/* ---------- enlaces, "ver todo", sugerencias, puntos ---------- */
html:not(.gofg-nomarca) .gofg-see-all,
html:not(.gofg-nomarca) .sec-see-all,
html:not(.gofg-nomarca) .chat-suggestion,
html:not(.gofg-nomarca) .ranking .points,
html:not(.gofg-nomarca) span.points,
html:not(.gofg-nomarca) .gsb-more{color:var(--mk)}
html:not(.gofg-nomarca) .gsb-more:hover,
html:not(.gofg-nomarca) .gofg-see-all:hover{color:#7df0ff}
html:not(.gofg-nomarca) .chat-suggestion{border-color:var(--mk-line)}
html:not(.gofg-nomarca) .product-price,
html:not(.gofg-nomarca) .combo-price{color:var(--mk)}
html:not(.gofg-nomarca) .product-badge.badge-new,
html:not(.gofg-nomarca) .bfc-badge-new{background:var(--mk);color:var(--mk-ink)}

/* ---------- barras de progreso e indicadores de la interfaz ---------- */
html:not(.gofg-nomarca) .daily-progress-fill,
html:not(.gofg-nomarca) .laf-progress-fill{background:var(--mk-grad)}
html:not(.gofg-nomarca) .gofg-scroll-top{border-color:var(--mk-line)}
html:not(.gofg-nomarca) .hamburger-glow{border-color:var(--mk-line)}
html:not(.gofg-nomarca) .hamburger-glow svg{color:var(--mk);fill:currentColor}

/* ---------- barra de desplazamiento ---------- */
html:not(.gofg-nomarca) #content::-webkit-scrollbar-thumb{background:var(--mk-grad)}
html:not(.gofg-nomarca) #content{scrollbar-color:rgba(0,225,255,.55) transparent}

/* ---------- panel del creador: marcador activo, insignias, interruptores, barras, pasos ---------- */
html:not(.gofg-nomarca) .cr-i.on::before{background:var(--mk-grad)!important;box-shadow:0 0 12px var(--mk)!important}
html:not(.gofg-nomarca) .cr-i .bd{background:var(--mk-grad)!important;color:var(--mk-ink)!important}
html:not(.gofg-nomarca) .sw input:checked+i{background:var(--mk-grad)!important}
html:not(.gofg-nomarca) .bar>i{background:var(--mk-grad)!important}
html:not(.gofg-nomarca) .stp .nb{background:var(--mk-grad)!important;color:var(--mk-ink)!important}
html:not(.gofg-nomarca) .cr-ph h1::before{background:var(--mk-grad)!important;box-shadow:0 0 14px var(--mk)!important}
html:not(.gofg-nomarca)::-webkit-scrollbar-thumb{background:var(--mk-grad)}

/* ---------- recompensas, portada y menú de logros ---------- */
html:not(.gofg-nomarca) .node.reached::after{background:var(--mk-grad)!important}
html:not(.gofg-nomarca) .how em{background:var(--mk-grad)!important;color:var(--mk-ink)!important}
html:not(.gofg-nomarca) .ghx-cap-cta{background:var(--mk-grad)!important;color:var(--mk-ink)!important;box-shadow:0 0 18px -2px var(--mk-glow)!important}
html:not(.gofg-nomarca) .gcore-wr-ar-btn{background:var(--mk-grad)!important;color:var(--mk-ink)!important}

/* ---------- comunidad: canal activo, pestañas, reacciones, aceptar ---------- */
html:not(.gofg-nomarca) .room-item.active{background:var(--mk-soft)!important;border-left-color:var(--mk)!important}
html:not(.gofg-nomarca) .room-item.active .room-name{color:var(--mk)!important}
html:not(.gofg-nomarca) .reaction:hover,
html:not(.gofg-nomarca) .reaction.active{background:var(--mk-soft)!important;color:var(--mk)!important}
html:not(.gofg-nomarca) .ch-btn.accept{background:var(--mk-grad)!important;color:var(--mk-ink)!important}
html:not(.gofg-nomarca) .ch-btn.accept:hover{box-shadow:0 0 12px var(--mk-glow)!important}
html:not(.gofg-nomarca) .right-tab.active{border-bottom-color:var(--mk)!important}

/* ---------- títulos grandes: de cian→rosa a cian→azul ---------- */
html:not(.gofg-nomarca) .xp-title,
html:not(.gofg-nomarca) .cf-title{background:linear-gradient(100deg,#fff 25%,#00e1ff 60%,#2d8cff)!important;-webkit-background-clip:text!important;background-clip:text!important}
html:not(.gofg-nomarca) body.light-theme .cf-title{background:linear-gradient(100deg,#161a33 20%,#0a7bd1 75%,#00a8c4)!important;-webkit-background-clip:text!important;background-clip:text!important}
html:not(.gofg-nomarca) .header:has(>.live-indicator) h1{background:linear-gradient(to right,#fff,#00e1ff 70%,#2d8cff)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
html:not(.gofg-nomarca) .hero:has(.kick) h1{background:linear-gradient(100deg,#00e1ff,#2d8cff,#00e1ff)!important;-webkit-background-clip:text!important;background-clip:text!important}
html:not(.gofg-nomarca) #formArea .title,
html:not(.gofg-nomarca) .neon{background:linear-gradient(135deg,#00e1ff,#2d8cff)!important;-webkit-background-clip:text!important;background-clip:text!important}
html:not(.gofg-nomarca) .gcore-ptitle,
html:not(.gofg-nomarca) .gcore-levelup-title{background:linear-gradient(135deg,var(--gcore-accent,#00e1ff),#2d8cff)!important;-webkit-background-clip:text!important;background-clip:text!important}
html:not(.gofg-nomarca) .gofg-hero-title span,
html:not(.gofg-nomarca) .gofg-step-n{background:linear-gradient(120deg,#00e1ff,#2d8cff)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
html:not(.gofg-nomarca) .gofg-hero-title span{filter:drop-shadow(0 0 10px rgba(0,225,255,.4))!important}
/* ranking: la franja de arriba, el indicador "en vivo" y el volver */
html:not(.gofg-nomarca) .header:has(>.live-indicator){background:linear-gradient(to bottom,rgba(0,225,255,.1),transparent)!important}
html:not(.gofg-nomarca) .live-indicator{color:var(--mk)!important}
html:not(.gofg-nomarca) .live-indicator .dot{background:var(--mk)!important}
html:not(.gofg-nomarca) .back-btn:hover{border-color:var(--mk)!important}

/* ---------- comunidad: lo que se crea desde JavaScript con el verde fijo ---------- */
html:not(.gofg-nomarca) [style*="background:#00ff88"]:not(.cp-accent-sw),
html:not(.gofg-nomarca) [style*="background: rgb(0, 255, 136)"]:not(.cp-accent-sw){background:var(--mk)!important}
html:not(.gofg-nomarca) [style*="color:#00ff88"],
html:not(.gofg-nomarca) [style*="color: rgb(0, 255, 136)"]{color:var(--mk)!important}
html:not(.gofg-nomarca) [style*="linear-gradient(135deg,#00ff88"],
html:not(.gofg-nomarca) [style*="linear-gradient(135deg, rgb(0, 255, 136)"],
html:not(.gofg-nomarca) [style*="linear-gradient(135deg,var(--g-hex"]{background:var(--mk-grad)!important}
html:not(.gofg-nomarca) [style*="solid #00ff88"],
html:not(.gofg-nomarca) [style*="solid rgb(0, 255, 136)"]{border-color:var(--mk)!important}