/* =====================================================================
   WILD FoREST — TOURS: tours.html + tours/<slug>.html
   Loaded after css/styles.css and css/booking.css (reuses the top bar,
   tokens, .btn and the .tour card). Uses <div>, never <header>/<section>:
   css/styles.css restyles those two elements site-wide.
   ===================================================================== */
.tours-page .tp-book{padding:9px 18px;font-size:.8rem;white-space:nowrap;}
.tp-wrap{max-width:1240px;margin:0 auto;padding:44px 6vw 110px;}
.tp-hero h1{font-size:var(--step-4);line-height:1.05;margin:6px 0 12px;}
.tp-lede{color:var(--mist);font-size:1.05rem;line-height:1.65;max-width:62ch;}
.tp-hero .tp-lede{margin-bottom:28px;}

/* ---- list: filters ---- */
.tp-filters{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;justify-content:space-between;margin:10px 0 14px;}
.tp-chips{display:flex;flex-wrap:wrap;gap:8px;}
.tp-chip{background:transparent;border:1px solid rgba(203,217,204,.25);color:var(--mist);padding:9px 16px;border-radius:999px;cursor:pointer;font:inherit;font-size:.84rem;transition:background .2s,border-color .2s,color .2s;}
.tp-chip:hover{border-color:rgba(210,166,60,.6);}
.tp-chip.is-on{background:rgba(210,166,60,.14);border-color:var(--gold);color:var(--gold);}
.tp-search input{background:var(--forest);border:1px solid rgba(203,217,204,.22);color:var(--cream);padding:11px 16px;border-radius:999px;font:inherit;font-size:.9rem;min-width:min(260px,100%);}
.tp-sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.tp-count{color:var(--fog);font-size:.84rem;margin:0 0 18px;}
.tp-wrap .tour-strip{padding:0;max-width:none;}
.tp-empty{text-align:center;color:var(--mist);margin:40px 0;}
.tp-empty a{color:var(--gold);border-bottom:1px solid rgba(210,166,60,.5);}
.tp-wrap .tour-more{margin-top:56px;}

/* ---- detail ---- */
.tp-crumbs{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:.8rem;color:var(--fog);margin-bottom:22px;position:static;}
.tp-crumbs a,.tp-crumbs span{white-space:nowrap;}
.tp-crumbs span:last-child{white-space:normal;min-width:0;overflow-wrap:anywhere;}   /* el nombre de la experiencia puede ser largo (sobre todo en español) */
.tp-crumbs a{color:var(--mist);}
.tp-crumbs a:hover{color:var(--gold);}
.tp-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;}
@media (min-width:900px){.tp-cols{grid-template-columns:minmax(0,1fr) 350px;gap:56px;align-items:start;}.tp-aside{position:sticky;top:96px;}}
.tp-main h1{font-size:var(--step-4);line-height:1.05;margin:6px 0 14px;}
.tp-main .tour-cat{color:var(--gold);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;}
.tp-gallery{margin:26px 0 18px;}
.tp-photo{aspect-ratio:16/9;border-radius:var(--radius);background-size:cover;background-position:center;background-color:var(--charcoal-soft);}
.tp-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;}
.tp-thumb{aspect-ratio:16/10;border:2px solid transparent;border-radius:6px;background-size:cover;background-position:center;cursor:pointer;opacity:.7;transition:opacity .2s,border-color .2s;}
.tp-thumb:hover{opacity:1;}
.tp-thumb.is-on{border-color:var(--gold);opacity:1;}
.tp-chips-big{margin:0 0 6px;}
.tp-chips-big li{font-size:.82rem;padding:7px 14px;}
.tp-sec{margin-top:34px;}
.tp-sec h2{font-size:var(--step-1);margin-bottom:12px;}
.tp-prose p{color:var(--cream);line-height:1.75;margin-bottom:14px;max-width:68ch;}
.tp-list{list-style:none;}
.tp-list li{position:relative;padding:8px 0 8px 28px;border-bottom:1px solid rgba(203,217,204,.09);font-size:.95rem;line-height:1.55;}
.tp-list li::before{content:'•';position:absolute;left:8px;color:var(--gold);}
.tp-list.is-yes li::before{content:'✓';left:4px;}
.tp-list.is-no li::before{content:'✕';left:4px;color:var(--fog);}
.tp-two{display:grid;grid-template-columns:1fr;gap:0 40px;}
@media (min-width:700px){.tp-two{grid-template-columns:1fr 1fr;}}
.tp-dl{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;}
.tp-dl dt{color:var(--gold);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding-top:3px;}
.tp-dl dd{color:var(--cream);line-height:1.6;font-size:.95rem;}
.tp-unverified{margin-top:34px;padding:14px 16px;border:1px dashed rgba(210,166,60,.5);border-radius:8px;color:var(--mist);font-size:.88rem;line-height:1.55;}

/* ---- booking card ---- */
.tp-card{background:var(--charcoal-soft);border:1px solid rgba(203,217,204,.14);border-radius:var(--radius);padding:22px;}
.tp-card .tour-meta{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 14px;}
.tp-card .tour-meta span{color:var(--fog);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;}
.tp-card .tour-meta b{font-family:'Fraunces',serif;color:var(--gold);font-size:1.5rem;}
.tp-card .tour-cta{width:100%;text-align:center;display:block;}
.tp-facts{display:grid;grid-template-columns:auto 1fr;gap:9px 16px;margin:20px 0 4px;padding-top:18px;border-top:1px solid rgba(203,217,204,.12);font-size:.88rem;}
.tp-facts dt{color:var(--fog);}
.tp-facts dd{color:var(--cream);text-align:right;}
.tp-note{color:var(--fog);font-size:.8rem;line-height:1.55;margin:14px 0 10px;}
.tp-wa{display:inline-block;color:var(--gold);font-size:.86rem;border-bottom:1px solid rgba(210,166,60,.5);}

/* ---- more experiences ---- */
.tp-more{margin-top:80px;}
.tp-more h2{font-size:var(--step-2);margin-bottom:22px;}
.tp-all{margin-top:26px;}

/* ---- mobile sticky action bar ---- */
.tp-sticky{display:none;}
@media (max-width:899px){
  .tp-detail{padding-bottom:130px;}
  .tp-sticky{
    position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(11,26,18,.97);
    border-top:1px solid rgba(210,166,60,.35);backdrop-filter:blur(10px);
  }
  .tp-sticky .tour-meta{display:flex;flex-direction:column;align-items:flex-start;margin:0;}
  .tp-sticky .tour-meta span{color:var(--fog);font-size:.7rem;}
  .tp-sticky .tour-meta b{font-family:'Fraunces',serif;color:var(--gold);font-size:1.1rem;}
  .tp-sticky .tour-cta{flex:1;max-width:240px;text-align:center;margin:0;padding:12px 14px;}
}
@media (max-width:560px){.tp-thumbs{grid-template-columns:repeat(4,1fr);}.tp-dl{grid-template-columns:1fr;gap:2px;}.tp-dl dd{margin-bottom:10px;}}

/* share */
.tp-share{margin-top:14px;width:100%;}
.tp-card .tp-wa{margin-right:8px;}
.tp-share-list{margin:6px 0 4px;}


/* ---- barra superior en celulares: con el interruptor EN|ES y el botón de reservar, el logo se oculta y el enlace "volver" se acorta con "…" si hace falta ---- */
@media (max-width:560px){
  .tours-page .bk-top{gap:8px;padding:12px 4vw;}
  .tours-page .bk-brand{display:none;}
  .tours-page .bk-back{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.82rem;}
  .tours-page .bk-right{flex:none;gap:8px;}
  .tours-page .tp-book{padding:8px 12px;font-size:.74rem;}
}