/* HOLYNX v0.7.4 — Front */

/* Variables rápidas */
.hlx-links{
  --hlx-accent: #111;
  --hlx-card-bg: #ffffff;
  --hlx-card-bd: rgba(0,0,0,.12);
  --hlx-card-r: 12px;
  --hlx-gap: 12px;
  --hlx-thumb-w: 56px;      /* ancho/alto de miniatura */
  --hlx-thumb-h: 56px;
  --hlx-plat-ico: 18px;     /* tamaño del iconito de plataforma */
  --hlx-pad: 12px;
  --hlx-shadow: 0 1px 0 rgba(0,0,0,.06);
}

/* Lista */
.hlx-links .hlx-list{display:flex;flex-direction:column;gap:var(--hlx-gap)}

/* Tarjeta */
.hlx-card{
  position:relative;
  display:flex;
  gap:12px;
  align-items:center;
  background:var(--hlx-card-bg);
  border:1px solid var(--hlx-card-bd);
  border-radius:var(--hlx-card-r);
  box-shadow:var(--hlx-shadow);
  padding:var(--hlx-pad);
  transition:transform .06s ease, box-shadow .12s ease, border-color .12s ease;
}
.hlx-card:hover{transform:translateY(-1px);border-color:var(--hlx-accent)}
.hlx-card a.hlx-hit{position:absolute;inset:0;z-index:1;border-radius:var(--hlx-card-r);}

/* Miniatura izquierda */
.hlx-thumb{
  width:var(--hlx-thumb-w);
  height:var(--hlx-thumb-h);
  border-radius:10px;
  background:#f1f1f1;
  overflow:hidden;
  flex:0 0 var(--hlx-thumb-w);
  display:flex;align-items:center;justify-content:center;
}
.hlx-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hlx-thumb.is-empty{background:#f6f6f6}

/* Cuerpo */
.hlx-body{min-width:0;display:flex;flex-direction:column;gap:4px}

/* Título + icono de plataforma */
.hlx-title-row{
  display:flex;align-items:center;gap:8px;line-height:1.2;
}
.hlx-title{
  font-weight:700;font-size:16px;color:#111;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.hlx-platform{
  width:var(--hlx-plat-ico);height:var(--hlx-plat-ico);flex:0 0 var(--hlx-plat-ico);
  display:block;opacity:.95
}

/* Subtítulo */
.hlx-sub{
  font-size:13px;color:#666;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}

/* Paginación (números) */
.hlx-pagination{display:flex;gap:6px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.hlx-page-btn{
  min-width:34px;height:34px;padding:0 10px;border:1px solid var(--hlx-card-bd);background:#fff;border-radius:8px;cursor:pointer
}
.hlx-page-btn.is-active{border-color:var(--hlx-accent);color:#fff;background:var(--hlx-accent)}
.hlx-page-btn:disabled{opacity:.5;cursor:not-allowed}

/* Scroll interno (si se usa) */
.hlx-scroll{max-height:var(--hlx-scroll-max);overflow:auto;border-radius:var(--hlx-card-r)}