/* Página: fondo oscuro de borde a borde, sin el título de Astra */
body.glc-pagina,
body.glc-pagina .site-content,
body.glc-pagina #content { background: #0F172A; }
body.glc-pagina .site-content > .ast-container { max-width: none; padding: 0; display: block; }
body.glc-pagina #primary { margin: 0; padding: 0; width: 100%; }
body.glc-pagina .entry-header { display: none; }
body.glc-pagina .entry-content { margin: 0; }
body.glc-pagina article.page { margin: 0; padding: 0; background: transparent; }
body.glc-pagina { padding-top: 0 !important; }
body.glc-pagina #masthead .ast-primary-header-bar.main-header-bar { margin-top: 0 !important; }

/* Cabecera y pie como en la portada */
body.glc-pagina .site-header { background: #0f172a !important; border-bottom: 1px solid rgba(255,255,255,.1); box-shadow: none; }
body.glc-pagina .site-title, body.glc-pagina .site-title a { color: #fff !important; font-family: "Archivo Black", sans-serif !important; letter-spacing: -.03em; }
body.glc-pagina .menu-link, body.glc-pagina .main-header-menu a, body.glc-pagina .site-header a {
  color: #cbd5e1 !important; font-family: "JetBrains Mono", monospace !important; font-size: 12px !important; letter-spacing: .07em; text-transform: uppercase;
}
body.glc-pagina .menu-link:hover, body.glc-pagina .site-header a:hover,
body.glc-pagina .current-menu-item > .menu-link { color: #db0003 !important; }
body.glc-pagina .site-footer, body.glc-pagina .ast-small-footer, body.glc-pagina footer.site-footer {
  background: #0f172a !important; color: #64748b !important; border-top: 1px solid rgba(255,255,255,.1);
}
body.glc-pagina .site-footer a { color: #93a1b5 !important; }
body.glc-pagina .ast-mobile-menu-trigger, body.glc-pagina .menu-toggle { background: transparent !important; color: #fff !important; border-color: rgba(255,255,255,.3) !important; }
body.glc-pagina .ast-primary-header-bar, body.glc-pagina .main-header-bar, body.glc-pagina .ast-above-header-bar,
body.glc-pagina .ast-below-header-bar, body.glc-pagina .ast-header-sticked .main-header-bar {
  background: #0f172a !important; background-color: #0f172a !important; border-bottom: 1px solid rgba(255,255,255,.1) !important; box-shadow: none !important;
}

.glc {
  --bg: #0F172A; --bg2: #16202F; --card: #1E293B; --line: #334155; --line2: #475569;
  --tx: #F8FAFC; --tx2: #CBD5E1; --mut: #94A3B8; --acc: #DB0003; --accH: #F30202; --accT: #FF4D4D;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  font-family: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--tx); font-size: 16px; line-height: 1.55;
  max-width: 1040px; margin: 0 auto; padding: 64px 20px 110px;
  -webkit-font-smoothing: antialiased;
}
.glc *, .glc *::before, .glc *::after { box-sizing: border-box; }
/* Astra subraya todos los enlaces de las entradas (.ast-single-post .entry-content a), botones incluidos */
.glc a { color: var(--accT); text-decoration: none !important; }
.glc .glc-ok a, .glc .glc-error a, .glc .glc-sub a, .glc .glc-pie-acceso a, .glc .glc-olvido a { text-decoration: underline !important; text-underline-offset: 2px; }
.glc a:hover { color: #ff7a7a; }
.glc h1, .glc h2, .glc h3 { color: var(--tx); font-family: inherit; margin: 0; letter-spacing: -.02em; line-height: 1.08; }
.glc h1 { font-size: clamp(34px, 6vw, 58px); font-weight: 700; }
.glc h2 { font-size: 24px; font-weight: 600; }
.glc h3 { font-size: 20px; font-weight: 600; }
.glc p { margin: 0; }
.glc em { font-style: normal; color: var(--mut); }

.glc-kick { font-family: var(--mono); font-size: 12.5px; letter-spacing: 2px; text-transform: uppercase; color: var(--mut); margin: 0 0 14px !important; }
.glc-kick b { color: var(--accT); font-weight: 400; margin: 0 8px; }
.glc-lead { color: var(--tx2); font-size: 18px; max-width: 560px; margin: 18px 0 30px !important; }
.glc-sub { color: var(--tx2); font-size: 15px; margin-top: 12px !important; }
.glc-meta { font-family: var(--mono); font-size: 12px; letter-spacing: .5px; color: var(--mut); }
.glc-nota { display: block; color: var(--tx2); white-space: pre-line; margin-top: 10px !important; }

/* Botones */
.glc .glc-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 46px; padding: 0 22px; border-radius: 999px;
  border: 1px solid var(--acc); background: var(--acc); color: #fff;
  font: 600 15px/1 "Space Grotesk", system-ui, sans-serif; letter-spacing: 0; text-transform: none;
  cursor: pointer; text-decoration: none; box-shadow: none; transition: background .15s, border-color .15s;
}
.glc .glc-btn:hover, .glc .glc-btn:focus-visible { background: var(--accH); border-color: var(--accH); color: #fff; }
.glc .glc-btn.sec { background: transparent; border-color: var(--line2); color: var(--tx); }
.glc .glc-btn.sec:hover, .glc .glc-btn.sec:focus-visible { border-color: var(--tx); background: transparent; color: var(--tx); }
.glc .glc-btn.peq { min-height: 36px; padding: 0 16px; font-size: 13.5px; }
.glc .glc-btn:disabled { opacity: .5; cursor: wait; }
.glc .glc-x {
  background: transparent; border: 0; color: var(--mut); font-size: 20px; line-height: 1;
  padding: 4px 8px; cursor: pointer; border-radius: 8px; min-height: 0; box-shadow: none;
}
.glc .glc-x:hover { color: var(--accT); background: rgba(219, 0, 3, .12); }

/* Campos */
.glc input[type=text], .glc input[type=password], .glc input[type=email], .glc input[type=search], .glc textarea {
  width: 100%; background: var(--bg); border: 1px solid var(--line2); border-radius: 12px;
  color: var(--tx); font: 400 15px/1.5 "Space Grotesk", system-ui, sans-serif;
  padding: 12px 14px; margin: 6px 0 0; box-shadow: none; outline: none;
}
.glc input[type=text]:focus, .glc input[type=password]:focus, .glc textarea:focus { border-color: var(--accT); }
.glc textarea { resize: vertical; min-height: 52px; }
.glc label { color: var(--tx2); font-size: 14px; }
.glc-check { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.glc-check input { accent-color: var(--acc); width: 16px; height: 16px; margin: 0; }
.glc-ahora { font-family: var(--mono); color: var(--tx); }

/* Acceso */
.glc-acceso { max-width: 480px; margin: 0 auto; padding-top: 10px; }
.glc #loginform { margin: 0; }
.glc #loginform p { margin: 0 0 16px; }
.glc #loginform label { display: block; }
.glc .login-remember label { display: inline-flex; align-items: center; gap: 8px; }
.glc .login-remember input { accent-color: var(--acc); width: 16px; height: 16px; margin: 0; }
.glc #wp-submit {
  width: 100%; min-height: 52px; border-radius: 999px; border: 1px solid var(--acc); background: var(--acc);
  color: #fff; font: 600 16px/1 "Space Grotesk", system-ui, sans-serif; cursor: pointer; padding: 0 26px;
}
.glc #wp-submit:hover { background: var(--accH); border-color: var(--accH); }
.glc-olvido { font-size: 14.5px; }
.glc-pie-acceso { color: var(--mut); font-size: 14.5px; margin-top: 30px !important; padding-top: 22px; border-top: 1px solid var(--line); }
.glc-error {
  background: rgba(219, 0, 3, .14); border: 1px solid rgba(219, 0, 3, .5); color: #ffd7d7;
  padding: 12px 16px; border-radius: 12px; margin: 0 0 20px !important;
}

.glc-ok {
  background: rgba(34, 197, 94, .12); border: 1px solid rgba(34, 197, 94, .45); color: #d6f5e0;
  padding: 12px 16px; border-radius: 12px; margin: 0 0 20px !important;
}
.glc-ok b { color: #fff; }
.glc-error a, .glc-ok a { color: #fff; text-decoration: underline; }
.glc-form p { margin: 0 0 16px; }
.glc-form label { display: block; }
.glc .glc-btn.ancho { width: 100%; min-height: 52px; font-size: 16px; }
.glc-trampa { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.glc input[type=text][name=codigo] { font-family: var(--mono); letter-spacing: 2px; text-transform: uppercase; }

/* Cabecera */
.glc-cab {
  display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap;
  border-bottom: 1px solid var(--line); padding-bottom: 28px; margin-bottom: 34px;
}
.glc .glc-volver {
  display: inline-block; margin-bottom: 22px; color: var(--mut);
  font-family: var(--mono); font-size: 12.5px; letter-spacing: 1.5px; text-transform: uppercase;
}
.glc .glc-volver:hover { color: var(--tx); }
.glc-acciones { display: flex; gap: 12px; flex-wrap: wrap; margin: 0 0 28px !important; }

/* Lista de proyectos */
.glc-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 16px; }
.glc .glc-card {
  display: flex; flex-direction: column; gap: 10px; min-height: 170px;
  background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 24px; color: var(--tx);
  transition: border-color .15s, transform .15s;
}
.glc .glc-card:hover { border-color: var(--acc); color: var(--tx); transform: translateY(-2px); }
.glc-card .glc-kick { margin: 0 !important; color: var(--accT); }
.glc-card-cli { color: var(--tx2); font-size: 14.5px; }
.glc-card-pie { margin-top: auto; font-family: var(--mono); font-size: 12px; color: var(--mut); }
.glc-vacio { border: 1px dashed var(--line2); border-radius: 18px; padding: 34px 24px; text-align: center; color: var(--tx2); }

.glc-badge {
  display: inline-block; font-family: var(--mono); font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;
  background: var(--acc); color: #fff; padding: 4px 10px; border-radius: 999px; line-height: 1.3; width: max-content;
}
.glc-badge.gris { background: var(--line2); }

/* Secciones */
.glc-sec { display: flex; align-items: baseline; gap: 12px; margin: 46px 0 18px; }
.glc-sec .glc-kick { margin: 0 !important; color: var(--accT); }

/* Versiones */
.glc-version { background: var(--bg2); border: 1px solid var(--line); border-radius: 20px; padding: 26px; margin-bottom: 18px; }
.glc-version.ultima { border-color: rgba(219, 0, 3, .55); }
.glc-v-cab { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.glc-v-cab .glc-meta { margin-left: auto; }
.glc-v-acciones { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.glc-descargas { font-family: var(--mono); font-size: 12px; color: var(--mut); margin-top: 8px !important; }

/* Reproductor */
.glc-player { display: flex; align-items: center; gap: 16px; margin-top: 20px; }
.glc .glc-play {
  flex: 0 0 auto; width: 54px; height: 54px; border-radius: 50%; border: 0; padding: 0; min-height: 0;
  background: var(--acc); color: #fff; display: grid; place-items: center; cursor: pointer; box-shadow: none;
  transition: background .15s, transform .1s;
}
.glc .glc-play:hover { background: var(--accH); }
.glc .glc-play:active { transform: scale(.96); }
.glc-play svg { width: 24px; height: 24px; fill: currentColor; }
.glc-play .i-pausa, .glc-player.sonando .i-play { display: none; }
.glc-player.sonando .i-pausa { display: block; }
.glc-barra { position: relative; flex: 1; height: 40px; cursor: pointer; }
.glc-barra::before, .glc-progreso {
  content: ""; position: absolute; left: 0; top: 50%; height: 4px; margin-top: -2px; border-radius: 2px;
}
.glc-barra::before { right: 0; background: var(--line); }
.glc-progreso { width: 0; background: var(--acc); }
.glc-progreso::after {
  content: ""; position: absolute; right: -6px; top: -4px; width: 12px; height: 12px; border-radius: 50%; background: #fff;
}
.glc-marcas { position: absolute; inset: 0; pointer-events: none; }
.glc .glc-marca {
  position: absolute; top: 3px; width: 11px; height: 11px; margin-left: -5.5px; padding: 0; min-height: 0;
  border-radius: 50%; background: var(--accT); border: 2px solid var(--bg2); cursor: pointer; pointer-events: auto; box-shadow: none;
}
.glc .glc-marca:hover { background: #fff; }
.glc-tiempo { flex: 0 0 auto; font-family: var(--mono); font-size: 13px; color: var(--mut); min-width: 92px; text-align: right; }
.glc-player.sin-audio .glc-play, .glc-player.sin-audio .glc-barra { display: none; }
.glc-player.sin-audio .glc-tiempo { text-align: left; }

/* Comentarios */
.glc-hilo { border-top: 1px solid var(--line); margin-top: 22px; padding-top: 18px; }
.glc-coms { list-style: none; margin: 0 0 12px; padding: 0; }
.glc-com { background: var(--card); border-radius: 12px; padding: 12px 14px; margin: 0 0 8px; transition: box-shadow .3s; }
.glc-com.es-estudio { border-left: 3px solid var(--acc); }
.glc-com.glc-luz { box-shadow: 0 0 0 2px var(--accT); }
.glc-com-cab { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.glc-com-cab b { color: var(--tx); font-weight: 600; }
.glc-com-cab span { font-family: var(--mono); font-size: 11.5px; color: var(--mut); }
.glc-com-cab .glc-x { margin-left: auto; font-size: 18px; }
.glc-com p { color: var(--tx2); font-size: 15px; margin-top: 6px; }
.glc .glc-ts {
  font-family: var(--mono); font-size: 12px; color: var(--accT); background: rgba(219, 0, 3, .16);
  border: 0; border-radius: 999px; padding: 3px 10px; min-height: 0; cursor: pointer; line-height: 1.4; box-shadow: none;
}
.glc .glc-ts:hover { background: rgba(219, 0, 3, .3); color: #fff; }
.glc-fila { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 10px; flex-wrap: wrap; }

/* Subidas */
.glc-panel { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 26px; margin: 0 0 10px; }
.glc-panel h3 { margin-bottom: 4px; }
.glc-campos { display: grid; grid-template-columns: 1fr 1.4fr; gap: 16px; margin: 18px 0 16px; }
.glc-campos.uno { grid-template-columns: 1fr; }
.glc-campos label { display: block; }
.glc-archivo { display: flex; align-items: center; gap: 14px; cursor: pointer; position: relative; margin-top: 4px; }
.glc-archivo input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.glc-archivo:focus-within .glc-btn { border-color: var(--tx); }
.glc-nombre { color: var(--tx2); font-size: 14px; word-break: break-all; }
.glc-carga-caja { display: none; height: 6px; background: var(--line); border-radius: 3px; overflow: hidden; margin: 18px 0 8px; }
.subiendo .glc-carga-caja { display: block; }
.glc-carga { height: 100%; width: 0; background: var(--acc); transition: width .2s; }
.glc-carga-txt { font-family: var(--mono); font-size: 12.5px; color: var(--mut); min-height: 1em; }
.glc-subir .glc-fila { margin-top: 16px; }
.glc-version + .glc-sec, .glc-ficheros + .glc-panel, .glc-vacio + .glc-panel { margin-top: 26px; }

.glc-campos.tres { grid-template-columns: 1.3fr 1.2fr 1fr; }
.glc-artista { grid-template-columns: 1.2fr 1fr auto; align-items: end; margin: 0 0 10px; }
.glc-artista .glc-x { margin-bottom: 8px; }
.glc input.glc-auto { animation: glcAuto 1.2s ease-out; }
@keyframes glcAuto { from { border-color: #25d366; box-shadow: 0 0 0 3px rgba(37, 211, 102, .25); } }
.glc-campos.uno + .glc-artistas { margin-top: -4px; }
.glc-subir { transition: border-color .15s, background .15s; }
.glc-subir.encima { border-color: var(--accT); border-style: dashed; background: #222f45; }
.glc [hidden] { display: none !important; }

/* Estudio: clientes del proyecto e invitaciones */
.glc-clientes { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.glc-chip {
  display: inline-flex; align-items: center; gap: 2px; background: var(--card); border: 1px solid var(--line2);
  border-radius: 999px; padding: 3px 4px 3px 14px; font-size: 14px; color: var(--tx);
}
.glc-chip .glc-x { font-size: 16px; padding: 2px 7px; }
.glc-clientes + .glc-clientes { margin-top: 10px; }
.glc-clientes .glc-sub { margin: 0 !important; }
.glc .glc-peligro { border-color: rgba(219, 0, 3, .5); color: var(--accT); }
.glc .glc-peligro:hover { background: var(--acc); border-color: var(--acc); color: #fff; }
.glc-caduca { color: var(--tx2); font-size: 14.5px; margin-top: 12px !important; padding-left: 12px; border-left: 3px solid var(--acc); }
.glc-caduca b, .glc-clientes .glc-sub b { color: var(--tx); font-weight: 600; }
.glc-acciones { align-items: center; }
.glc .glc-escritorio { border-color: transparent; color: var(--mut); }
.glc .glc-escritorio:hover { border-color: var(--line2); color: var(--tx); }
.glc-invitacion { border-color: rgba(37, 211, 102, .45); }
.glc .glc-inv-texto { margin: 12px 0 0; font-size: 14.5px; }
.glc .glc-inv-wa { background: #1fa855; border-color: #1fa855; }
.glc .glc-inv-wa:hover { background: #25d366; border-color: #25d366; }
.glc #glc-anadir, .glc-panel + .glc-panel { margin-top: 16px; }

/* Cola de subida: una fila por archivo */
.glc-cola { margin: 14px 0 4px; display: flex; flex-direction: column; gap: 8px; }
.glc-cola:empty { display: none; }
.glc-item {
  display: grid; grid-template-columns: 1.1fr 1.2fr .8fr auto; gap: 12px; align-items: end;
  background: var(--bg2); border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px;
}
.glc-subir:not([data-canciones]) .glc-item { grid-template-columns: 1fr auto; align-items: center; }
.glc-item-arch { display: flex; flex-direction: column; gap: 2px; min-width: 0; align-self: center; }
.glc-item-arch b { color: var(--tx); font-weight: 600; font-size: 14px; word-break: break-all; }
.glc-item label { font-size: 12.5px; }
.glc-item input[type=text] { padding: 8px 10px; font-size: 14px; }
.glc-item .glc-x { align-self: center; }
.glc-item.activo { border-color: var(--accT); }
.glc-item.hecho { opacity: .55; }

.glc-editar { margin: 14px 0 0; padding: 14px; background: var(--card); border: 1px solid var(--line2); border-radius: 12px; align-items: end; }
.glc-editar .glc-v-acciones { margin: 0; grid-column: 1 / -1; }

/* Proyecto con varias canciones */
.glc-indice { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; }
.glc .glc-indice a {
  display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px;
  background: var(--card); border: 1px solid var(--line); color: var(--tx); font-size: 14px;
}
.glc .glc-indice a:hover { border-color: var(--acc); color: var(--tx); }
.glc-num { font-family: var(--mono); font-size: 12px; color: var(--accT); }
.glc-cancion { display: flex; align-items: baseline; gap: 12px; margin: 38px 0 14px; padding-top: 18px; border-top: 1px solid var(--line); scroll-margin-top: 90px; }
.glc-cancion .glc-num { font-size: 14px; }
.glc-cancion h2 { font-size: 22px; }
.glc-cancion .glc-kick { margin: 0 0 0 auto !important; }
.glc-cancion .glc-btn { align-self: center; }

/* Lista del estudio: buscador, espacio, carpetas */
.glc select {
  background: var(--bg); border: 1px solid var(--line2); border-radius: 12px; color: var(--tx);
  font: 400 15px/1.4 "Space Grotesk", system-ui, sans-serif; padding: 10px 12px; margin: 6px 0 0; width: 100%;
}
.glc-clientes select { width: auto; margin: 0; padding: 6px 10px; font-size: 14px; }
.glc-titulo-carpeta { grid-template-columns: 2fr 1fr; }
.glc-barra-lista { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 28px 0 22px; }
.glc .glc-buscar { flex: 1 1 260px; width: auto; margin: 0; }
.glc-barra-lista .glc-meta b { color: var(--tx); font-weight: 600; }
.glc-carpeta { margin: 0 0 22px; border-radius: 18px; transition: background .15s, box-shadow .15s; }
.glc-carpeta:not(.suelta) { background: var(--bg2); border: 1px solid var(--line); padding: 16px 18px 18px; }
.glc-carpeta-cab { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 14px; }
.glc-carpeta-cab h2 { font-size: 21px; }
.glc .glc-plegar { display: inline-flex; align-items: center; gap: 10px; background: none; border: 0; padding: 0; color: var(--tx); cursor: pointer; min-height: 0; box-shadow: none; }
.glc-carpeta-ico { width: 22px; height: 17px; border-radius: 3px; background: var(--acc); position: relative; transition: transform .15s; }
.glc-carpeta-ico::before { content: ""; position: absolute; left: 0; top: -4px; width: 10px; height: 5px; border-radius: 2px 2px 0 0; background: var(--acc); }
.glc-carpeta.plegada .glc-lista { display: none; }
.glc-carpeta.plegada .glc-carpeta-cab { margin: 0; }
.glc-carpeta-acc { display: flex; align-items: center; gap: 6px; margin-left: auto; flex-wrap: wrap; }
.glc-vacio.peq { padding: 18px; font-size: 14px; grid-column: 1 / -1; }
.glc-card[draggable="true"] { cursor: grab; }
.glc-cogido { opacity: .4; }
body.glc-arrastrando-proyecto .glc-carpeta:not(.suelta) { border-style: dashed; border-color: var(--line2); }
body.glc-arrastrando-proyecto .glc-carpeta.suelta { outline: 1px dashed var(--line2); outline-offset: 6px; border-radius: 18px; }
.glc-carpeta.glc-destino { box-shadow: 0 0 0 2px var(--accT); background: #1b2638; }

/* Carpetas como tarjetas */
.glc .glc-card-carpeta { position: relative; padding-top: 58px; background: linear-gradient(160deg, #22304a, var(--card) 60%); }
.glc-card-carpeta .glc-carpeta-ico { position: absolute; top: 24px; left: 24px; width: 30px; height: 22px; }
.glc-card-carpeta .glc-carpeta-ico::before { width: 13px; height: 6px; top: -5px; }
.glc .glc-card-carpeta.glc-destino { border-color: var(--accT); box-shadow: 0 0 0 2px var(--accT); }
body.glc-arrastrando-proyecto .glc-card-carpeta { border-style: dashed; border-color: var(--line2); }
.glc-chip.heredado { padding-right: 14px; border-style: dashed; }
.glc-item.una { grid-template-columns: 1.4fr 1fr auto; }

/* Proyecto: ZIP, arrastrar versiones y canciones, A/B */
.glc-sec-acc { margin-left: auto; display: flex; gap: 8px; }
.glc-pista { font-size: 13.5px; color: var(--mut); margin: -8px 0 18px !important; }
.glc .glc-asa { cursor: grab; user-select: none; }
.glc-cancion .glc-btn { margin-left: 4px; }
.glc-cancion.glc-destino, .glc-version.glc-destino { box-shadow: 0 0 0 2px var(--accT); border-radius: 14px; }
.glc .glc-indice a[draggable="true"] { cursor: grab; }
.glc .glc-indice a.glc-destino { border-color: var(--accT); box-shadow: 0 0 0 2px var(--accT); }
.glc .glc-ab {
  flex: 0 0 auto; min-height: 0; padding: 7px 11px; border-radius: 999px; border: 1px solid var(--line2);
  background: transparent; color: var(--tx2); font: 700 12px/1 var(--mono); letter-spacing: 1px; cursor: pointer; box-shadow: none;
}
.glc .glc-ab:hover { border-color: var(--accT); color: #fff; }

/* Archivos del cliente */
.glc-ficheros { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.glc-ficheros li { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-bottom: 1px solid var(--line); background: var(--bg2); }
.glc-ficheros li:last-child { border-bottom: 0; }
.glc-f-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.glc-f-txt b { color: var(--tx); font-weight: 600; word-break: break-all; }
.glc-f-txt .glc-nota { margin-top: 4px !important; font-size: 14px; }
.glc-f-acc { display: flex; align-items: center; gap: 6px; }

@media (max-width: 640px) {
  .glc { padding: 40px 16px 80px; }
  .glc-version, .glc-panel { padding: 18px; }
  .glc-campos, .glc-campos.tres { grid-template-columns: 1fr; }
  .glc-item { grid-template-columns: 1fr 1fr auto; }
  .glc-item-arch { grid-column: 1 / -1; }
  .glc-subir:not([data-canciones]) .glc-item-arch { grid-column: auto; }
  .glc-titulo-carpeta { grid-template-columns: 1fr; }
  .glc-carpeta-acc { margin-left: 0; }
  .glc-sec { flex-wrap: wrap; }
  .glc-player { gap: 12px; }
  .glc .glc-play { width: 48px; height: 48px; }
  .glc-tiempo { min-width: 0; font-size: 12px; }
  .glc-v-cab .glc-meta { margin-left: 0; width: 100%; }
  .glc-ficheros li { flex-wrap: wrap; }
}