/* Estilos mínimos y aislados */
  .search-suggest{position:absolute;left:0;right:0;top:100%;margin-top:6px;background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.08);z-index:999}
  .search-suggest.hidden{display:none}
  .search-suggest ul{list-style:none;margin:0;padding:6px}
  .search-suggest li{padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px}
  .search-suggest li[aria-selected="true"], .search-suggest li:hover{background:var(--chip-bg,#eef6ff)}
  .search-suggest .hint{font-size:12px;color:var(--muted,#6b7280)}
  .search-suggest mark{background:transparent;color:var(--blue-dark,#0c2c65);font-weight:700}
  /* asegura que el contenedor posicione correctamente el dropdown */
  .header-center{position:relative}

  @media (max-width: 768px){
  .header-center{ position:relative; z-index: 10010; }
  .search-suggest{ z-index: 10020; } /* encima del subnav */
   /* Mantén el layout en una sola línea y recorta la ruta */
  .search-suggest li{ display:flex; align-items:center; gap:65px; }
  .search-suggest .text{ flex:1; min-width:0; } /* el título ocupa espacio flexible */
  .search-suggest .hint{
    flex:0 0 auto;
    max-width:60%;                 /* ajusta si quieres 50%-70% */
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;        /* … cuando no quepa */
    font-size:12px;
  }
}