/* Base */
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1e293b;background:#fff}

/* Topbar branca fixa */
.topbar{position:sticky;top:0;z-index:100;background:#fff;border-bottom:2px solid #e2e8f0}
.topbar .container{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;gap:1rem}

/* Logo fluida */
.brand{display:inline-flex;align-items:center;min-width:0}
.brand img{height:auto;max-height:44px;width:auto;max-width:240px;object-fit:contain}

/* Botão hamburguer (mobile) */
.nav-toggle{display:none;background:none;border:0;padding:.25rem;.cursor:pointer}
.nav-toggle .bar{display:block;width:24px;height:2px;background:#1e293b;margin:5px 0;transition:.3s}

/* Menu padrão (desktop) */
.nav-menu{display:flex;gap:1rem;align-items:center}
.nav-link{color:#1e293b;text-decoration:none;font-weight:600;line-height:1;padding:.5rem .25rem;border-radius:.25rem}
.nav-link:hover{color:#0ea5e9}

/* Responsividade */
@media (max-width:980px){
  .topbar .container{padding:.75rem .75rem}
  .nav-toggle{display:inline-block}
  .nav-menu{
    position:absolute;top:64px;right:12px;left:12px;
    background:#ffffff;border:1px solid #e2e8f0;border-radius:.75rem;
    box-shadow:0 10px 30px rgba(2,6,23,.08);
    display:none;flex-direction:column;padding:.5rem
  }
  .nav-menu.open{display:flex;animation:fadeIn .18s ease-out}
  .nav-link{padding:.8rem 1rem}
  .brand img{max-height:40px;max-width:70vw}
}

@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

/* Segmentos (mesmo layout anterior) */
.segments{display:flex;height:calc(100vh - 80px);overflow:hidden}
.segment{flex:1 1 0;position:relative;display:flex;align-items:flex-end;background-size:cover;background-position:center;transition:flex .4s ease-in-out,filter .4s ease;filter:brightness(.7);cursor:pointer}
.segment.active{flex:4;filter:brightness(1)}
.segment::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.6))}
.segment-content{position:relative;color:#fff;padding:2rem;z-index:2;max-width:450px}
.segment h2{font-size:2rem;margin:.5rem 0}
.segment p{opacity:.9;margin-bottom:1rem}
.cta{background:#0ea5e9;color:#fff;text-decoration:none;padding:.6rem 1rem;border-radius:.5rem;font-weight:600}
.cta:hover{background:#0284c7}
.vtag{position:absolute;top:1rem;left:1rem;background:rgba(255,255,255,.3);padding:.3rem .5rem;border-radius:.3rem;font-size:.7rem;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}

@media (max-width:900px){
  .segments{display:block;height:auto}
  .segment{min-height:60vh;border-bottom:2px solid #fff}
}

/* Footer */
.footer{text-align:center;padding:1rem;background:#f8fafc;color:#475569;border-top:1px solid #e2e8f0}