/* MICP Estrutural 1.0 - header */
img{display:block;max-width:100%}

.site-header{
  position:absolute;
  z-index:10;
  top:0;left:0;width:100%;
  height:88px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 58px;
  background:transparent;
}
.brand{display:flex;align-items:center;gap:18px;flex:0 0 auto;min-width:365px}
.brand-mark{font-family:var(--serif);font-size:52px;line-height:1;letter-spacing:.15em;font-weight:400}
.brand-line{width:1px;height:44px;background:rgba(20,20,20,.25)}
.brand-text{font-size:12px;line-height:1.082;font-weight:400;letter-spacing:.01em;max-width:235px;text-transform:uppercase}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:34px;white-space:nowrap;text-transform:uppercase;font-size:13px;line-height:1;font-weight:800;letter-spacing:.01em}
.main-nav a{position:relative}
.main-nav a.active{color:var(--gold)}
.main-nav a.active:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-26px;width:68px;height:3px;background:var(--gold)}
.main-nav .nav-cta{background:var(--wine);color:#fff;padding:24px 34px;min-width:132px;text-align:center}
.main-nav .nav-cta:after{display:none}

@media(max-width:1360px){
  .site-header{height:78px;padding:0 36px}
  .brand{min-width:315px;gap:14px}
  .brand-mark{font-size:42px}
  .brand-line{height:36px}
  .brand-text{font-size:10px;max-width:185px}
  .main-nav{gap:23px;font-size:10.5px}
  .main-nav .nav-cta{padding:19px 26px;min-width:112px}
  .main-nav a.active:after{bottom:-22px;width:54px}
}
@media(max-width:1100px){
  .site-header{position:relative;height:auto;display:block;padding:22px 24px;background:var(--bg)}
  .brand{min-width:0}
  .main-nav{margin-top:18px;justify-content:flex-start;flex-wrap:wrap;gap:14px 20px}
  .main-nav .nav-cta{padding:14px 18px}
}
@media(max-width:620px){
  .brand-mark{font-size:36px}
  .brand-text{font-size:9px}
}