/* Maquetado de la página de resultados de búsqueda.
 *
 * `iuc.css` no define nada para resultados —sólo para la caja (.buscar-form,
 * .buscar-ico, .buscar-input, .nav-buscar, .drawer-buscar)—, así que estas
 * reglas son propias. Mismo criterio que `contenido.css`: `iuc.css` NO SE
 * TOCA, y los valores copiados de ahí quedan con esa deuda de mantenimiento
 * asumida: un cambio de diseño en `iuc.css` hay que replicarlo acá a mano.
 *
 * `.buscar-tipo` copia los valores de `.badge-grado` (iuc.css:23) en tamaño
 * menor, porque en un listado el badge acompaña y no encabeza.
 *
 * `.buscar-titulo` usa `#111`, no el `#2f3434` que traía el brief original:
 * ese valor no existe en `iuc.css`. `#111` es el color de `.noticia-titulo`
 * (iuc.css:384), el análogo más cercano —el título de un ítem de listado,
 * envuelto en un link, que pasa a `--iuc-green` en hover—, así que se copió
 * de ahí en vez de inventar uno nuevo.
 */

.buscar-seccion {
  padding: 3.5rem 0 5rem;
}

.buscar-titulo-pagina {
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.buscar-form--pagina {
  max-width: 560px;
  margin-bottom: 2rem;
}

.buscar-cuenta {
  color: #6c757d;
  margin-bottom: 1.75rem;
}

.buscar-resultados {
  list-style: none;
  margin: 0;
  padding: 0;
}

.buscar-item {
  padding: 1.35rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.buscar-item:first-child {
  padding-top: 0;
}

.buscar-tipo {
  display: inline-block;
  background: var(--iuc-green);
  color: #fff;
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.2rem 0.75rem;
  border-radius: 0.35rem;
  margin-bottom: 0.5rem;
}

.buscar-titulo {
  display: block;
  font-size: 1.15rem;
  font-weight: 700;
  color: #111;
  text-decoration: none;
  margin-bottom: 0.35rem;
}

.buscar-titulo:hover {
  color: var(--iuc-green);
}

.buscar-snippet {
  color: #6c757d;
  margin-bottom: 0.35rem;
}

.buscar-snippet strong {
  color: #111;
  font-weight: 700;
}

.buscar-url {
  display: inline-block;
  color: var(--iuc-green);
  font-size: 0.85rem;
  text-decoration: none;
  word-break: break-all;
}

.buscar-vacio {
  color: #6c757d;
}