/* ======================================================== */
/* margin-bottom a todos los elementos de la busqueda 
/* que estan pegados */
/* ======================================================== */
form#searchForm > *:not(hr,p) {
    margin-bottom: 30px;
}

/* ======================================================== */
/*      Boton de buscar del formulario arriba al inicio     */
/* ======================================================== */
form#searchForm > div:nth-child(1) > div {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

form#searchForm > div:nth-child(1) > div button {
  display: inline-block;
  padding: 11px 14px;
  margin: 8px;
  border: none;
  background-color: #024a71;
  color: white;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  
  -webkit-tap-highlight-color: transparent;
}

/* Efecto hover */
form#searchForm > div:nth-child(1) > div button:hover {
  background-color: #024a71;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transform: translateY(-1px);
}

form#searchForm > div:nth-child(1) > div button:active {
  background-color: #024a71;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  transform: translateY(0);
}

form#searchForm > div:nth-child(1) > div button.outline {
  background-color: transparent;
  border: 2px solid #024a71;
  color: #024a71;
}

form#searchForm > div:nth-child(1) > div button:disabled {
  background-color: #e0e0e0;
  color: #9e9e9e;
  cursor: not-allowed;
  box-shadow: none;
}

/* ======================================================== */
/*             Arreglar el paginado de las busquedas        */
/* ======================================================== */
div.w-100:has(a[href*="searchword"]) {
	display: flex;
	margin-top: 50px;
}