/* Copia aquí el contenido de tu archivo original:
   C:\Users\sangs\OneDrive\Escritorio\evaluacion\Libreria\Libreria\assets\css\styleindex.css */

/* Placeholder para evitar 404; puedes borrar este comentario una vez pegues tu CSS. */

/* Estilos base UI */
.hero { position: relative; min-height: 260px; background: #0f172a; }
.hero-img { height: 320px; object-fit: cover; width: 100%; display: block; filter: brightness(0.55); }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0.65)); }
.hero-content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; }

/* Cards */
.card-hover { transition: transform .2s ease, box-shadow .2s ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(2,6,23,.15); }

/* Imágenes */
.object-cover { object-fit: cover; }
.card-img-top.object-cover { height: 180px; }

/* Secciones */
.buscador { text-align: center; margin-block: 1rem; }
.resultadoBusqueda .card-title { font-size: 1rem; }

/* Navbar: fija arriba y visible encima de todo */
.menu{ 
  position: fixed !important; 
  top: 0 !important; left: 0 !important; right: 0 !important;
  z-index: 3000; 
  height: var(--nav-h);
  display: flex; align-items: center; gap: 12px;
  padding: 0 16px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  background: rgba(15, 23, 42, 0.85);
  border-bottom: 1px solid rgba(255,255,255,.08); 
  border-radius: 0; 
  margin: 0; 
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}
.menu a{ color: #e5e7eb; text-decoration: none; padding: .25rem .5rem; border-radius: 8px; }
.menu a:hover{ background: rgba(255,255,255,.06); }
.menu a.active{ background: rgba(14,165,233,.15); color: #e0f2fe; text-decoration: underline; text-underline-offset: 4px; }