/* ============================================================
   SEARCH BAR — buscador por referencia
   ============================================================ */
.search-band{
  background:var(--white);
  border-bottom:1px solid var(--line);
  position:relative;
  margin-top:-30px;
  z-index:5;
}
.search-band .wrap{padding-top:0;padding-bottom:0}
.search-card{
  position:relative;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-xl);
  padding:26px 30px;
  margin-top:-44px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;
}
.search-card::before{content:"";position:absolute;top:0;left:30px;right:30px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--precision),var(--precision-l))}
.search-card .label-block{display:flex;flex-direction:column}
.search-card .label-block .l1{font-family:var(--display);font-weight:800;font-size:18px;color:var(--navy);text-transform:uppercase;letter-spacing:.01em;line-height:1.1}
.search-card .label-block .l2{font-size:12.5px;color:var(--steel);margin-top:2px}
.search-input-wrap{
  display:flex;align-items:center;gap:12px;
  background:var(--mist);border-radius:var(--r-md);
  padding:0 18px;border:1.5px solid transparent;
  transition:border-color .15s, background .15s;
}
.search-input-wrap:focus-within{border-color:var(--precision);background:var(--white);box-shadow:0 0 0 4px rgba(0,163,218,.12)}
.search-input-wrap:focus-within svg{color:var(--precision)}
.search-input-wrap svg{width:18px;height:18px;color:var(--steel);flex:none}
.search-input-wrap input{
  flex:1;background:none;border:none;outline:none;
  padding:16px 0;font-size:15px;color:var(--graphite);
  font-family:ui-monospace,"SF Mono",Menlo,monospace;
}
.search-input-wrap input::placeholder{color:var(--steel);font-family:var(--body)}
.search-hints{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.search-hints .label{font-size:12px;color:var(--steel);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-right:4px}
.search-hint{
  font-family:ui-monospace,monospace;font-size:12px;
  background:var(--mist);color:var(--navy);
  padding:5px 10px;border-radius:var(--r-sm);
  border:1px solid var(--line);cursor:pointer;
  transition:all .15s;
}
.search-hint:hover{background:var(--navy);color:var(--white);border-color:var(--navy)}

@media(max-width:780px){
  .search-card{grid-template-columns:1fr;gap:14px;padding:22px;margin-top:-32px}
  .search-card .label-block{order:-1}
}

/* ============================================================
   RESULTADO DE BÚSQUEDA (Cambio 6)
   Reusa .hero-card--ficha pero, al ir sobre banda clara, se le
   da fondo navy sólido para conservar la misma identidad visual
   de la ficha del hero (colores, bordes, tipografía).
   ============================================================ */
.search-result{margin:20px 0 10px}
.search-result[hidden]{display:none}
.search-result .sr-card{
  background:linear-gradient(160deg, var(--navy) 0%, var(--ink) 100%);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-xl);
  padding:24px 28px;position:relative;
  opacity:0;transform:translateY(12px);
  transition:opacity .45s var(--ease),transform .45s var(--ease);
}
.search-result.is-in .sr-card{opacity:1;transform:none}
.search-result .sr-card::before{
  content:"";position:absolute;top:0;left:28px;right:28px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--precision),var(--precision-l));
}
.search-result .sr-card.sr-card--empty::before{background:linear-gradient(90deg,var(--amber),var(--amber-d))}
.search-result .sr-card .sr-msg{
  font-size:14px;line-height:1.55;color:rgba(255,255,255,.72);margin:8px 0 2px;
}
.search-result .sr-card .sr-more{
  font-size:12px;color:rgba(255,255,255,.55);margin-top:12px;
  padding-top:10px;border-top:1px dashed rgba(255,255,255,.14);
}
.search-result .sr-card .sr-actions{
  display:flex;gap:12px;flex-wrap:wrap;
  margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);
}
.search-result .sr-card .sr-actions .btn{flex:1 1 auto;min-width:190px}
@media(max-width:540px){
  .search-result .sr-card{padding:22px 20px}
  .search-result .sr-card .sr-actions .btn{min-width:0;width:100%}
}

/* Lista de resultados del hero (búsqueda por nombre → varias opciones) */
.search-result .sr-card--list .sr-list{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.search-result .sr-litem{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.08);
  transition:background .15s,padding .15s;
}
.search-result .sr-litem:last-child{border-bottom:none}
.search-result .sr-litem:hover{background:rgba(255,255,255,.05);padding-left:8px;padding-right:8px}
.search-result .sr-li-name{font-size:13.5px;color:#fff;font-weight:500;line-height:1.35;min-width:0}
.search-result .sr-li-meta{display:flex;align-items:center;gap:10px;flex:none}
.search-result .sr-li-ref{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:12px;color:var(--precision);font-weight:600;white-space:nowrap}
.search-result .sr-li-go{display:flex;color:#3ddc84}
.search-result .sr-li-go svg{width:16px;height:16px}