/* ============================================================
   libros.css — Mate con amigos
   Estilos de páginas de libros: portada grande + ficha,
   subtítulo, ISBN, etiquetas de compra.
   Lo cargan Teromonas, Cuentos del inconsciente, La Milagrosa, etc.
   ============================================================ */


/* ── Portada del libro + datos ── */
.libro-top {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.libro-img-grande {
  width: 180px;
  border-radius: 10px;
  flex-shrink: 0;
  box-shadow: 0 6px 20px rgba(0,0,0,.5);
}
.libro-data {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.libro-data p {
  margin: 0 !important;
  font-size: inherit;
  text-align: left;
  line-height: 1.4;
  letter-spacing: normal;
}
.libro-data h1 {
  margin: 0 0 4px;
  font-size: 36px;
  line-height: 1.1;
  color: var(--tinta);
  text-shadow: none;
}

.libro-subtitulo {
  font-size: 20px;
  color: rgba(15,10,5,.85);
  font-style: italic;
  font-weight: 700;
  margin: 0;
}

.libro-meta {
  font-size: 18px;
  color: rgba(15,10,5,.85);
  margin: 0;
}
.libro-meta a {
  color: rgba(15,10,5,.85);
  text-decoration: none;
  border: none;
  padding: 0;
  background: transparent;
  font-size: inherit;
  display: inline;
}


/* ── Etiquetas "Para leer / Para escuchar" ── */
.compra-label,
.dia-card .compra-label {
  font-size: 16px !important;
  color: rgba(15,10,5,.75);
  margin: 4px 0 !important;
  font-style: italic;
  line-height: 1.4;
  text-align: left;
  letter-spacing: normal;
}
.compra-label-oscuro {
  font-size: 16px;
  color: rgba(15,10,5,.75);
  margin: 0 0 8px;
  font-style: italic;
}


/* ── Móvil ── */
@media (max-width: 760px) {
  .libro-top { flex-direction: column; align-items: center; text-align: center; }
  .libro-img-grande { width: 140px; }
}