/* Morada do Luar — institucional trilíngue · Impero Solutions / AltaVista
   Mesma família visual da experiência imersiva, mas ritmo de site institucional:
   respira mais, títulos menores, informação acessível sem esforço. */

@font-face{font-family:"Fraunces";src:url("https://moradadoluar.imperosolutions.com.br/assets/fonts/fraunces-latin.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"InterVar";src:url("https://moradadoluar.imperosolutions.com.br/assets/fonts/inter-latin.woff2") format("woff2");font-weight:300 600;font-display:swap}

:root{
  --ink:#0b0c0e; --ink2:#111318; --ink3:#171a20;
  --cream:#f2efe9; --dim:#b9b4aa; --mute:#8d8880;
  --moon:#e9c46a; --serra:#5d7a56;
  --line:rgba(242,239,233,.14);
  --pad:clamp(20px,5vw,72px); --maxw:1240px;
  --disp:"Fraunces",Georgia,serif;
  --sans:"InterVar",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{margin:0}
body{background:var(--ink);color:var(--cream);font-family:var(--sans);
  font-size:clamp(15px,1.02vw,16.5px);line-height:1.65;font-weight:350;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--disp);font-weight:400;margin:0;letter-spacing:-.02em}
p{margin:0}
ul,ol,dl{margin:0;padding:0;list-style:none}
::selection{background:var(--moon);color:var(--ink)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  video{display:none}
}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.kicker{font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--moon);margin-bottom:18px}
.h2{font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:1.1;white-space:pre-line}
.lead{font-family:var(--disp);font-weight:300;font-size:clamp(1rem,1.35vw,1.16rem);
  line-height:1.62;color:var(--dim);max-width:56ch;margin-top:20px}
.nota{font-size:.78rem;color:var(--mute);margin-top:30px}
.pular{position:absolute;left:-9999px}
.pular:focus{left:var(--pad);top:10px;z-index:99;background:var(--moon);color:var(--ink);padding:10px 16px;border-radius:100px}

/* ————— botões ————— */
.btn{display:inline-flex;align-items:center;gap:.6em;text-decoration:none;
  font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;
  padding:15px 28px;border-radius:100px;border:1px solid transparent;
  transition:transform .35s var(--ease),background-color .35s,color .35s,border-color .35s}
.btn:hover{transform:translateY(-2px)}
.btn--ouro{background:var(--moon);color:var(--ink);font-weight:500}
.btn--ouro:hover{background:var(--cream)}
.btn--linha{border-color:var(--line);color:var(--cream)}
.btn--linha:hover{border-color:var(--cream)}

/* ————— topo ————— */
.top{position:fixed;inset:0 0 auto 0;z-index:70;display:flex;align-items:center;
  justify-content:space-between;gap:20px;padding:15px var(--pad);
  transition:background-color .5s,backdrop-filter .5s,border-color .5s;
  border-bottom:1px solid transparent}
.top.is-solida{background:rgba(11,12,14,.8);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.top__marca{display:flex;align-items:center;gap:11px;text-decoration:none}
.top__lua{width:14px;height:14px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 68% 32%,var(--moon) 0 52%,transparent 53%),
             radial-gradient(circle at 30% 50%,var(--ink) 0 46%,transparent 47%);
  box-shadow:inset 0 0 0 1px rgba(233,196,106,.55)}
.top__marca b{font-family:var(--disp);font-size:1rem;font-weight:400}
.top__nav{display:flex;align-items:center;gap:clamp(12px,1.8vw,26px)}
.top__nav a{text-decoration:none;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--dim);transition:color .3s}
.top__nav a:hover{color:var(--cream)}
.top__idiomas{display:flex;align-items:center;gap:9px;padding-left:clamp(6px,1vw,14px);
  border-left:1px solid var(--line)}
.top__atual{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--moon)}
.top__idiomas a{font-size:.68rem}
.top__cta{border:1px solid var(--line);border-radius:100px;padding:9px 17px;color:var(--cream)!important}
.top__cta:hover{background:var(--moon);border-color:var(--moon);color:var(--ink)!important}
@media (max-width:900px){
  .top__nav a:not(.top__cta):not([hreflang]){display:none}
  .top__idiomas{border-left:0}
}

/* ————— hero ————— */
.hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;background:#07080a}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__veu{position:absolute;inset:0;background:
  linear-gradient(to top,rgba(6,7,10,.92) 0%,rgba(6,7,10,.5) 38%,rgba(6,7,10,.15) 70%),
  linear-gradient(100deg,rgba(6,7,10,.7) 0%,transparent 52%)}
.hero__texto{position:relative;max-width:var(--maxw);width:100%;margin:0 auto;
  padding:0 var(--pad) clamp(60px,11vh,120px)}
.hero__h1{font-size:clamp(2.8rem,9vw,7rem);line-height:.9;letter-spacing:-.04em}
.hero__h1 span:last-child{color:var(--moon);font-style:italic}
.hero__lead{font-family:var(--disp);font-weight:300;color:var(--cream);
  font-size:clamp(1.02rem,1.5vw,1.28rem);line-height:1.5;max-width:34ch;margin-top:22px;
  text-shadow:0 2px 18px rgba(4,5,8,.7)}
.hero__botoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

/* ————— seções ————— */
.exp{padding:clamp(70px,12vh,140px) 0;background:var(--ink2)}
.exp__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,68px);align-items:center}
@media (max-width:900px){.exp__grid{grid-template-columns:1fr}}
.exp__cartao{position:relative;display:block;overflow:hidden;border-radius:2px;
  border:1px solid var(--line);aspect-ratio:16/10}
.exp__cartao img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.exp__cartao:hover img{transform:scale(1.04)}
.exp__play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;
  background:rgba(11,12,14,.6);backdrop-filter:blur(6px);border:1px solid var(--line)}
.exp__play::after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;
  border-left:15px solid var(--moon);border-top:9px solid transparent;border-bottom:9px solid transparent;
  transform:translateX(3px)}

.lugar{padding:clamp(70px,12vh,140px) 0}
.fatos{display:flex;flex-wrap:wrap;gap:clamp(26px,5vw,64px);margin-top:34px}
.fatos b{display:block;font-family:var(--disp);font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:400}
.fatos span{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:6px}
.lugar__foto{margin:clamp(34px,6vh,58px) 0 0;border:1px solid var(--line);border-radius:2px;overflow:hidden}

.uns{padding:clamp(70px,12vh,140px) 0;background:var(--ink2)}
.uns__lista{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2.2vw,28px);
  margin-top:clamp(34px,6vh,58px)}
@media (max-width:900px){.uns__lista{grid-template-columns:1fr}}
.un{display:flex;flex-direction:column;background:var(--ink3);border:1px solid var(--line);
  border-radius:2px;overflow:hidden;transition:border-color .5s var(--ease),transform .5s var(--ease)}
.un:hover{border-color:rgba(233,196,106,.34);transform:translateY(-3px)}
.un--larga{grid-column:span 2}
@media (max-width:900px){.un--larga{grid-column:span 1}}
.un>img{aspect-ratio:3/2;width:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.un--larga>img{aspect-ratio:21/9}
.un:hover>img{transform:scale(1.035)}
.un__corpo{padding:clamp(22px,2.6vw,32px);display:flex;flex-direction:column;flex:1}
.un__tag{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--moon)}
.un__txt{margin-top:14px;color:var(--dim);font-size:.93rem}
.un__preco{margin-top:auto;padding-top:22px;font-size:.85rem;color:var(--mute)}
.un__corpo .btn{margin-top:14px;align-self:flex-start}
.tbd{color:var(--moon);font-weight:500;font-family:var(--sans);font-size:.95em}

.chegar{padding:clamp(70px,12vh,140px) 0}
.chegar__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3.4vw,52px);
  margin:clamp(32px,5vh,52px) 0 34px;padding-top:clamp(28px,4vh,40px);border-top:1px solid var(--line)}
@media (max-width:820px){.chegar__grid{grid-template-columns:1fr}}
.chegar__grid dt{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--moon);margin-bottom:11px}
.chegar__grid dd{margin:0;color:var(--dim);font-size:.92rem;line-height:1.65}

.noite{position:relative;padding:clamp(90px,16vh,180px) 0;overflow:hidden;background:#06070a}
.noite__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.noite__texto{position:relative}

.faq{padding:clamp(70px,12vh,140px) 0;background:var(--ink2)}
.faq__lista{margin-top:clamp(30px,5vh,48px);border-top:1px solid var(--line)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{cursor:pointer;padding:20px 0;font-family:var(--disp);
  font-size:clamp(1.02rem,1.5vw,1.2rem);list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";color:var(--moon);font-family:var(--sans);flex:none}
.faq__item[open] summary::after{content:"–"}
.faq__item p{padding:0 0 22px;color:var(--dim);max-width:70ch}

.res{padding:clamp(80px,14vh,170px) 0;background:linear-gradient(180deg,var(--ink) 0%,#0e1013 100%);
  border-top:1px solid var(--line)}
.res__botoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(28px,4.5vh,44px)}
.res__info{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3.6vw,52px);
  margin-top:clamp(44px,7vh,80px);padding-top:clamp(28px,4.5vh,44px);border-top:1px solid var(--line)}
@media (max-width:820px){.res__info{grid-template-columns:1fr}}
.res__info dt{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--moon);margin-bottom:11px}
.res__info dd{margin:0;color:var(--dim);font-size:.92rem;line-height:1.7}
.res__info a{text-decoration:none;border-bottom:1px solid var(--line);transition:border-color .3s}
.res__info a:hover{border-color:var(--moon)}

.pe{padding:34px 0 48px;border-top:1px solid var(--line)}
.pe__linha{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:baseline}
.pe p{font-size:.76rem;color:var(--mute)}
.pe b{color:var(--dim);font-weight:500}

.fixo{position:fixed;right:var(--pad);bottom:22px;z-index:75;display:inline-flex;
  text-decoration:none;background:var(--moon);color:var(--ink);font-size:.72rem;font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;padding:14px 24px;border-radius:100px;
  box-shadow:0 16px 38px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(14px);
  transition:opacity .5s var(--ease),transform .5s var(--ease),visibility .5s}
.fixo.is-on{opacity:1;visibility:visible;transform:none}
@media (max-width:520px){.fixo{left:var(--pad);right:var(--pad);justify-content:center;bottom:14px}}

/* revelação */
.rev{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rev.is-in{opacity:1;transform:none}