:root{ --gold:#D6B987; --gray:#E5E5E5; --black:#2E2F30; --white:#FFFFFF; --text:#EDEDED; --container:1200px; }
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif; color: var(--text); background: var(--black); line-height:1.6; -webkit-font-smoothing: antialiased}
h1,h2,h3,h4{font-family: "Bodoni Moda","Playfair Display", Georgia, serif; color:#FFF; margin:0 0 .6rem 0; line-height:1.2}
h1{font-size: clamp(28px, 4.4vw, 46px)} h2{font-size: clamp(24px, 4vw, 40px)} h3{font-size: clamp(20px, 3vw, 28px)}
p{margin:0 0 1rem 0} a{color:#fff;text-decoration:none}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.section{padding: clamp(48px, 6vw, 120px) 0;border-top:1px solid rgba(214,185,135,.3)}
.center{text-align:center}.muted{color:#CFCFCF}.kicker{color:var(--gold); text-transform:uppercase; letter-spacing:1px; font-size:.85rem; font-weight:600}

.site-header{position: sticky; top:0; z-index:999; background: rgba(46,47,48,.98); border-bottom: 1px solid rgba(214,185,135,.25); backdrop-filter: saturate(130%) blur(4px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.logo{height:80px;width:auto;display:block;border-radius:4px}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px}
.site-nav a{padding:10px;border-radius:6px; transition:.2s}
.site-nav a:hover, .site-nav a[aria-current="page"]{background: rgba(214,185,135,.15)}
.nav-toggle{display:none;background:none;border:0;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0}
@media (max-width: 860px){
  .nav-toggle{display:block}
  .site-nav{position:absolute; top:80px; right:0; left:0; background:#1f2022; border-top:1px solid rgba(214,185,135,.3); display:none}
  .site-nav.open{display:block}
  .site-nav ul{flex-direction:column;gap:0}
  .site-nav a{display:block;padding:16px 20px}
}

/* Hero */
.hero{
  position:relative; min-height:62vh; display:flex; align-items:center;
  background: radial-gradient(80% 120% at 50% 0%, rgba(214,185,135,.12), transparent 60%),
              linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.55) 35%, rgba(0,0,0,.85) 100%),
              url('assets/images/hero1.jpg') center/cover no-repeat;
  border-bottom:1px solid rgba(214,185,135,.25);
}
.hero > .container{position:relative; z-index:2; width:100%; display:flex; justify-content:flex-start}
.hero-inner{max-width:860px; margin-left:0; text-align:left; padding-right:6vw}
.hero-inner h1{max-width:26ch; line-height:1.15; letter-spacing:.2px; text-wrap:balance}
.hero-inner p{max-width:70ch; text-align:justify; text-justify:inter-word}
.hero .actions{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap}
.btn{display:inline-block; padding:12px 18px; border-radius:8px; font-weight:600; letter-spacing:.2px; border:1px solid transparent; transition:.2s; cursor:pointer}
.btn-primary{background: var(--gold); color: var(--black)} .btn-primary:hover{transform: translateY(-1px)}
.btn-outline{border:1px solid var(--gold); color: var(--gold); background: transparent} .btn-outline:hover{background: rgba(214,185,135,.1)}

/* Grid & Cards */
.grid-3{display:grid; grid-template-columns: repeat(3,1fr); gap:26px}
.grid-2{display:grid; grid-template-columns: repeat(2,1fr); gap:26px}
@media (max-width: 860px){ .grid-3{grid-template-columns: 1fr} .grid-2{grid-template-columns: 1fr} }
.card{background:#1f2022; border:1px solid rgba(214,185,135,.25); border-radius:12px; padding:22px}
.card h3{text-align:center; margin-bottom: 12px}
.card p{text-align:justify; text-justify:inter-word}

/* Reveal + stagger */
.reveal{opacity:0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease}
.reveal.in-view{opacity:1; transform:none}
.grid-3 .card.reveal:nth-child(1){ transition-delay: 0ms; }
.grid-3 .card.reveal:nth-child(2){ transition-delay: 60ms; }
.grid-3 .card.reveal:nth-child(3){ transition-delay: 120ms; }
.grid-3 .card.reveal:nth-child(4){ transition-delay: 180ms; }
.grid-3 .card.reveal:nth-child(5){ transition-delay: 240ms; }
.grid-3 .card.reveal:nth-child(6){ transition-delay: 300ms; }
.cta-diferenciais.reveal{ transition-delay: 360ms; }

/* Áreas — split layout */
.intro-areas{text-align:center}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center}
.split.reverse{grid-template-columns:1fr 1.1fr}
@media (max-width:980px){.split,.split.reverse{grid-template-columns:1fr}}
.photo{border-radius:12px;overflow:hidden;border:1px solid rgba(214,185,135,.25)}
.photo img{width:100%;height:100%;object-fit:cover;display:block}
.card-service{background:#1f2022;border:1px solid rgba(214,185,135,.25);border-radius:12px;padding:22px}
.card-service h3{text-align:center;margin-bottom:10px}
.push{list-style:none;padding-left:0;margin:0}
.push li{position:relative;padding-left:18px;margin:8px 0}
.push li::before{content:"—";position:absolute;left:0;color:var(--gold)}
.two-col{columns:2;column-gap:24px}.two-col li{break-inside:avoid}
.split .reveal:nth-child(1){transition-delay:0ms}.split .reveal:nth-child(2){transition-delay:120ms}

/* Quem Somos */
.logo-top{ max-width: 980px; width: 92%; height: auto; margin: 0 auto; display: block; }
.photo-empty{ display:flex; align-items:center; justify-content:center; min-height: 420px; background: #161718; border:1px solid rgba(214,185,135,.25); border-radius:12px }
.photo-placeholder{ color:#9d9d9d; font-size: 1rem; letter-spacing:.2px; border:1px dashed rgba(214,185,135,.35); padding: 12px 16px; border-radius: 10px; }
@media (max-width: 980px){ .photo-empty{ min-height: 260px; } }

/* Footer & WhatsApp */
.site-footer{background:#111214; margin-top:40px; padding-top:40px; border-top:1px solid rgba(214,185,135,.35)}
.footer-grid{display:grid; grid-template-columns: 2fr 2fr 1fr; gap:26px; padding-bottom:28px}
.footer-logo{height:44px;border-radius:6px;margin-bottom:10px}
.footer-legal{border-top:1px solid rgba(214,185,135,.2); padding:16px 0 28px 0; font-size:.9rem; color:#A9A9A9}
.whatsapp-float{position: fixed; right: 22px; bottom: 20px; z-index: 900}
.whatsapp-float a{display:inline-flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; background:#25D366; box-shadow:0 6px 16px rgba(0,0,0,.35)}
.whatsapp-float svg{fill:#fff; width:28px; height:28px}