/* ============================================================
   J.MUIÑOS+ · Biblioteca (v1.1)
   Recibidor con tarjetas por estantería + la cuadrícula de portadas.
   El resto (buscador, pestañas, ficha, formulario) reutiliza las
   clases compartidas de agenda.css/estilo.css, igual que hace Sitios.
   ============================================================ */

/* Oculta por defecto, igual que el resto de pantallas (base.css). Sin
   esto se queda pegada debajo de la portada en vez de ocupar la
   pantalla entera cuando toca mostrarla. */
#pantalla-biblioteca-recibidor{display:none;max-width:1500px;margin:0 auto;padding:2.5rem 2rem;}
#pantalla-biblioteca-recibidor.visible{display:block;}
#pantalla-biblioteca{display:none;max-width:1500px;margin:0 auto;padding:2.5rem 2rem;}
#pantalla-biblioteca.visible{display:block;}
#pantalla-libro-ficha{display:none;max-width:1500px;margin:0 auto;padding:2.5rem 2rem;}
#pantalla-libro-ficha.visible{display:block;}

.bib-estanterias{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));
  gap:var(--e-4);
  margin-top:var(--e-5);
}
.bib-est-cel{
  cursor:pointer;
  background:var(--ficha);
  border:1px solid var(--borde);
  border-radius:var(--r-md);
  padding:var(--e-5);
}
.bib-est-cel .ic{font-size:var(--t-xl); color:var(--verde);}
.bib-est-cel .nm{font-size:var(--t-md); font-weight:var(--p-fuerte); margin-top:var(--e-3);}
.bib-est-cel .sub{font-size:var(--t-sm); color:var(--sec); margin-top:var(--e-1);}

.bib-tabs-estado{margin-top:-6px;}

.bib-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(110px, 1fr));
  gap:var(--e-4);
}
.bib-cover-cel{cursor:pointer;}
.bib-cover{
  position:relative;
  aspect-ratio:2/3;
  border-radius:var(--r-sm);
  background-color:var(--gris-5);
  background-size:cover;
  background-position:center;
  border:1px solid var(--borde);
}
.bib-cover-ph{
  display:flex; align-items:flex-end;
  padding:var(--e-3);
}
.bib-cover-ph span{
  font-size:var(--t-xs);
  font-weight:var(--p-medio);
  color:var(--navy);
  line-height:1.3;
}
.bib-cover-grande{width:120px; flex:0 0 120px; margin-right:var(--e-4);}
.bib-cover-tit{
  margin-top:var(--e-2);
  font-size:var(--t-xs);
  color:var(--sec);
  line-height:1.3;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}
.bib-punto{
  position:absolute; top:6px; right:6px;
  width:9px; height:9px; border-radius:var(--r-full);
  border:2px solid var(--ficha);
}
.bib-punto-pendiente{background:var(--sec);}
.bib-punto-leyendo{background:var(--ambar);}
.bib-punto-leido{background:var(--verde);}

.bib-ficha-cab{display:flex; align-items:flex-start; margin-bottom:var(--e-5); position:relative;}
.bib-cambiar-portada{
  position:absolute; bottom:6px; right:6px;
  width:28px; height:28px; border-radius:var(--r-full);
  background:var(--navy); color:#fff; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font-size:var(--t-sm);
}
.bib-ficha-tit{font-size:var(--t-lg); font-weight:var(--p-fuerte);}
.bib-ficha-sub{font-size:var(--t-sm); color:var(--sec); margin-top:var(--e-1);}