/* Versão 1 · Direção A · Noir Clássico. Preto profundo, ouro em filetes finos, Cormorant Garamond + Jost. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 600;font-display:swap;src:url(/assets/fonts/CormorantGaramond-normal-500-600.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(/assets/fonts/CormorantGaramond-italic-500.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/fonts/Jost-normal-300-600.woff2) format('woff2')}
:root{
  --fundo:#0E0D0B;--fundo-2:#12110D;--fundo-3:#1B1812;
  --texto:#F2EDE3;--texto-2:#CFC8BB;--suave:#A8A196;
  --ouro:#C9A54C;--ouro-claro:#D8B865;--ouro-txt:#C9A54C;
  --linha:rgba(201,165,76,.22);--linha-forte:rgba(201,165,76,.45);
  --titulo:'Cormorant Garamond',Georgia,serif;--corpo:'Jost',system-ui,sans-serif;
  --raio:0;--raio-grande:0;
  --btn-tam:12.5px;--btn-ls:.18em;--btn-tt:uppercase;
  --rotulo-ls:.2em;--rotulo-tt:uppercase;
  --campo-fundo:transparent;--campo-borda:rgba(201,165,76,.4);--campo-texto:#F2EDE3;--campo-rotulo:#C9A54C;--campo-ph:#8C867B;--esquema:dark;
  --erro:#F0A28C;--gaveta-fundo:#0E0D0B;--gaveta-texto:#F2EDE3;--modal-fundo:#12110D;
  /* cores do kit de motion */
  --hm-escuro:#0E0D0B;--hm-claro:#F2EDE3;--hm-claro-2:#A8A196;--hm-destaque:#C9A54C;--hm-header:76px;
}
/* Imperial Hotel · base comum às duas versões. As cores, fontes e o desenho de cada direção ficam em v1.css e v2.css. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--corpo);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3{margin:0;font-weight:inherit}
figure{margin:0}
[hidden]{display:none!important}
.pular{position:absolute;left:-9999px;top:0;z-index:200;background:var(--ouro);color:#121110;padding:12px 18px}
.pular:focus{left:12px;top:12px}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
.in{max-width:1240px;margin:0 auto;padding:0 24px}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ic-ouro{color:var(--ouro-txt)}
.centro{text-align:center}

/* tipografia */
.h1{font-family:var(--titulo)}
.h2{font-family:var(--titulo)}
.h3{font-family:var(--titulo)}
.rotulo{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--ouro-txt);font-weight:600}
.suave{color:var(--suave)}
.fonte{font-size:13px;color:var(--suave);margin-top:18px}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border:1px solid transparent;text-decoration:none;cursor:pointer;font-size:var(--btn-tam);font-weight:600;letter-spacing:var(--btn-ls);text-transform:var(--btn-tt);border-radius:var(--raio);transition:background-color .2s,color .2s,border-color .2s;text-align:center;line-height:1.25;padding-top:10px;padding-bottom:10px}
.btn .ic{width:19px;height:19px}
.btn-ouro{background:var(--ouro);color:#121110}
.btn-ouro:hover{background:var(--ouro-claro)}
.link-ouro,.link-seta{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ouro-txt);text-decoration:none;font-weight:600}
.link-seta .ic{width:18px;height:18px;transition:transform .2s}
.link-seta:hover .ic{transform:translateX(3px)}

/* cabeçalho (comum) */
.cab{z-index:60;width:100%}
.cab-in{max-width:1240px;margin:0 auto;padding:0 24px;min-height:76px;display:flex;align-items:center;gap:28px}
.marca{text-decoration:none;display:flex;align-items:center;gap:12px;margin-right:auto}
.cab-nav{display:flex;gap:26px;font-size:15px}
.cab-nav a{text-decoration:none;padding:8px 0;border-bottom:1px solid transparent}
.cab-nav a:hover{border-bottom-color:var(--ouro)}
.cab-menu{display:none;align-items:center;gap:8px;min-height:44px;padding:0 14px;background:none;border:1px solid currentColor;border-radius:var(--raio);cursor:pointer;font-size:14px}
.gaveta{position:fixed;inset:0;top:0;z-index:55;background:var(--gaveta-fundo);color:var(--gaveta-texto);padding:110px 24px 32px;display:flex;flex-direction:column;gap:24px;overflow:auto}
.gaveta nav{display:flex;flex-direction:column}
.gaveta nav a{text-decoration:none;font-family:var(--titulo);font-size:28px;padding:12px 0;border-bottom:1px solid var(--linha)}
.gaveta .btn{align-self:stretch}
.gaveta-whats{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ouro-txt);min-height:44px}
body.gaveta-aberta,body.modal-aberto{overflow:hidden}

/* seções */
.secao{padding:96px 0}
.cabeca-centro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;max-width:760px;margin:0 auto 56px}
.cabeca-centro p:not(.rotulo){color:var(--texto-2)}
.cabeca-lado{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;margin-bottom:40px}
.cabeca-lado>div{display:flex;flex-direction:column;gap:10px}
.cabeca-lado>p{max-width:440px;color:var(--texto-2)}

/* foto com ampliação */
.foto-link{position:relative;display:block;overflow:hidden;background:var(--fundo-3)}
.foto-link img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.foto-link:hover img{transform:scale(1.03)}
.foto-zoom{position:absolute;right:10px;bottom:10px;width:36px;height:36px;display:grid;place-items:center;background:rgba(14,13,11,.62);color:#F2EDE3;border-radius:50%;opacity:0;transition:opacity .2s}
.foto-zoom .ic{width:18px;height:18px}
.foto-link:hover .foto-zoom,.foto-link:focus-visible .foto-zoom{opacity:1}

/* números do agro */
.numeros{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin-top:30px}
.num{display:flex;flex-direction:column;gap:4px;padding-top:14px;border-top:1px solid var(--linha)}
.num-valor{font-family:var(--titulo);color:var(--ouro-txt);line-height:1.05}
.num-txt{font-size:15px;color:var(--texto-2);line-height:1.45}
.cidade-in{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.cidade-foto .foto-link{aspect-ratio:4/3}
.cidade-foto figcaption{font-size:14px;color:var(--suave);margin-top:10px}

/* lista "em todos os apartamentos" */
.em-todos{margin-top:56px;padding-top:28px;border-top:1px solid var(--linha);display:flex;flex-wrap:wrap;align-items:center;gap:14px 36px}
.em-todos ul{display:flex;flex-wrap:wrap;gap:12px 28px}
.em-todos li{display:flex;align-items:center;gap:8px;font-size:16px}
.em-todos li .ic{color:var(--ouro-txt)}

/* formulários */
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form .cheio{grid-column:1/-1}
.campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.campo label,.escolha legend{font-size:13px;font-weight:600;letter-spacing:var(--rotulo-ls);text-transform:var(--rotulo-tt);color:var(--campo-rotulo)}
.campo input,.campo select{width:100%;min-height:50px;padding:0 14px;background:var(--campo-fundo);color:var(--campo-texto);border:1px solid var(--campo-borda);border-radius:var(--raio);font-size:16px;appearance:none;-webkit-appearance:none}
.campo select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}
.campo input:focus,.campo select:focus{border-color:var(--ouro);outline:none;box-shadow:0 0 0 3px rgba(201,165,76,.25)}
.campo input::placeholder{color:var(--campo-ph)}
.campo input[type=date]{color-scheme:var(--esquema)}
/* "A reserva é": duas opções lado a lado. O fieldset não leva .campo, senão herda o estilo das caixas de texto
   e o botão de escolha vira uma caixa vazia sem marcação. */
.escolha{border:0;margin:0;padding:0;min-width:0}
.escolha legend{width:100%;margin-bottom:10px;padding:0}
.escolha-opcoes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.opcao{position:relative;display:block;cursor:pointer}
.opcao input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.opcao-caixa{display:grid;grid-template-columns:20px 1fr;column-gap:12px;align-items:center;min-height:64px;padding:12px 14px;border:1px solid var(--campo-borda);border-radius:var(--raio);background:var(--campo-fundo);color:var(--campo-texto);transition:border-color .15s,background-color .15s}
.opcao-caixa::before{content:"";grid-row:1/3;width:20px;height:20px;box-sizing:border-box;border:2px solid var(--suave);border-radius:50%;transition:border-color .15s,box-shadow .15s}
.opcao-caixa b{font-size:16px;font-weight:600;line-height:1.25}
.opcao-caixa small{font-size:13px;line-height:1.3;color:var(--suave)}
.opcao:hover .opcao-caixa{border-color:var(--ouro)}
.opcao input:checked+.opcao-caixa{border-color:var(--ouro);background:rgba(201,165,76,.14)}
.opcao input:checked+.opcao-caixa::before{border-color:var(--ouro);background:radial-gradient(circle,var(--ouro) 0 4.5px,transparent 5px)}
.opcao input:focus-visible+.opcao-caixa{box-shadow:0 0 0 3px rgba(201,165,76,.35)}
.form-erro{display:none;color:var(--erro);font-size:15px}
.form-erro.ve{display:block}
.form-aviso{font-size:13px;color:var(--suave)}
.form .btn{width:100%}
.form-ok{display:flex;flex-direction:column;gap:14px;align-items:flex-start}

/* mosaico */
.mosaico{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mosaico-item .foto-link{aspect-ratio:1/1}
.mosaico-grande{grid-column:span 2;grid-row:span 2}
.mosaico-grande .foto-link{aspect-ratio:auto;height:100%}

/* localização */
.local-botoes{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:8px}
.mapa{display:block;overflow:hidden}
.mapa img{width:100%;height:100%;object-fit:cover}

/* avaliações */
.avals{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.aval{display:flex;flex-direction:column;gap:16px;padding:30px}
.estrelas{display:flex;gap:3px;color:var(--ouro-txt)}
.estrelas .ic{width:16px;height:16px}
.aval blockquote{margin:0}
.aval figcaption{font-size:14px;color:var(--suave)}

/* perguntas e ficha */
.perguntas-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.perguntas-in.so-faq{grid-template-columns:minmax(0,820px);justify-content:center}
.ficha,.faq{display:flex;flex-direction:column;gap:14px}
.ficha-lista{margin:12px 0 0;display:flex;flex-direction:column}
.ficha-par{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--linha)}
.ficha-par dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-txt);font-weight:600;padding-top:3px}
.ficha-par dd{margin:0;font-size:16px}
.faq-lista{margin-top:12px;border-top:1px solid var(--linha)}
.pergunta{border-bottom:1px solid var(--linha)}
.pergunta summary{list-style:none;cursor:pointer;padding:18px 36px 18px 0;position:relative;font-size:17px;font-weight:600;min-height:44px}
.pergunta summary::-webkit-details-marker{display:none}
.pergunta summary::after{content:"";position:absolute;right:6px;top:26px;width:10px;height:10px;border-right:1.5px solid var(--ouro-txt);border-bottom:1.5px solid var(--ouro-txt);transform:rotate(45deg);transition:transform .2s}
.pergunta[open] summary::after{transform:rotate(225deg);top:30px}
.pergunta p{padding:0 0 20px;color:var(--texto-2)}

/* rodapé (estrutura) */
.rod-in{max-width:1240px;margin:0 auto;padding:64px 24px 40px;display:grid;grid-template-columns:1fr 1.4fr 1fr .8fr;gap:40px}
.rod-col{display:flex;flex-direction:column;gap:10px;font-size:15px}
.rod-col a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:32px;overflow-wrap:anywhere}
.nw{white-space:nowrap}
.itens--3{grid-template-columns:repeat(3,1fr)!important}
.ver-fotos{margin-top:14px;background:none;border:0;padding:0;cursor:pointer}
.rod-col a .ic{width:18px;height:18px;color:var(--ouro-txt)}
.rod-fim{max-width:1240px;margin:0 auto;padding:20px 24px 36px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px;border-top:1px solid var(--linha)}

/* botão flutuante */
.wa-flutuante{position:fixed;right:20px;bottom:20px;z-index:50;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--ouro);color:#121110;box-shadow:0 6px 20px rgba(0,0,0,.28);transition:transform .2s}
.wa-flutuante:hover{transform:scale(1.06)}
.wa-flutuante .ic{width:30px;height:30px}

/* popup de reserva */
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}
.modal-fundo{position:absolute;inset:0;background:rgba(10,9,8,.72)}
.modal-caixa{position:relative;width:100%;max-width:600px;max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;background:var(--modal-fundo);color:var(--texto);padding:36px;border:1px solid var(--linha);border-radius:var(--raio-grande)}
.modal-caixa:focus{outline:none}
.modal-x{position:absolute;right:12px;top:12px;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:var(--texto);cursor:pointer}
.modal-cabeca{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;padding-right:30px}
.modal-sub{color:var(--texto-2);font-size:16px}
.modal-ok{display:flex;flex-direction:column;gap:16px;align-items:flex-start}

/* galeria em tela cheia */
.luz{position:fixed;inset:0;z-index:110;background:rgba(8,7,6,.94);display:flex;align-items:center;justify-content:center;color:#F2EDE3}
.luz-palco{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:64px 72px 72px}
.luz-palco img{max-width:100%;max-height:100%;object-fit:contain}
.luz button{position:absolute;width:52px;height:52px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#F2EDE3;border-radius:50%;cursor:pointer}
.luz-x{top:14px;right:14px}
.luz-ant{left:14px;top:50%;transform:translateY(-50%)}
.luz-prox{right:14px;top:50%;transform:translateY(-50%)}
.luz-rodape{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:15px;padding:0 24px}
.luz-conta{color:#A8A196;margin-left:8px}

/* ---------- motion (kit motion-site-hotel): só o desenho; o comportamento está em motion.js/motion.css ---------- */
section[id],div[id]{scroll-margin-top:calc(var(--hm-header) + 12px)}
.cab{transition:background-color .35s,border-color .35s,box-shadow .35s,transform .35s}
.wa-flutuante{transition:transform .35s,opacity .35s}
/* jornada: tipografia; as cores vêm de cada passo */
.jornada-titulo{line-height:1.08}
.jornada-passo{font-size:17px;line-height:1.55}
.jornada-passo strong{font-family:var(--titulo)}
.jornada-quadro{border-radius:var(--raio)}
/* faixa: a foto define a largura pela altura (width/height no HTML) */
.faixa-cabeca{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px;width:100%}
.faixa-cabeca>div{display:flex;flex-direction:column;gap:10px}
.faixa-foto{display:block;overflow:hidden;border-radius:var(--raio)}
.faixa-foto img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){.faixa-foto:hover img{transform:scale(1.04)}}
.faixa-item figcaption{font-size:14px;color:var(--suave)}
/* avaliação em destaque, palavra por palavra, sobre foto com paralaxe */
.aval-destaque{min-height:72vh;display:grid;place-items:center;text-align:center;color:#F2EDE3;background:#0E0D0B}
.aval-destaque::after{content:"";position:absolute;inset:0;background:rgba(10,9,8,.76)}
.aval-destaque>img:not([data-paralaxe]){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.aval-destaque-in{position:relative;z-index:1;max-width:960px;padding:96px 24px;display:flex;flex-direction:column;align-items:center;gap:22px}
.aval-destaque .estrelas{color:#C9A54C}
.citacao{font-family:var(--titulo);font-size:clamp(26px,3.2vw,42px);line-height:1.3}
.citacao-autor{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#C9C2B4}
.avals--2{grid-template-columns:1fr 1fr;max-width:960px;margin:0 auto}
@media (prefers-reduced-motion:reduce){.foto-link img,.faixa-foto img{transition:none}}

/* responsivo comum */
@media (max-width:1100px){
  .cab-nav{display:none}
  .cab-menu{display:inline-flex}
  .avals{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .secao{padding:72px 0}
  .cidade-in,.perguntas-in{grid-template-columns:1fr;gap:40px}
  .rod-in{grid-template-columns:1fr 1fr}
  .rod-marca{grid-column:1/-1}
}
@media (max-width:760px){
  body{font-size:16px}
  .in{padding:0 16px}
  .cab-in{padding:0 16px;min-height:66px;gap:14px}
  .cab-reservar{display:none}
  .form{grid-template-columns:1fr}
  .avals{grid-template-columns:1fr}
  .numeros{grid-template-columns:1fr}
  .ficha-par{grid-template-columns:1fr;gap:4px}
  .mosaico{grid-template-columns:1fr 1fr}
  .avals--2{grid-template-columns:1fr}
  .aval-destaque{min-height:auto}
  .aval-destaque-in{padding:72px 16px}
  .rod-in{grid-template-columns:1fr;padding:48px 16px 32px}
  .rod-fim{padding:20px 16px 96px}
  .modal{padding:0;align-items:flex-end}
  .modal-caixa{max-height:94dvh;border-radius:var(--raio-grande) var(--raio-grande) 0 0;padding:28px 18px 24px}
  .luz-palco{padding:64px 8px 80px}
  .luz-ant,.luz-prox{top:auto;bottom:12px;transform:none}
  .luz-rodape{bottom:78px}
  .wa-flutuante{right:14px;bottom:14px;width:56px;height:56px}
}


body{font-weight:300}
b,strong,.pergunta summary{font-weight:500}
.h1{font-weight:500;font-size:clamp(40px,5.2vw,70px);line-height:1.04;letter-spacing:-.01em}
.h2{font-weight:500;font-size:clamp(32px,3.4vw,46px);line-height:1.08}
.h3{font-weight:500;font-size:clamp(28px,2.6vw,36px);line-height:1.1}
.rotulo{font-weight:500;letter-spacing:.32em}
.italico{font-family:var(--titulo);font-style:italic;font-size:22px;color:var(--ouro)}
.btn-linha{border-color:var(--ouro);color:var(--ouro);background:transparent}
.btn-linha:hover{background:var(--ouro);color:#0E0D0B}
.btn-claro{border-color:rgba(242,237,227,.55);color:var(--texto);background:transparent}
.btn-claro:hover{border-color:var(--texto)}
.link-ouro{letter-spacing:.18em;text-transform:uppercase;font-size:12.5px;font-weight:500;border-bottom:1px solid var(--ouro);min-height:auto;padding:10px 0 6px}

/* marca tipográfica (da direção A) */
.marca{flex-direction:column;align-items:flex-start;gap:4px}
.marca-nome{font-family:var(--titulo);font-size:28px;font-weight:600;letter-spacing:.32em;color:var(--ouro);line-height:1}
.marca-sub{font-size:9.5px;letter-spacing:.42em;color:var(--suave);line-height:1.2}

/* cabeçalho por cima da foto, sólido ao rolar */
.cab{position:fixed;top:0;left:0;color:var(--texto);border-bottom:1px solid transparent}
.cab.solido,.gaveta-aberta .cab{background:rgba(14,13,11,.96);border-bottom-color:var(--linha)}
.gaveta-aberta .cab{transform:none}
.cab-nav{letter-spacing:.06em}
.cab-menu{border-color:var(--linha-forte);color:var(--ouro)}

/* topo */
/* topo com a luz que acende (kit: [data-luz] .luz-foto .luz-sombra .luz-brilho .luz-conteudo) */
.hero{min-height:min(100svh,940px);display:flex;flex-direction:column;justify-content:center;color:var(--texto);padding:140px 0 96px;
  --luz-sombra:rgba(14,13,11,.62);--luz-cor:rgba(201,165,76,.2)}
.hero--curto{min-height:min(78svh,700px);padding-bottom:80px}
.hero .luz-sombra::before{content:"";position:absolute;inset:0 0 auto;height:30%;background:linear-gradient(to bottom,rgba(14,13,11,.7),transparent)}
.hero-in{max-width:980px;margin:0 auto;padding:0 24px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.sobretitulo{display:flex;align-items:center;gap:16px;color:var(--ouro);font-size:12px;letter-spacing:.32em;text-transform:uppercase;font-weight:500}
.sobretitulo span{width:44px;height:1px;background:var(--ouro);flex:none}
.hero-sub{max-width:640px;font-size:18px;color:var(--texto-2)}
.hero-botoes{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px}
/* a barra fica fora do hero (o [data-luz] corta o que sai dele) e sobe por cima da borda de baixo */
.barra-wrap{position:relative;z-index:5;margin-top:-40px;padding:0 24px}
.barra-reserva{position:relative;max-width:1040px;margin:0 auto;background:#0E0D0B;border:1px solid var(--linha-forte);display:grid;grid-template-columns:1fr 1fr .9fr 1fr}
.barra-campo{display:flex;flex-direction:column;gap:4px;padding:16px 22px;border-right:1px solid rgba(201,165,76,.2)}
.barra-campo label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ouro);font-weight:500}
.barra-campo input,.barra-campo select{background:transparent;border:0;color:var(--texto);font-size:16px;padding:6px 0;color-scheme:dark;min-height:36px;width:100%}
.barra-campo select{appearance:none;-webkit-appearance:none}
.barra-campo select option{background:#0E0D0B}
.barra-reserva .btn{min-height:78px;height:100%;width:100%}

/* destaques */
.destaques{padding:88px 0 40px}
.destaques-in{display:grid;grid-template-columns:repeat(4,1fr)}
.dest{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:14px 16px;border-left:1px solid var(--linha)}
.dest:last-child{border-right:1px solid var(--linha)}
.dest-n{font-family:var(--titulo);font-size:48px;color:var(--ouro);line-height:1}
.dest-t{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--suave)}

/* cidade */
.cidade{background:var(--fundo-2);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.cidade-txt{display:flex;flex-direction:column;gap:16px}
.cidade-txt>p:not(.rotulo):not(.fonte){color:var(--texto-2)}
.num-valor{font-size:34px}

/* apartamentos: linhas alternadas */
.aptos{display:flex;flex-direction:column;gap:88px}
.apto{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.apto--inv .apto-fotos{order:2}
.apto-principal .foto-link{aspect-ratio:4/3}
.apto-minis{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.apto-mini .foto-link{aspect-ratio:3/2}
.apto-txt{display:flex;flex-direction:column;gap:16px}
.apto-txt>p:not(.italico){color:var(--texto-2)}
.apto-meta{display:flex;flex-wrap:wrap;gap:8px 26px;padding:14px 0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);font-size:14px;color:var(--suave);letter-spacing:.04em}
.apto-botoes{display:flex;flex-wrap:wrap;gap:6px 26px}

/* empresas: caixa com filete de ouro */
.empresas-caixa{border:1px solid var(--ouro);background:var(--fundo-2);padding:56px 48px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.empresas-txt{display:flex;flex-direction:column;gap:18px}
.empresas-txt>p:not(.rotulo){color:var(--texto-2)}
.filetes{display:flex;flex-direction:column;gap:10px;color:#E4DDD0}
.filetes li{display:flex;gap:14px;align-items:baseline}
.filetes li::before{content:"";width:18px;height:1px;background:var(--ouro);flex:none;transform:translateY(-4px)}
.empresas-form .campo input,.empresas-form .campo select{border-width:0 0 1px;padding:0 2px}

/* estrutura */
.itens{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--linha)}
.item{display:flex;gap:16px;align-items:flex-start;padding:26px 18px;border-bottom:1px solid var(--linha)}
.item .ic{width:28px;height:28px;stroke-width:1.3}
.item-t{font-size:17px;font-weight:400}
.item-s{font-size:14px;color:var(--suave)}

/* localização */
.local-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.local-txt{display:flex;flex-direction:column;gap:16px}
.local-txt .aeo-resposta{font-size:19px}
.mapa{border:1px solid var(--linha);aspect-ratio:16/11}

/* avaliações */
.avaliacoes{background:var(--fundo-2);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.aval{border:1px solid var(--linha)}
.aval blockquote{font-family:var(--titulo);font-style:italic;font-size:23px;line-height:1.35}
.aval figcaption{letter-spacing:.12em;text-transform:uppercase;font-size:12.5px}
.avals+.centro{margin-top:30px}

/* perguntas */
.pergunta summary{font-family:var(--titulo);font-size:21px;font-weight:500}
.ficha-par dt{color:var(--ouro)}

/* final */
.final{text-align:center}
.final-in{max-width:820px;display:flex;flex-direction:column;align-items:center;gap:22px}
.final-in>p{color:var(--texto-2)}
.final .marca-nome{font-size:22px}

/* rodapé */
.rod{border-top:1px solid var(--linha);color:var(--texto-2)}
.rod-marca{display:flex;flex-direction:column;gap:6px}
.rod-col .rotulo{margin-bottom:4px}
.rod-fim{color:#8C867B;border-top-color:rgba(201,165,76,.12)}

/* jornada e faixa */
.jornada-titulo{font-weight:500;font-size:clamp(34px,4vw,54px)}
.jornada-passo strong{font-size:25px;font-weight:500}
.faixa-sec{background:var(--fundo-2);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.citacao{font-style:italic;font-weight:500}

/* página de empresas */
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.passo{display:flex;flex-direction:column;gap:12px;padding:32px;border:1px solid var(--linha);background:var(--fundo-2)}
.passo p{color:var(--texto-2)}
.passo-n{font-family:var(--titulo);font-size:46px;color:var(--ouro);line-height:1}
.quartos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.quarto{border:1px solid var(--linha);background:var(--fundo-2)}
.quarto .foto-link{aspect-ratio:4/3}
.quarto-txt{padding:22px 24px;display:flex;flex-direction:column;gap:6px}
.quarto-txt .h3{font-size:28px}
.pg-empresas .mosaico{grid-template-columns:repeat(4,1fr);margin-top:48px}
.pg-empresas .mosaico-item .foto-link{aspect-ratio:4/3}

/* modal */
.modal .form .campo input,.modal .form .campo select{border-width:0 0 1px;padding:0 2px}

@media (max-width:1100px){
  .itens,.itens--3{grid-template-columns:repeat(2,1fr)!important}
  .quartos{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .apto,.empresas-caixa,.local-in{grid-template-columns:1fr;gap:32px}
  .apto--inv .apto-fotos{order:0}
  .empresas-caixa{padding:36px 24px}
  .barra-reserva{grid-template-columns:1fr 1fr}
  .barra-wrap{margin-top:-28px}
  .barra-campo:nth-child(2){border-right:0}
  .barra-campo{border-bottom:1px solid rgba(201,165,76,.2)}
  .barra-reserva .btn{grid-column:1/-1;min-height:58px}
  .barra-campo:nth-child(3){grid-column:1/-1;border-right:0}
  .hero{padding-bottom:60px}
  .destaques{padding-top:48px}
  .destaques-in{grid-template-columns:1fr 1fr}
  .dest:nth-child(2){border-right:1px solid var(--linha)}
  .dest:nth-child(-n+2){border-bottom:1px solid var(--linha)}
  .passos{grid-template-columns:1fr}
}
@media (max-width:760px){
  .hero{min-height:auto;padding-top:116px}
  :root{--hm-header:66px}
  .barra-wrap{padding:0 16px}
  .hero-in{padding:0 16px 8px;gap:18px}
  .sobretitulo{font-size:10.5px;letter-spacing:.22em;gap:10px}
  .sobretitulo span{display:none}
  :root{--btn-ls:.12em}
  .hero-sub{font-size:16px}
  .hero-botoes{flex-direction:column;align-self:stretch}
  .hero-botoes .btn{width:100%}
  .barra-campo{padding:12px 14px}
  .marca-nome{font-size:22px}
  .marca-sub{font-size:8px;letter-spacing:.3em}
  .dest-n{font-size:38px}
  .dest-t{font-size:11px;letter-spacing:.1em}
  .aptos{gap:64px}
  .itens,.itens--3{grid-template-columns:1fr!important}
  .quartos{grid-template-columns:1fr}
  .pg-empresas .mosaico{grid-template-columns:1fr 1fr}
  .aval{padding:24px}
  .aval blockquote{font-size:21px}
  .h1{font-size:clamp(34px,9.4vw,44px)}
}