/* Barra de busqueda */

#search_widget_huellitas {
  width: 270px;
  padding: 5px;
}

.searchs-input{
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  border: none;
  background: #fff;
  color: gray;
  font-size: 14px;
  height: 30px;
  width: 80%;
  box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.75);
}
.searchs-input:focus-visible{
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #91d2e1b3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #91d2e1b3;
}
.searchs-button{
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  border: none;
  background: #fabe35;
  color: #fff;
  height: 30px;
  width: 50px;
  padding-top: 3px;
  margin-left: -4px;
  cursor: pointer;
}
.searchs-button:hover{
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #91d2e1b3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #91d2e1b3;
}

@media (max-width: 1200px) {  
  .searchs-input{    
    /* width: 300px; */
    margin-top: 0px;
  }
}
@media (max-width: 992px) {  
  .searchs-input{    
    width: 150px;
    margin-top: 0px;
  }
}
@media (max-width: 811px) {  
  .searchs-input{    
    /* width: 80%; */
    margin-top: 0px;
  }
}
@media (max-width: 430px) {
  .searchs-input{    
    width: 150px;
    margin-top: 0px;
  }
}
/* Fin Barra de busqueda*/