/* OS TOURS DO WELLINGTON — módulo secoes/tours (Well Imóveis)
   Seção escura (--noite). Só tokens do site; tudo com prefixo .s-tours. */

.s-tours{
  position:relative;
  background:var(--noite);color:var(--creme);
  padding:var(--secao) 0;
  overflow:hidden;
}
.s-tours *,.s-tours *::before,.s-tours *::after{box-sizing:border-box}
.s-tours svg{width:1em;height:1em;flex:none}
.s-tours a{color:inherit}

/* ---------- cabeça ---------- */
.s-tours__cabeca{
  display:grid;gap:28px;
  max-width:1360px;margin:0 auto clamp(40px, 6vw, 80px);padding:0 var(--lado);
}
.s-tours__titulo{margin:0;font-weight:400;display:grid;justify-items:start;line-height:1}
.s-tours__titulo > *{display:block}
.s-tours__caps{
  font:400 var(--t-mega)/.88 var(--serif);font-stretch:82%;
  text-transform:uppercase;letter-spacing:-.005em;
}
.s-tours__it{
  font:italic 300 min(calc(var(--t-gigante) * .72), 15vw)/.86 var(--serif);font-stretch:100%;white-space:nowrap;
  color:var(--bronze-claro);
  margin:-.06em 0 0 .5em;letter-spacing:-.01em;
}
.s-tours__intro{display:grid;gap:18px;justify-items:start;max-width:30rem}
.s-tours__intro p{margin:0;font:400 1.0625rem/1.65 var(--sans);color:var(--creme-2)}
.s-tours__link{
  display:inline-flex;align-items:center;gap:10px;padding:8px 0;
  font:500 .98rem/1.2 var(--sans);color:var(--creme);
  text-decoration:underline;text-decoration-color:var(--ouro);text-decoration-thickness:1px;text-underline-offset:6px;
}
.s-tours__link svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.s-tours__link:hover svg{transform:translate(2px, -2px)}
@media (min-width:900px){
  .s-tours__intro{justify-self:end}
}

/* ---------- palco (tour em destaque) ---------- */
.s-tours__palco-area{max-width:1360px;margin:0 auto;padding:0 var(--lado);display:grid;gap:clamp(22px, 3vw, 36px)}
.s-tours__palco{position:relative;aspect-ratio:16/9;background:var(--noite-2);overflow:hidden}
.s-tours__play{position:absolute;inset:0;display:block;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.s-tours__palco-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease), filter .6s var(--ease);filter:saturate(.92) brightness(.86)}
.s-tours__play:hover .s-tours__palco-img{filter:saturate(1) brightness(.94)}
.s-tours__play::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 55%, color-mix(in srgb, var(--noite) 70%, transparent) 100%);pointer-events:none}
.s-tours__botao{
  position:absolute;left:50%;top:50%;z-index:2;
  width:clamp(68px, 8vw, 104px);height:clamp(68px, 8vw, 104px);margin:calc(clamp(68px, 8vw, 104px) / -2) 0 0 calc(clamp(68px, 8vw, 104px) / -2);
  display:grid;place-items:center;border-radius:50%;
  border:1px solid var(--moldura);
  background:color-mix(in srgb, var(--noite) 38%, transparent);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  color:var(--creme);
  transition:transform .5s var(--ease), background-color .4s var(--ease), border-color .4s var(--ease);
}
.s-tours__botao svg{width:34%;height:34%;margin-left:6%}
.s-tours__play:hover .s-tours__botao,.s-tours__play:focus-visible .s-tours__botao{transform:scale(1.06);background:var(--ouro);border-color:var(--ouro);color:var(--noite)}
.s-tours__play:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:4px}
.s-tours__palco iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5;background:var(--noite)}
.s-tours__palco.is-tocando .s-tours__moldura{opacity:0}

/* moldura fina com legenda na linha de baixo */
.s-tours__moldura{position:absolute;inset:var(--moldura-in);z-index:3;pointer-events:none;border:1px solid var(--moldura);border-bottom:0;transition:opacity .4s var(--ease)}
.s-tours__borda{position:absolute;left:-1px;right:-1px;bottom:0;display:flex;align-items:center;transform:translateY(50%)}
.s-tours__borda i{flex:1 1 auto;height:1px;background:var(--moldura)}
.s-tours__borda .s-tours__curta{flex:0 0 clamp(18px, 3vw, 48px)}
.s-tours__borda span{padding:0 12px;white-space:nowrap;font:500 var(--t-rotulo)/1 var(--sans);font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;color:var(--creme)}
.s-tours__canto{position:absolute;width:7px;height:7px;background:var(--ouro-claro)}
.s-tours__canto--1{left:-4px;top:-4px}.s-tours__canto--2{right:-4px;top:-4px}
.s-tours__canto--3{left:-4px;bottom:-4px}.s-tours__canto--4{right:-4px;bottom:-4px}

.s-tours__legenda{display:grid;gap:18px;align-items:end}
.s-tours__nome{margin:0;font:400 var(--t-h3)/1.12 var(--serif);text-wrap:balance;max-width:26ch}
.s-tours__ficha{display:flex;flex-wrap:wrap;gap:0;margin:0}
.s-tours__ficha div{border-top:1px solid var(--linha-clara);padding:10px 28px 0 0;min-width:7.5rem}
.s-tours__ficha dt{font:500 var(--t-rotulo)/1.4 var(--sans);font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;color:var(--creme-2)}
.s-tours__ficha dd{margin:4px 0 0;font:400 1.35rem/1.2 var(--sans);font-variant-numeric:tabular-nums;color:var(--creme)}
.s-tours__ficha-link{
  justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:8px 0;
  font:500 .98rem/1.2 var(--sans);text-decoration:underline;text-decoration-color:var(--ouro);text-decoration-thickness:1px;text-underline-offset:6px;
}
.s-tours__ficha-link[hidden]{display:none}
.s-tours__ficha-link svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.s-tours__ficha-link:hover svg{transform:translateX(4px)}
@media (min-width:900px){
  .s-tours__legenda{grid-template-columns:minmax(0, 1fr) auto auto;column-gap:clamp(24px, 4vw, 56px)}
}

/* ---------- citação ---------- */
.s-tours__citacao{
  max-width:1360px;margin:clamp(72px, 10vw, 140px) auto;padding:0 var(--lado);
  display:grid;gap:22px;justify-items:center;text-align:center;
}
.s-tours__citacao blockquote{margin:0}
.s-tours__citacao p{margin:0 auto;max-width:24ch;font:400 calc(var(--t-h3) * 1.25)/1.14 var(--serif);text-wrap:balance}
.s-tours__citacao em{font-style:italic;font-weight:300;color:var(--bronze-claro)}
.s-tours__citacao figcaption{font:500 var(--t-rotulo)/1.5 var(--sans);font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;color:var(--creme-2);max-width:34rem}
.s-tours__citacao figcaption::before{content:"";display:block;width:1px;height:36px;margin:0 auto 18px;background:var(--moldura)}

/* ---------- lista ---------- */
.s-tours__lista{
  list-style:none;margin:0 auto;padding:0 var(--lado);max-width:1360px;
  display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw, 360px);gap:20px;
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--lado);
  scrollbar-width:none;overscroll-behavior-x:contain;
}
.s-tours__lista::-webkit-scrollbar{display:none}
.s-tours__lista li{scroll-snap-align:start;min-width:0}
.s-tours__item{
  display:grid;gap:12px;text-decoration:none;color:var(--creme);
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.s-tours__thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--noite-2)}
.s-tours__thumb img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease), filter .5s var(--ease);filter:saturate(.9) brightness(.9)}
.s-tours__thumb::after{content:"";position:absolute;inset:10px;border:1px solid var(--moldura);opacity:0;transition:opacity .4s var(--ease);pointer-events:none}
.s-tours__item:hover .s-tours__thumb img{transform:scale(1.04);filter:none}
.s-tours__item:hover .s-tours__thumb::after,.s-tours__item:focus-visible .s-tours__thumb::after{opacity:1}
.s-tours__item:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:4px}
.s-tours__mini-play{
  position:absolute;left:14px;bottom:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;
  background:color-mix(in srgb, var(--noite) 55%, transparent);border:1px solid var(--moldura);color:var(--creme);
}
.s-tours__mini-play svg{width:16px;height:16px;margin-left:2px}
.s-tours__num{font:500 var(--t-rotulo)/1 var(--sans);font-stretch:125%;letter-spacing:.16em;color:var(--ouro-claro);padding-top:6px;border-top:1px solid var(--linha-clara)}
.s-tours__item-nome{font:400 1.3rem/1.2 var(--serif);text-wrap:balance}
.s-tours__item-meta{font:500 var(--t-rotulo)/1.4 var(--sans);font-stretch:125%;letter-spacing:.12em;text-transform:uppercase;color:var(--creme-2);font-variant-numeric:tabular-nums}
.s-tours__item[aria-current="true"] .s-tours__num::after{content:" · tocando";color:var(--creme-2)}
@media (min-width:900px){
  .s-tours__lista{grid-auto-flow:row;grid-template-columns:repeat(3, minmax(0, 1fr));grid-auto-columns:auto;gap:56px 32px;overflow:visible}
}

.s-tours__rodape{max-width:1360px;margin:clamp(40px, 5vw, 64px) auto 0;padding:0 var(--lado)}

@media (max-width:600px){
  .s-tours__m-views{display:none}
  .s-tours__ficha div{flex:1 1 0;min-width:0;padding-right:14px}
  .s-tours__ficha dd{font-size:1.12rem}
  .s-tours__ficha dt{letter-spacing:.1em}
  .s-tours__ficha div:nth-child(3){display:none}
}
@media (prefers-reduced-motion:reduce){
  .s-tours__palco-img,.s-tours__thumb img,.s-tours__botao,.s-tours__link svg,.s-tours__ficha-link svg{transition:none}
}