/* ============================================================
   Buscador del sitio publico.
   ============================================================ */

.buscar-cab{
  background:#000;
  color:#fff;
  padding:3.2rem 0 2.8rem;
  margin-bottom:3rem;
}

.buscar-eti{
  display:block;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
  margin-bottom:.9rem;
}

.buscar-caja{
  display:flex;
  align-items:center;
  gap:.6rem;
  background:rgba(255,255,255,.07);
  border:2px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:.45rem .45rem .45rem 1.2rem;
  max-width:680px;
  transition:border-color .2s;
}
.buscar-caja:focus-within{border-color:rgba(255,255,255,.55)}

.buscar-lupa{flex:0 0 20px;color:rgba(255,255,255,.5)}

.buscar-caja input{
  flex:1;min-width:0;
  background:none;border:none;outline:none;
  color:#fff;
  font-family:inherit;font-size:1.02rem;
  padding:.55rem 0;
}
.buscar-caja input::placeholder{color:rgba(255,255,255,.38)}
/* la cruz que agrega el navegador se ve mal sobre fondo oscuro */
.buscar-caja input::-webkit-search-cancel-button{
  -webkit-appearance:none;appearance:none;
}

.buscar-resumen{
  margin-top:1rem;
  color:rgba(255,255,255,.6);
  font-size:.94rem;
}

/* ------------------------------------------------------- estados */
.buscar-ayuda{
  max-width:720px;
  margin:0 auto 4.5rem;
  text-align:center;
}
.buscar-ayuda h2{font-size:1.55rem;margin-bottom:.7rem}
.buscar-ayuda p{color:var(--muted);line-height:1.75;margin-bottom:1.6rem}

.buscar-ejemplos{
  display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;
}
.buscar-ejemplos a{
  padding:.45rem 1rem;
  border:1px solid var(--line-strong);
  border-radius:999px;
  font-size:.9rem;font-weight:600;
  color:var(--ink-soft);
  transition:.18s ease;
}
.buscar-ejemplos a:hover{
  border-color:var(--ink);color:var(--ink);
  transform:translateY(-2px);
}

/* --------------------------------------------------- atajos a lineas */
.buscar-atajos{margin-bottom:2.4rem}
.buscar-rotulo{
  display:block;
  font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);margin-bottom:.8rem;
}

.buscar-lineas{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:.7rem;
  margin-bottom:1.8rem;
}
.buscar-lineas a{
  display:flex;align-items:center;gap:.8rem;
  padding:.9rem 1.1rem;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  font-weight:700;font-size:.95rem;
  text-align:left;
  transition:.18s ease;
}
.buscar-lineas a:hover{
  border-color:var(--ink);
  transform:translateY(-2px);
  box-shadow:var(--shadow-sm);
}
.buscar-lineas .ic{
  flex:0 0 26px;display:grid;place-items:center;color:var(--ink-soft);
}
.buscar-lineas small{
  display:block;
  font-weight:500;font-size:.8rem;color:var(--muted);
  margin-top:.1rem;
}

.buscar-pie{font-size:.92rem;color:var(--muted)}
.buscar-pie a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}

@media (max-width:560px){
  .buscar-cab{padding:2.2rem 0 2rem;margin-bottom:2rem}
  .buscar-caja{padding-left:.9rem}
  .buscar-caja .btn{padding:.7rem 1.1rem;font-size:.88rem}
}