*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;color:#1d2927;background:#f7f7f4;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1200px,calc(100% - 64px));margin:auto}.header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e7e9e4}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{font-family:Manrope,sans-serif;font-size:34px;font-weight:800;letter-spacing:-3px}.brand-mark span,.gold-dot{color:#bb9360}.brand-label{font-size:11px;letter-spacing:2px;font-weight:800;line-height:1.5}.brand-label small{display:block;color:#818984;font-size:9px;letter-spacing:1.6px}.links{display:flex;gap:36px;font-size:13px;font-weight:700}.links a:hover,.text-link:hover{color:#b58a54}.nav-cta{background:#172a26;color:#fff;padding:14px 19px;font-size:12px;font-weight:700}.nav-cta span,.btn span{margin-left:20px}.menu-toggle{display:none}.hero{height:min(760px,82vh);min-height:600px;position:relative;color:white;background:#192b27}.hero-photo{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=2200&q=90') center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,24,21,.9) 0%,rgba(9,24,21,.65) 47%,rgba(9,24,21,.15) 100%)}.hero-inner{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:800;color:#a98251;display:flex;align-items:center;gap:11px}.eyebrow span{width:24px;height:1px;background:currentColor}.eyebrow.light{color:#ddc49e}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(42px,5.2vw,76px);line-height:1.13;letter-spacing:-3px;max-width:880px;margin:24px 0}.hero h1 em,.section-top h2 em,.contact h2 em{font-style:normal;color:#d9b886}.hero p{font-size:17px;line-height:1.8;color:#e5e9e5;max-width:540px}.hero-actions{display:flex;gap:14px;margin-top:25px}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;border:0;padding:19px 25px;font-weight:800;font-size:12px;letter-spacing:.3px}.btn-gold{background:#c7a16d;color:#152420}.btn-outline{border:1px solid #ffffff8a;color:white}.hero-bottom{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#d9dcd7}.intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:100px;padding-bottom:100px}.intro-label{font-size:11px;font-weight:800;letter-spacing:2px;color:#a98251}.intro h2,.about h2,.section-top h2,.contact h2{font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,52px);letter-spacing:-2px;line-height:1.2;margin:0 0 22px}.intro h2 span{color:#8a938c}.intro p{color:#6f7771;line-height:1.9;max-width:620px}.about{background:#fff;padding:100px 0}.about-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:9%;align-items:center}.about-visual{height:580px;position:relative}.about-visual img{width:100%;height:100%;object-fit:cover}.about-badge{position:absolute;bottom:0;right:0;background:#17312a;color:#fff;padding:30px;font-size:10px;letter-spacing:2px;line-height:2}.about-badge strong{font-size:14px}.about-copy h2{margin-top:23px}.about-copy p{line-height:1.9;color:#69736c}.about-copy .lead{font-size:20px;color:#2c3d35;font-weight:700;line-height:1.5}.text-link{display:inline-block;margin-top:25px;font-size:13px;font-weight:800;border-bottom:1px solid #a98251;padding-bottom:10px}.text-link span{margin-left:25px}.about-note,.demo-disclaimer{font-size:11px;color:#949b94;line-height:1.6;margin-top:30px}.properties{padding:110px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-top h2{margin-top:20px}.section-top h2 em{color:#a98251}.section-top p{max-width:310px;line-height:1.8;color:#788179}.filter-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:40px 0 28px;border-bottom:1px solid #dce1da;padding-bottom:20px}.filter-tabs{display:flex;flex-wrap:wrap;gap:7px}.filter{background:transparent;border:1px solid #dce1da;padding:11px 16px;color:#69756c;font-size:12px}.filter.active,.filter:hover{background:#17312a;color:white;border-color:#17312a}.search-wrap{display:flex;align-items:center;border:1px solid #dce1da;background:white;padding:0 14px}.search-wrap span{font-size:24px;color:#a98251}.search-wrap input{padding:12px;border:0;outline:0;min-width:220px;font-size:12px}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.property-card{background:white;overflow:hidden;box-shadow:0 10px 35px #1a2d2410}.property-img{height:245px;position:relative;overflow:hidden}.property-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.property-card:hover img{transform:scale(1.05)}.property-tag{position:absolute;top:18px;left:18px;background:#fff;padding:9px 12px;font-size:10px;font-weight:800}.property-content{padding:24px}.property-place{font-size:11px;color:#8b948b;letter-spacing:.6px}.property-content h3{font-family:Manrope;font-size:19px;letter-spacing:-.5px;margin:12px 0}.property-specs{display:flex;gap:15px;color:#78827b;font-size:12px;border-bottom:1px solid #edf0ec;padding-bottom:20px}.property-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:20px}.property-price{font-weight:800;font-size:19px;color:#19382e}.property-bottom a{font-size:12px;color:#9b7548;font-weight:800}.empty{padding:45px;text-align:center}.statement{background:#17312a;color:white;padding:100px 0;text-align:center}.statement span{font-size:11px;letter-spacing:3px;color:#c3a171}.statement h2{font-family:Manrope;font-size:clamp(36px,5vw,65px);letter-spacing:-2px;line-height:1.2;margin:24px 0 35px}.contact{background:#fff;padding:115px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{margin-top:22px}.contact h2 em{color:#b08b5c}.contact p{line-height:1.9;color:#758078}.contact-foot{margin-top:70px;font-size:15px;letter-spacing:2px;font-weight:800}.contact-foot span{font-size:10px;color:#89948b}.contact-form{padding:36px;background:#f7f7f4;display:grid;gap:17px}.contact-form label{display:grid;gap:9px;font-size:12px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #dce2dc;padding:15px;background:#fff;outline-color:#b99b70;width:100%}.btn-dark{background:#17312a;color:white}.contact-form small{color:#919b93}.contact-form #form-feedback{margin:0;font-size:12px}footer{background:#0e1f1a;color:#b5c0b8;padding:40px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}.footer-brand{color:white}.footer-brand .brand-label small{color:#8e9d93}footer strong{color:#d5b482}.footer-brand .brand-mark{font-size:28px}@media(max-width:850px){.container{width:min(100% - 36px,1200px)}.nav{height:72px}.nav-cta{display:none}.menu-toggle{display:block;border:0;background:none;font-size:26px}.links{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:22px;box-shadow:0 15px 20px #0001;flex-direction:column;gap:20px}.links.open{display:flex}.hero{min-height:610px;height:80vh}.hero h1{letter-spacing:-2px}.hero-bottom{font-size:8px}.intro,.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.intro{padding-top:65px;padding-bottom:65px}.about,.properties,.contact{padding:65px 0}.about-visual{height:420px}.section-top{display:block}.filter-bar{flex-direction:column;align-items:stretch}.search-wrap input{width:100%}.property-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{flex-wrap:wrap}}@media(max-width:580px){.brand-label{font-size:9px}.hero h1{font-size:42px}.hero p{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch;max-width:300px}.hero-bottom span:last-child{display:none}.property-grid{grid-template-columns:1fr}.property-img{height:255px}.about-visual{height:330px}.contact-form{padding:20px}.footer-inner{display:grid}.intro h2,.about h2,.section-top h2,.contact h2{font-size:35px}}
/* Atualização premium Vexo */
.hero-photo{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2200&q=88')}
.hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px;line-height:1.05}
.hero h1 em{font-style:normal;color:#d4b083}
.intro{align-items:start}.intro h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.7px}.intro h2 span{color:#a68b68}.intro-features{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.intro-features span{font-size:12px;color:#4b554f;border-top:1px solid #c5b194;padding-top:12px;margin-right:16px}
.about{background:#f5f1eb}.about-grid{gap:7%;grid-template-columns:1fr 1.12fr}.portrait-visual{height:690px}.portrait-visual img{object-position:center 18%;filter:saturate(.86)}.portrait-quote{position:absolute;bottom:0;left:0;right:0;padding:36px 32px;background:linear-gradient(transparent,rgba(12,21,19,.94));color:#fff;font-family:Georgia,serif;font-size:24px;line-height:1.35}.portrait-quote small{display:block;margin-top:12px;font:12px 'DM Sans',sans-serif;color:#d7b889}.about-copy h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,68px)}.about-copy p{line-height:1.72;margin:12px 0;font-size:14px}.about-copy .lead{font-family:Georgia,serif;font-size:23px;font-weight:400;color:#5c4834}.about-note{font-size:10px}
@media(max-width:850px){.about-grid{grid-template-columns:1fr}.portrait-visual{height:530px}}@media(max-width:580px){.portrait-visual{height:420px}.portrait-quote{font-size:19px;padding:25px}.hero h1{font-size:46px}.intro-features{display:grid}}

/* Destaque discreto exclusivamente na frase da seção de introdução */
.intro h2 span { animation: introReveal 1.1s ease-out both; }
@keyframes introReveal { from { opacity: .35; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .intro h2 span { animation: none; } }

/* Correção exclusiva para celular: primeiro o formulário funcionalmente ilustrativo,
   depois a explicação comercial. Desktop permanece idêntico. */
@media (max-width: 850px) {
  .contact-grid > .contact-form { order: 1; }
  .contact-grid > div:first-child { order: 2; }
}


/* Ajuste profissional da seção Sobre: história mais enxuta + métricas de autoridade */
.about-side{display:grid;gap:18px}.about-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric-card{background:#fff;border:1px solid #e6ddd0;padding:24px 18px;min-height:128px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 12px 28px rgba(24,36,31,.05)}.metric-card strong{font-family:Georgia,serif;font-size:clamp(28px,2.1vw,40px);font-weight:400;letter-spacing:-1px;color:#1d2927;line-height:1}.metric-card span{display:block;margin-top:10px;font-size:11px;line-height:1.6;letter-spacing:1.8px;text-transform:uppercase;color:#8c7559}.about-copy p strong{color:#3d3124;font-weight:700}@media(max-width:850px){.about-side{gap:14px}.about-metrics{grid-template-columns:1fr 1fr 1fr}}@media(max-width:580px){.about-metrics{grid-template-columns:1fr;gap:10px}.metric-card{min-height:auto;padding:20px 18px}.metric-card strong{font-size:32px}.metric-card span{font-size:10px;letter-spacing:1.5px}}

/* Vexo: navegação sempre visível em celulares e tablets.
   Restrito às telas móveis; o desktop mantém o visual anterior. */
@media (max-width: 850px) {
  html { scroll-padding-top: 144px; }
  .nav {
    height: auto;
    min-height: 72px;
    padding-top: 10px;
    padding-bottom: 10px;
    flex-wrap: wrap;
    row-gap: 0;
  }
  .brand { min-height: 46px; }
  .menu-toggle { display: none; }
  .links, .links.open {
    position: static;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    flex: 1 0 100%;
    order: 3;
    gap: 5px;
    margin-top: 7px;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .links a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 38px;
    padding: 7px 2px;
    border: 1px solid #e2e7e0;
    border-radius: 3px;
    font-size: clamp(9px, 2.4vw, 12px);
    line-height: 1.2;
    text-align: center;
    white-space: normal;
  }
  .links a:last-child {
    background: #edf5ee;
    border-color: #d3e3d5;
    color: #256447;
  }
  .links a:focus-visible {
    outline: 2px solid #b58a54;
    outline-offset: 2px;
  }
}
