.gcg-soporte-widget { position: fixed; right: 24px; bottom: 24px; z-index: 300; }

.gcg-soporte-widget__btn {
  position: relative;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 1px solid rgba(244,166,42,.52);
  display: grid;
  place-items: center;
  background: var(--gcg-accent);
  color: #0b0d0e;
  cursor: pointer;
  box-shadow: 0 14px 34px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.04) inset;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.gcg-soporte-widget__btn:hover { background: var(--gcg-accent-hover); transform: translateY(-3px) rotate(-2deg); box-shadow: 0 18px 42px rgba(0,0,0,.44), 0 0 28px rgba(244,166,42,.12); }
.gcg-soporte-widget__btn:active { transform: translateY(0) scale(.97); }
.gcg-soporte-widget__btn svg { width: 27px; height: 27px; position: relative; z-index: 2; }
.gcg-soporte-widget__pulse { position:absolute; inset:-1px; border-radius:50%; border:1px solid rgba(244,166,42,.34); animation:gcg-support-pulse 2.8s ease-out infinite; }

.gcg-soporte-widget__panel {
  position: absolute;
  right: 0;
  bottom: calc(100% + 13px);
  width: min(430px, calc(100vw - 34px));
  max-height: min(760px, calc(100vh - 104px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgba(7,15,20,.985);
  border: 1px solid rgba(244,166,42,.19);
  border-radius: 9px;
  box-shadow: 0 28px 80px rgba(0,0,0,.58), inset 0 1px rgba(255,255,255,.025);
  transform-origin: bottom right;
  animation: gcg-support-open .22s cubic-bezier(.2,.72,.24,1);
}
.gcg-soporte-widget__panel[hidden] { display: none; }

.gcg-soporte-widget__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 17px;
  border-bottom: 1px solid rgba(132,149,160,.10);
  background: linear-gradient(120deg,rgba(244,166,42,.035),transparent 48%), #091218;
}
.gcg-soporte-widget__header::before { content:''; position:absolute; left:0; top:0; width:78px; height:1px; background:linear-gradient(90deg,var(--gcg-accent),transparent); }
.gcg-soporte-widget__identity { display:flex; align-items:center; gap:11px; min-width:0; }
.gcg-soporte-widget__avatar { width:38px; height:38px; flex:none; display:grid; place-items:center; border-radius:7px; color:var(--gcg-accent); border:1px solid rgba(244,166,42,.20); background:rgba(244,166,42,.055); }
.gcg-soporte-widget__avatar svg { width:21px; height:21px; }
.gcg-soporte-widget__identity > div:last-child { display:grid; gap:3px; min-width:0; }
.gcg-soporte-widget__identity strong { font-family:var(--gcg-font-display); font-size:13px; color:var(--gcg-text); }
.gcg-soporte-widget__identity span { display:flex; align-items:center; gap:6px; color:var(--gcg-text-muted); font-size:9px; }
.gcg-soporte-widget__identity span i { width:6px; height:6px; border-radius:50%; background:var(--gcg-success); box-shadow:0 0 8px rgba(34,197,94,.35); }
.gcg-soporte-widget__close { width:32px; height:32px; flex:none; display:grid; place-items:center; border:1px solid rgba(132,149,160,.12); border-radius:5px; background:rgba(255,255,255,.02); color:var(--gcg-text-muted); cursor:pointer; transition:.16s ease; }
.gcg-soporte-widget__close:hover { color:var(--gcg-accent); border-color:rgba(244,166,42,.27); background:rgba(244,166,42,.04); }
.gcg-soporte-widget__close svg { width:15px; height:15px; }

.gcg-soporte-widget__body { padding: 16px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--gcg-border-strong) transparent; }
.gcg-soporte-widget__welcome { padding-bottom:13px; }
.gcg-soporte-widget__eyebrow { color:var(--gcg-accent); font-size:8px; letter-spacing:.15em; font-weight:800; }
.gcg-soporte-widget__welcome h3 { margin:5px 0 5px; font-family:var(--gcg-font-display); font-size:17px; letter-spacing:-.02em; }
.gcg-soporte-widget__welcome > p { margin:0 0 11px; color:var(--gcg-text-secondary); font-size:10px; line-height:1.55; }
.gcg-soporte-widget__tutorial { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; min-height:54px; padding:9px 11px; border:1px solid rgba(132,149,160,.12); border-radius:6px; background:rgba(255,255,255,.018); color:var(--gcg-text); transition:background .16s ease,border-color .16s ease,transform .16s ease; }
.gcg-soporte-widget__tutorial:hover { transform:translateY(-1px); border-color:rgba(244,166,42,.28); background:rgba(244,166,42,.035); }
.gcg-soporte-widget__tutorial > svg { width:20px; height:20px; color:var(--gcg-accent); }
.gcg-soporte-widget__tutorial > span { display:grid; gap:2px; }
.gcg-soporte-widget__tutorial strong { font-size:10px; }
.gcg-soporte-widget__tutorial small { color:var(--gcg-text-muted); font-size:8px; }
.gcg-soporte-widget__tutorial b { color:var(--gcg-accent); font-weight:500; }

.gcg-soporte-widget__topics { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:0 0 15px; }
.gcg-soporte-widget__topics button { min-height:35px; padding:7px 9px; border:1px solid rgba(132,149,160,.12); border-radius:5px; background:#091319; color:var(--gcg-text-secondary); font:inherit; font-size:9px; cursor:pointer; text-align:left; transition:.15s ease; }
.gcg-soporte-widget__topics button:hover,.gcg-soporte-widget__topics button.is-active { color:var(--gcg-accent); border-color:rgba(244,166,42,.28); background:rgba(244,166,42,.04); }

.gcg-soporte-widget__form-head { display:flex; justify-content:space-between; align-items:flex-end; gap:10px; padding:12px 0 10px; border-top:1px solid rgba(132,149,160,.09); }
.gcg-soporte-widget__form-head > div { display:grid; gap:3px; }
.gcg-soporte-widget__form-head strong { font-size:11px; color:var(--gcg-text); }
.gcg-soporte-widget__form-head span { font-size:8px; color:var(--gcg-accent); }
.gcg-soporte-widget__form-head > small { color:var(--gcg-text-muted); font-size:8px; }
.gcg-soporte-widget__fields-row { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:10px; }
.gcg-soporte-widget__body .gcg-field { margin-bottom:10px; }
.gcg-soporte-widget__body .gcg-input,.gcg-soporte-widget__body .gcg-textarea { background:#071016; border-color:rgba(132,149,160,.15); }
.gcg-soporte-widget__body .gcg-textarea { min-height:112px; resize:vertical; }
.gcg-soporte-widget__privacy-note { display:block; margin-top:5px; color:var(--gcg-text-muted); font-size:8px; line-height:1.45; }
.gcg-soporte-widget__captcha { margin:9px 0 11px; overflow:hidden; }
.gcg-soporte-widget__body #gcg-soporte-submit { display:flex; align-items:center; justify-content:center; gap:8px; }
.gcg-soporte-widget__body #gcg-soporte-submit svg { width:15px; height:15px; }

.gcg-soporte-widget__exito { text-align:center; padding:34px 12px 30px; color:var(--gcg-text-secondary); opacity:1; transition:opacity .35s ease; }
.gcg-soporte-widget__exito[hidden] { display:none; }
.gcg-soporte-widget__exito--desvanecer { opacity:0; }
.gcg-soporte-widget__success-icon { width:52px; height:52px; margin:0 auto 11px; display:grid; place-items:center; border-radius:50%; color:var(--gcg-success); border:1px solid rgba(34,197,94,.28); background:rgba(34,197,94,.05); }
.gcg-soporte-widget__success-icon svg { width:27px; height:27px; }
.gcg-soporte-widget__exito strong { display:block; color:var(--gcg-text); font-size:14px; margin-bottom:5px; }
.gcg-soporte-widget__exito p { margin:0; font-size:10px; line-height:1.55; }

@keyframes gcg-support-open { from { opacity:0; transform:translateY(8px) scale(.98); } to { opacity:1; transform:none; } }
@keyframes gcg-support-pulse { 0% { opacity:.55; transform:scale(1); } 70%,100% { opacity:0; transform:scale(1.42); } }

@media (max-width: 520px) {
  .gcg-soporte-widget { right:14px; bottom:14px; }
  .gcg-soporte-widget__btn { width:52px; height:52px; }
  .gcg-soporte-widget__panel { width:calc(100vw - 28px); max-height:calc(100vh - 86px); }
  .gcg-soporte-widget__fields-row { grid-template-columns:1fr; gap:0; }
  .gcg-soporte-widget__topics { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .gcg-soporte-widget__pulse { animation:none; }
  .gcg-soporte-widget__panel { animation:none; }
}