/* Home · aplicação do DESIGN.md: só estrutura, espaçamento, ritmo, hierarquia e componentes.
   Paleta, fontes, logo, fotos e textos continuam os da LineArt. Escopo: body.ds (só a Home). */
.ds [id]{scroll-margin-top:88px}

/* ---------- 1. cabeçalho ---------- */
.ds .nav{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}
.ds .nav::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:rgba(36,20,18,.78);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line-dark);
  transition:opacity 200ms var(--ease-out,ease);
}
.ds .nav.at-top::before{opacity:0}
.ds .nav-in{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;height:64px}
.ds .nav-logo img{height:34px}
.ds .nav-links{gap:32px;font-size:1rem;font-weight:400;letter-spacing:0;text-transform:none}
.ds .nav-links a{color:rgba(246,240,229,.86);padding-block:8px}
.ds .nav-links a::after{bottom:2px;width:100%;opacity:0;transition:opacity 200ms ease}
.ds .nav-links a:hover{color:var(--parchment)}
.ds .nav-links a:hover::after{opacity:1}
.ds .nav-cta{
  justify-self:end;padding:9px 18px;border-radius:8px;
  font-size:1rem;font-weight:500;letter-spacing:0;text-transform:none;
}
@media(max-width:940px){.ds .nav-in{display:flex;justify-content:space-between}}
@media(max-width:560px){
  .ds .nav-in{height:60px}
  .ds .nav-logo img{height:28px}
  .ds .nav-cta{padding:8px 14px;font-size:.9375rem}
}
@media (prefers-reduced-motion:reduce){.ds .nav::before{transition-duration:120ms}}

/* ---------- 2. barra de números ---------- */
.ds .stats{background:var(--espresso);border:0;padding-block:48px}
.ds .stats-in{gap:0}
.ds .stat{
  padding:28px 32px;margin:0 0 0 -1px;
  border:1px solid var(--line-dark);background:rgba(238,211,168,.03);
}
.ds .stat:first-child{margin-left:0}
.ds .stat b{font-size:clamp(1.5rem,2.4vw,1.75rem);line-height:1.14;letter-spacing:-.022em;margin-bottom:8px}
.ds .stat span{display:block;font-size:.875rem;line-height:1.5;letter-spacing:0;text-transform:none;color:rgba(246,240,229,.72)}
@media(max-width:820px){
  .ds .stats{padding-block:32px}
  .ds .stat:nth-child(3){margin-left:0}
  .ds .stat:nth-child(n+3){margin-top:-1px}
}
@media(max-width:420px){.ds .stat{padding:20px 16px}}

/* ---------- 3. topo (hero): fundo em tela cheia por destino ---------- */
.ds .hero-in{grid-template-columns:1fr;min-height:clamp(560px,calc(100svh - 64px),860px)}
.ds .bgstack .layer{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 600ms var(--ease-out,ease)}
.ds .bgstack .layer.on{opacity:1;visibility:visible}
/* degradê: forte no lado do texto (esquerda), mais leve onde está o casal */
.ds .hero .bgmedia::after{
  background:
    linear-gradient(90deg,rgba(24,11,10,.96) 0%,rgba(24,11,10,.9) 32%,rgba(24,11,10,.55) 58%,rgba(24,11,10,.22) 100%),
    linear-gradient(180deg,rgba(24,11,10,.35) 0%,transparent 22%,transparent 78%,rgba(24,11,10,.55) 100%);
}
@media(max-width:900px){
  .ds .hero-in{padding-block:48px 56px}
  .ds .hero .bgmedia::after{background:linear-gradient(180deg,rgba(24,11,10,.88) 0%,rgba(24,11,10,.7) 50%,rgba(24,11,10,.86) 100%)}
  .ds .bgstack .layer img,.ds .bgstack .layer video{object-position:50% 50%}
}

/* abas de destino: uma linha no computador, grade 3×2 no celular */
.ds .dest-tabs{flex-wrap:nowrap}
.ds .dest-tabs a{white-space:nowrap}
@media(max-width:720px){
  .ds .dest-tabs{display:grid;grid-template-columns:repeat(3,1fr);width:100%;padding:0;
    border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}
  .ds .dest-tabs a{margin:0;padding:12px 4px;letter-spacing:.05em;border-width:0 1px 1px 0}
  .ds .dest-tabs a[aria-selected="true"]{border-color:var(--gold)}
}
/* Paris: a torre fica no lado direito (o esquerdo é escurecido para o texto) */
.ds .bgstack .layer[data-dest="paris"] img{transform:scaleX(-1)}


/* barra secundária da Home (Destinos, Guiamento, Serviços, Orçamento) fica embaixo do cabeçalho no computador */
@media(min-width:1180px){.ds .hero-in{min-height:clamp(560px,calc(100svh - 104px),860px)}}