/* MACHUPICCHU BEST - buscador móvil inteligente tipo IA */
.mobile-tour-search,
.mobile-search-results {
  display: none;
}

@media (max-width: 899px) {
  .mobile-tour-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: .55rem;
    margin: .05rem 0 .95rem;
    width: 100%;
  }

  .mobile-tour-search-box {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 46px;
    padding: .2rem .55rem;
    border: 1px solid rgba(201,168,76,.45);
    border-radius: 14px;
    background: rgba(255,255,255,.06);
    box-shadow: 0 8px 22px rgba(0,0,0,.16);
  }

  .mobile-tour-search-icon {
    flex: 0 0 auto;
    font-size: .95rem;
    opacity: .95;
  }

  .mobile-tour-search-box::before {
    content: 'IA';
    flex: 0 0 auto;
    padding: .14rem .38rem;
    border: 1px solid rgba(201,168,76,.55);
    border-radius: 999px;
    color: var(--gold);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .04em;
    background: rgba(201,168,76,.09);
  }

  #mobileSearchInput {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text);
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 1.2;
    -webkit-appearance: none;
    appearance: none;
  }

  #mobileSearchInput::placeholder {
    color: rgba(245,240,232,.55);
  }

  #mobileSearchClear {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    color: var(--text2);
    font-size: 1.15rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  #mobileSearchClear[hidden] {
    display: none !important;
  }

  .mobile-tour-search-button {
    flex: 0 0 auto;
    min-width: 88px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg,var(--gold-dark),var(--gold));
    color: var(--dark);
    font-family: 'Raleway', sans-serif;
    font-size: .78rem;
    font-weight: 900;
    cursor: pointer;
    padding: 0 .75rem;
    white-space: nowrap;
  }

  .mobile-search-ai-note {
    grid-column: 1 / -1;
    margin: -.25rem .1rem 0;
    color: var(--text3);
    font-size: .72rem;
    line-height: 1.35;
  }

  body.mb-search-active #tourFilters,
  body.mb-search-active #mobileTourCarousels,
  body.mb-search-active #mobilePackageCarousel,
  body.mb-search-active #toursGrid,
  body.mb-search-active #packagesGrid,
  body.mb-search-active #packages-grid {
    display: none !important;
  }

  body.mb-search-active #mobileSearchResults {
    display: block;
    margin: .2rem 0 1.25rem;
  }

  .mobile-search-results-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin: .25rem 0 .85rem;
    color: var(--text2);
    font-size: .84rem;
  }

  .mobile-search-results-head strong {
    flex: 0 0 auto;
    color: var(--gold);
    font-size: .78rem;
    font-weight: 800;
    border: 1px solid rgba(201,168,76,.3);
    border-radius: 999px;
    padding: .18rem .55rem;
    background: rgba(201,168,76,.08);
  }

  .mobile-search-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .mobile-search-grid .tour-card {
    width: 100%;
  }

  .mobile-ai-match-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin: 0 0 .55rem;
  }

  .mobile-ai-match-meta span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(201,168,76,.28);
    border-radius: 999px;
    padding: .16rem .5rem;
    color: var(--text2);
    background: rgba(255,255,255,.035);
    font-size: .68rem;
    font-weight: 700;
  }

  .mobile-ai-match-meta .mobile-ai-type {
    color: var(--gold);
    background: rgba(201,168,76,.1);
    border-color: rgba(201,168,76,.45);
  }

  .mobile-search-empty {
    border: 1px dashed rgba(201,168,76,.32);
    border-radius: 14px;
    background: rgba(255,255,255,.035);
    color: var(--text2);
    text-align: center;
    padding: 1.2rem .9rem;
    font-size: .9rem;
    line-height: 1.45;
  }
}

@media (max-width: 380px) {
  .mobile-tour-search {
    gap: .42rem;
  }

  .mobile-tour-search-button {
    min-width: 76px;
    padding: 0 .58rem;
    font-size: .72rem;
  }

  .mobile-tour-search-box {
    min-height: 44px;
    padding-left: .45rem;
    padding-right: .45rem;
    gap: .34rem;
  }

  .mobile-tour-search-box::before {
    padding-left: .3rem;
    padding-right: .3rem;
    font-size: .58rem;
  }
}

/* MEJORA 2026-05-27: respuestas informativas del buscador IA móvil */
@media (max-width: 899px) {
  .mobile-ai-answer-wrap {
    display: grid;
    gap: .75rem;
  }
  .mobile-ai-answer {
    border: 1px solid rgba(201,168,76,.32);
    border-radius: 16px;
    background: rgba(255,255,255,.055);
    padding: .85rem;
    color: var(--text);
    box-shadow: 0 10px 24px rgba(0,0,0,.12);
  }
  .mobile-ai-answer-head {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-bottom: .55rem;
  }
  .mobile-ai-answer-head > span {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(201,168,76,.12);
    color: var(--gold);
    flex: 0 0 auto;
  }
  .mobile-ai-answer-head b {
    display: block;
    color: var(--gold);
    font-size: .9rem;
    line-height: 1.2;
  }
  .mobile-ai-answer-head small {
    display: block;
    color: var(--text2);
    font-size: .76rem;
    line-height: 1.35;
    margin-top: .12rem;
  }
  .mobile-ai-answer-body {
    color: var(--text2);
    font-size: .84rem;
    line-height: 1.55;
  }
  .mobile-ai-answer-body p { margin: 0; }
  .mobile-ai-answer-body ul {
    margin: 0;
    padding-left: 1.1rem;
  }
  .mobile-ai-answer-body li { margin: .18rem 0; }
  .mobile-ai-answer-btn {
    margin-top: .72rem;
    width: 100%;
    border: 0;
    border-radius: 12px;
    padding: .7rem .8rem;
    background: linear-gradient(135deg,var(--gold-dark),var(--gold));
    color: var(--dark);
    font: 900 .78rem Raleway, sans-serif;
    cursor: pointer;
  }
}
html[data-theme="light"] .mobile-ai-answer,
html.theme-light .mobile-ai-answer,
body.theme-light .mobile-ai-answer{
  background:#FFFFFF!important;
  color:#1B2430!important;
  border-color:rgba(154,122,46,.32)!important;
  box-shadow:0 10px 24px rgba(27,36,48,.08)!important;
}
html[data-theme="light"] .mobile-ai-answer-body,
html[data-theme="light"] .mobile-ai-answer-head small,
html.theme-light .mobile-ai-answer-body,
html.theme-light .mobile-ai-answer-head small,
body.theme-light .mobile-ai-answer-body,
body.theme-light .mobile-ai-answer-head small{color:#4B5563!important;}