/* ═══════════════════════════════════════════
 * DIVERGENCIA · 5 paletas distintas + hilo de unión lemniscata ∞
 * Aplicado a biblio-tarjeta · cada libro su personalidad
 * Hilos invariantes: lemniscata + monograma 5L + página 47 + Don Hernán
 * ═══════════════════════════════════════════ */

/* ═══ 5 paletas divergentes ═══ */
.biblio-tarjeta[data-libro="m1"] {
  --tinta-libro: #d4a574;        /* dorado oscuro · amanecer del oficio */
  --tinta-libro-suave: #8a6a3e;
  background: linear-gradient(135deg, rgba(212, 165, 116, 0.08), rgba(13, 20, 36, 0.6));
}

.biblio-tarjeta[data-libro="m2"] {
  --tinta-libro: #c4845d;        /* ocre crepuscular · tarde de la venta */
  --tinta-libro-suave: #8b5a3c;
  background: linear-gradient(135deg, rgba(196, 132, 93, 0.1), rgba(13, 20, 36, 0.6));
}

.biblio-tarjeta[data-libro="m3"] {
  --tinta-libro: #7ab4d4;        /* azul amanecer · mar abierto */
  --tinta-libro-suave: #4a7d96;
  background: linear-gradient(135deg, rgba(122, 180, 212, 0.1), rgba(13, 20, 36, 0.6));
}

.biblio-tarjeta[data-libro="m4"] {
  --tinta-libro: #8ba373;        /* verde oliva apagado · campo en calma */
  --tinta-libro-suave: #5c7350;
  background: linear-gradient(135deg, rgba(139, 163, 115, 0.1), rgba(13, 20, 36, 0.6));
}

.biblio-tarjeta[data-libro="m5"] {
  --tinta-libro: #9b7fb5;        /* violeta atardecer · umbral de la noche */
  --tinta-libro-suave: #6c5680;
  background: linear-gradient(135deg, rgba(155, 127, 181, 0.1), rgba(13, 20, 36, 0.6));
}

/* Overrides para que el color de cada libro brille */
.biblio-tarjeta[data-libro] .biblio-tarjeta-numero {
  color: var(--tinta-libro);
  filter: drop-shadow(0 0 14px color-mix(in srgb, var(--tinta-libro) 40%, transparent));
}

.biblio-tarjeta[data-libro]:hover {
  border-color: var(--tinta-libro);
  box-shadow: 0 14px 30px color-mix(in srgb, var(--tinta-libro) 25%, transparent);
}

/* Pequeña lemniscata en cada tarjeta · hilo invariante */
.biblio-tarjeta[data-libro]::after {
  content: '∞';
  position: absolute;
  bottom: 8px;
  right: 10px;
  font-family: var(--fuente-display);
  font-size: 1rem;
  color: var(--tinta-libro);
  opacity: 0.4;
  pointer-events: none;
}

.biblio-tarjeta[data-libro] {
  position: relative;
}

/* ═══ Línea de cierre · hilo de unión visible ═══ */
.biblio-hilo-union {
  margin-top: var(--espacio-lg);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--espacio-md);
  opacity: 0.7;
}

.lemniscata {
  font-family: var(--fuente-display);
  font-size: 2.4rem;
  color: var(--oro-foil);
  animation: lemniscata-respira 4s ease-in-out infinite;
  filter: drop-shadow(0 0 12px rgba(244, 200, 122, 0.4));
}

@keyframes lemniscata-respira {
  0%, 100% { transform: scale(1); opacity: 0.6; }
  50% { transform: scale(1.08); opacity: 0.9; }
}

.hilo-texto {
  font-family: var(--fuente-editorial);
  font-style: italic;
  font-size: 0.95rem;
  color: var(--crema-suave);
  letter-spacing: 2px;
}

/* ═══ Canto teñido degradado · franja que muestra la unión ═══ */
.biblio-libros::before {
  content: '';
  display: block;
  height: 6px;
  margin: 0 0 var(--espacio-md) 0;
  border-radius: 3px;
  background: linear-gradient(90deg,
    #d4a574 0%,    /* M1 dorado */
    #c4845d 25%,   /* M2 ocre */
    #7ab4d4 50%,   /* M3 azul */
    #8ba373 75%,   /* M4 oliva */
    #9b7fb5 100%   /* M5 violeta */
  );
  box-shadow: 0 0 18px rgba(244, 200, 122, 0.25);
}