/* PAGE: BUSCAR */
.tm-search {
  min-height: 100vh;
  background: #0b0b0b;
  color: #eaeaea;
}

.tm-search__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  width: 100%;
  min-height: 100vh;
  padding: 110px 42px 42px; /* deja aire por header */
}

.tm-search__left {
  padding-right: 28px;
}

.tm-search__form {
  margin: 0 0 24px;
}

.tm-search__input {
  width: 78%;
  min-width: 520px;
  max-width: 780px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.55);
  background: transparent;
  color: #eaeaea;
  padding: 0 12px;
  outline: none;
  font-size: 12px;
  letter-spacing: .04em;
}

.tm-search__input::placeholder {
  color: rgba(255,255,255,.85);
}

.tm-search__list {
  display: grid;
  gap: 18px;
  margin-top: 6px;
  max-width: 720px;
}

.tm-search__item {
  text-decoration: none;
  color: inherit;
  display: grid;
  gap: 4px;
  font-family: "serialb";
}

.tm-search__title {
  font-size: 14px;
  letter-spacing: .02em;
}

.tm-search__meta {
  font-size: 12px;
  opacity: .85;
}

.tm-search__empty {
  font-size: 12px;
  opacity: .85;
}

.tm-search__right {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tm-search__map {
  width: 100%;
  max-width: 520px;
  opacity: .9;
}

.tm-search__map img {
  width: 100%;
  height: auto;
  display: block;
}

/* responsive */
@media (max-width: 980px) {
  .tm-search__wrap {
    grid-template-columns: 1fr;
    padding: 110px 20px 30px;
  }
  .tm-search__input {
    width: 100%;
    min-width: 0;
  }
  .tm-search__right {
    margin-top: 28px;
  }
}
.tm-search__inputWrap{ position:relative; }
  .tm-search__spinner{
    position:absolute;
    right:10px;
    top:50%;
    width:14px;
    height:14px;
    margin-top:-7px;
    border-radius:50%;
    border:2px solid rgba(0,0,0,.25);
    border-top-color: rgba(0,0,0,.85);
    opacity:0;
    pointer-events:none;
    transform: translateZ(0);
    animation: tmSpin .8s linear infinite;
  }
  @keyframes tmSpin{ to{ transform: rotate(360deg);} }

  /* estado loading */
  .tm-search.is-loading .tm-search__spinner{ opacity:1; }

  .tm-search__list{ position:relative; }
  .tm-search__overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    padding:10px 0;
    background: rgba(255,255,255,.65);
    backdrop-filter: blur(2px);
    opacity:0;
    pointer-events:none;
    transition: opacity .15s ease;
  }
  .tm-search.is-loading .tm-search__overlay{
    opacity:1;
    pointer-events:auto;
  }
  .tm-search__overlayText{
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
    opacity:.9;
  }