/* ── Textura de fondo (archivo libros) ────────────────────────────────────── */
.la-texture {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle, rgba(184,149,90,0.13) 1px, transparent 1px),
    radial-gradient(circle, rgba(184,149,90,0.13) 1px, transparent 1px);
  background-size: 28px 28px;
  background-position: 0 0, 14px 14px;
}

/* ── Archive hero ─────────────────────────────────────────────────────────── */
.la-hero { padding-bottom: 0; position: relative; z-index: 1; }
.la-hero .eyebrow { display: block; margin-bottom: var(--space-xs); }
.la-hero__title {
  font-family: var(--font-display);
  font-style: italic;
  font-size: clamp(2.2rem, 5vw, 3.5rem);
  color: var(--color-ink);
  margin: 0;
}

/* ── Libros archive grid ──────────────────────────────────────────────────── */
.libros-archive {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-xl) var(--space-lg);
  padding: var(--space-sm) 0 var(--space-2xl);
}

/* ── Tarjeta libro (comparte estilos con gl-card del home) ────────────────── */
.libros-archive .gl-card { cursor: default; }
.libros-archive .gl-card:active { cursor: default; }

.gl-card {
  display: flex;
  flex-direction: column;
  cursor: grab;
}
.gl-card:active { cursor: grabbing; }

.gl-card__visual {
  position: relative;
  overflow: hidden;
  display: block;
  height: 375px;
  background: var(--color-bg-darker);
  text-decoration: none;
}
.gl-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.55s var(--ease-soft);
}
.gl-card__visual:hover .gl-card__img { transform: scale(1.05); }

.gl-card__img-placeholder {
  width: 100%;
  height: 100%;
  background: var(--color-bg-darker);
}

.gl-card__overlay {
  position: absolute;
  inset: 0;
  background: rgba(44, 24, 16, 0.48);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.32s var(--ease-soft);
}
.gl-card__visual:hover .gl-card__overlay { opacity: 1; }

.gl-card__overlay-btn {
  display: inline-block;
  padding: 10px 24px;
  background: var(--color-bg);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transform: translateY(6px);
  transition: transform 0.32s var(--ease-soft);
}
.gl-card__visual:hover .gl-card__overlay-btn { transform: translateY(0); }

.gl-card__foot {
  padding: 12px 2px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gl-card__title {
  font-family: var(--font-display);
  font-style: italic;
  font-size: var(--text-base);
  color: var(--color-ink);
  line-height: 1.3;
  margin: 0;
}
.gl-card__buy {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.22s, gap 0.22s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.gl-card__buy:hover { color: var(--color-ink); }

.libro-single { padding: var(--space-md) 0 0; }

/* Recomendados */
.gl--recomendados {
  border-top: 1px solid rgba(184,149,90,0.18);
  margin-top: var(--space-lg);
}

/* Botón volver */
.ls__back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: var(--space-lg);
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-ink-mid);
  text-decoration: none;
  opacity: 0.65;
  transition: opacity 0.22s, color 0.22s, gap 0.22s;
}
.ls__back:hover {
  opacity: 1;
  color: var(--color-accent);
  gap: 12px;
}
.ls__back svg { flex-shrink: 0; transition: transform 0.22s; }
.ls__back:hover svg { transform: translateX(-3px); }

.libro-single__hero {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: var(--space-2xl);
  align-items: start;
}

.libro-single__cover-wrap {
  position: relative;
}
.libro-single__cover-wrap::before {
  content: '';
  position: absolute;
  top: 16px;
  left: -16px;
  right: 16px;
  bottom: -16px;
  border: 1px solid rgba(184,149,90,0.30);
  pointer-events: none;
}
.libro-single__portada {
  position: relative;
  width: 100%;
  display: block;
  box-shadow: var(--shadow-lg);
}

.libro-single__info h1 {
  margin: var(--space-sm) 0 var(--space-sm);
}
.libro-single__subtitulo {
  font-style: italic;
  font-size: var(--text-lg);
  color: var(--color-ink-mid);
  margin-bottom: 0;
}
.libro-single__meta {
  display: flex;
  gap: var(--space-lg);
  margin-bottom: var(--space-lg);
}
.libro-single__dato { display: flex; flex-direction: column; gap: 2px; }
.libro-single__dato-label {
  font-size: var(--text-xs);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-sage);
}
.libro-single__dato-valor {
  font-family: var(--font-body);
  font-size: var(--text-base);
  color: var(--color-ink-mid);
}
.libro-single__desc {
  font-style: italic;
  color: var(--color-ink-mid);
  margin-bottom: var(--space-md);
}
.libro-single__content { margin-bottom: var(--space-lg); }

@media (max-width: 1024px) {
  .libros-archive { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .libros-archive                { grid-template-columns: repeat(2, 1fr); gap: var(--space-lg) var(--space-md); }
  .gl-card__visual               { height: 280px; }
  .libro-single__hero            { grid-template-columns: 1fr; }
  .libro-single__cover-wrap      { max-width: 260px; margin: 0 auto; }
  .libro-single__cover-wrap::before { display: none; }
  .libro-single__meta            { flex-wrap: wrap; gap: var(--space-md); }
  .libro-single__info h1         { font-size: clamp(1.8rem, 7vw, 2.6rem); }
}
@media (max-width: 480px) {
  .libros-archive  { grid-template-columns: repeat(2, 1fr); gap: var(--space-md) var(--space-sm); }
  .gl-card__visual { height: 220px; }
  .gl-card__title  { font-size: var(--text-sm); }
  .libro-single__cover-wrap { max-width: 220px; }
}