@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

*, *::before, *::after { box-sizing: border-box; }


.gcg [hidden] { display: none !important; }

html { -webkit-text-size-adjust: 100%; }


html {
  scrollbar-width: thin;
  scrollbar-color: var(--gcg-accent) var(--gcg-bg-secondary);
}
html::-webkit-scrollbar { width: 11px; }
html::-webkit-scrollbar-track { background: var(--gcg-bg-secondary); }
html::-webkit-scrollbar-thumb {
  background: var(--gcg-accent);
  border-radius: 6px;
  border: 3px solid var(--gcg-bg-secondary);
}
html::-webkit-scrollbar-thumb:hover { background: var(--gcg-accent-hover); }

body.gcg {
  margin: 0;
  
  background:
    radial-gradient(ellipse 70% 42% at 78% -8%, rgba(244, 166, 42, .055), transparent 68%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .010) 0 1px, transparent 1px 92px),
    var(--gcg-bg);
  color: var(--gcg-text);
  font-family: var(--gcg-font-body);
  font-size: var(--gcg-text-base);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.gcg h1, .gcg h2, .gcg h3, .gcg h4 {
  font-family: var(--gcg-font-display);
  color: var(--gcg-text);
  margin: 0;
  line-height: 1.2;
}
.gcg h1 { font-size: var(--gcg-text-3xl); font-weight: 700; }
.gcg h2 { font-size: var(--gcg-text-2xl); font-weight: 600; }
.gcg h3 { font-size: var(--gcg-text-xl); font-weight: 600; }

.gcg p { margin: 0; color: var(--gcg-text-secondary); }

.gcg a { color: inherit; text-decoration: none; }

.gcg ::selection { background: var(--gcg-accent-soft); color: var(--gcg-text); }

.gcg :focus-visible {
  outline: 2px solid var(--gcg-accent);
  outline-offset: 2px;
}

.gcg .gcg-mono { font-family: var(--gcg-font-mono); }


.gcg-container {
  max-width: var(--gcg-max-width);
  margin: 0 auto;
  padding: 0 var(--gcg-gutter-desktop);
}
@media (max-width: 1279px) {
  .gcg-container { padding: 0 var(--gcg-gutter-laptop); }
}
@media (max-width: 767px) {
  .gcg-container { padding: 0 var(--gcg-gutter-mobile); }
}


.gcg-text-muted { color: var(--gcg-text-muted); }
.gcg-text-secondary { color: var(--gcg-text-secondary); }
.gcg-text-accent { color: var(--gcg-accent); }


.gcg a.gcg-link {
  color: var(--gcg-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
.gcg a.gcg-link:hover { color: var(--gcg-accent-hover); }
.gcg-sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}


@media (prefers-reduced-motion: reduce) {
  .gcg *, .gcg *::before, .gcg *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}



.gcg-v2-notificaciones{position:relative;display:flex;align-items:center}
.gcg-v2-notificaciones__btn{position:relative;width:38px;height:38px;border:1px solid var(--gcg-border);border-radius:10px;background:var(--gcg-surface-2,#15171b);color:var(--gcg-text);display:grid;place-items:center;cursor:pointer}
.gcg-v2-notificaciones__btn svg{width:19px;height:19px}
.gcg-v2-notificaciones__badge{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--gcg-accent,#f4a62a);color:#111;font-size:10px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--gcg-bg,#0d0f12)}
.gcg-v2-notificaciones__panel{position:absolute;right:0;top:calc(100% + 10px);width:min(380px,calc(100vw - 24px));max-height:470px;overflow:hidden;background:#111318;border:1px solid var(--gcg-border);border-radius:14px;box-shadow:0 22px 60px rgba(0,0,0,.45);z-index:1200}
.gcg-v2-notificaciones__cabecera{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--gcg-border)}
.gcg-v2-notificaciones__cabecera button{border:0;background:none;color:var(--gcg-accent,#f4a62a);font-size:12px;cursor:pointer}
.gcg-v2-notificaciones__lista{max-height:410px;overflow:auto}
.gcg-v2-notificaciones__vacio{padding:28px 16px;color:var(--gcg-text-muted);text-align:center;font-size:13px}
.gcg-v2-notificacion{width:100%;display:grid;grid-template-columns:8px 1fr;gap:10px;text-align:left;padding:13px 15px;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:var(--gcg-text);text-decoration:none;cursor:pointer}
.gcg-v2-notificacion:hover{background:rgba(255,255,255,.035)}
.gcg-v2-notificacion.is-unread{background:rgba(244,166,42,.055)}
.gcg-v2-notificacion__dot{width:7px;height:7px;border-radius:50%;margin-top:6px;background:#4e545f}
.gcg-v2-notificacion.is-unread .gcg-v2-notificacion__dot{background:var(--gcg-accent,#f4a62a);box-shadow:0 0 10px rgba(244,166,42,.45)}
.gcg-v2-notificacion strong{display:block;font-size:13px;line-height:1.35;margin-bottom:3px}
.gcg-v2-notificacion small{display:block;color:var(--gcg-text-muted);font-size:12px;line-height:1.4}
.gcg-v2-notificacion time{display:block;color:#777f8a;font-size:10px;margin-top:5px}