/* Formulario Search AJAX: autónomo y adaptable a cualquier ubicación del hook. */
.sa-hook-search {
  --sa-accent: #cb1212;
  --sa-border: #d1d5db;
  --sa-focus: rgba(203, 18, 18, .16);
  box-sizing: border-box;
  display: block;
  position: relative !important;
  width: 100% !important;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  z-index: auto !important;
}
.sa-hook-search *, .sa-hook-search *::before, .sa-hook-search *::after { box-sizing: border-box; }
.sa-hook-search .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.sa-hook-search #sa_text,
.sa-hook-search .sa-hook-search__input {
  appearance: none;
  display: block !important;
  float: none !important;
  position: static !important;
  width: 100% !important;
  max-width: none !important;
  height: 54px;
  margin: 0 !important;
  padding: 0 52px 0 16px !important;
  border: 1px solid #cb1212 !important;
  border-radius: 16px !important;
  background: #fff;
  color: #0b1465;
  font-size: 16px;
  line-height: 48px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.sa-hook-search #sa_text:focus { outline: 0; border-color: var(--sa-accent) !important; box-shadow: 0 0 0 4px var(--sa-focus); }
.sa-hook-search .sa-hook-search__icon {
  position: absolute !important;
  top: 50% !important;
  right: 16px !important;
  width: auto !important;
  height: auto;
  margin: 0 !important;
  transform: translateY(-50%);
  color: #0b1465;
  font-size: 23px;
  line-height: 1;
  pointer-events: none;
}
.sa-hook-search .sa-search-loading {
  position: absolute;
  top: 50%;
  right: 50px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border: 2px solid rgba(203,18,18,.22);
  border-top-color: var(--sa-accent);
  border-radius: 50%;
  animation: sa-spin .7s linear infinite;
}
.sa-hook-search .sa-search-loading[hidden] { display: none !important; }
@keyframes sa-spin { to { transform: rotate(360deg); } }
@media (max-width: 800px) {
  .sa-hook-search {
    width: 100% !important;
  }

  .sa-hook-search #sa_text,
  .sa-hook-search .sa-hook-search__input {
    height: 48px;
    line-height: 48px;
    padding-left: 15px !important;
    padding-right: 50px !important;
    border-radius: 14px !important;
    font-size: 16px;
    box-shadow: 0 1px 3px rgba(11, 20, 101, .06);
  }

  .sa-hook-search .sa-hook-search__icon {
    right: 15px !important;
    color: #cb1212;
    font-size: 22px;
  }

  .sa-hook-search .sa-search-loading {
    right: 46px;
  }
}