/* css/search.css */
:root {
  --highlight: #ffeb3b;
  --active:    #ff9800;
}

/* barra lateral fija */
.search-sidebar {
  position: fixed;
  right: 1rem;
  top: 80px;          /* debajo del navbar fijo */
  width: 260px;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: .375rem;
  padding: 1rem;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  z-index: 1050;      /* por encima del contenido */
}

/* resaltados */
mark.search-highlight {
  background: var(--highlight);
  color: #000;
}
mark.search-active {
  background: var(--active);
  color: #fff;
  font-weight: bold;
}

/* en móviles la barra se vuelve flotante ancha */
@media (max-width: 576px) {
  .search-sidebar {
    left: 1rem;
    right: 1rem;
    width: auto;
  }
}

/* css/search.css (añadir) */
.search-sidebar ul li {
  margin-bottom: .75rem;
}
.search-sidebar .search-title {
  font-weight: 600;
  color: #0d6efd;
}
.search-sidebar .search-snippet {
  font-size: .85rem;
  color: #6c757d;
  margin-top: .15rem;
}

/* css/search.css */
#search-results:not(.show) {
    opacity: 0;
    pointer-events: none;   /* evita clicks fantasma */
    transition: opacity .2s;
}
#search-results.show {
    opacity: 1;
}