/* V16 — Header unificado para blog y landing */
.site-header{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;
  width:100%!important;z-index:99999!important;
  background:#fff;
  box-shadow:0 2px 16px rgba(12,43,76,.12);
}
.site-header .top-bar{display:block!important}
.site-header .main-header{display:block!important}
.site-header .main-nav{
  margin-left:auto;
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
}
body{padding-top:121px!important}
@media(max-width:900px){
  body{padding-top:78px!important}
  .site-header .top-bar{display:none!important}
  .site-header .main-header{min-height:78px!important}
  .site-header .main-header>.container{min-height:78px!important}
  .site-header .nav-toggle{display:flex!important}
  .site-header .main-nav{
    display:none!important;
    position:absolute;
    left:14px;right:14px;top:calc(100% + 8px);
    flex-direction:column!important;
    align-items:stretch!important;
    padding:10px;
    background:#fff;
    border:1px solid #e0e8f1;
    border-radius:16px;
    box-shadow:0 18px 45px rgba(15,50,85,.16);
  }
  .site-header .main-nav.is-open{display:flex!important}
  .site-header .main-nav a{
    width:100%;
    min-height:44px;
    display:flex;
    align-items:center;
    padding:0 14px!important;
    box-sizing:border-box;
    border-radius:10px;
  }
  .site-header .main-nav .nav-cta{
    justify-content:center;
    margin:5px 0 0!important;
  }
}
@media(max-width:620px){
  body{padding-top:74px!important}
  .site-header .main-header,.site-header .main-header>.container{min-height:74px!important}
  .site-header .main-header>.container{width:calc(100% - 28px)!important}
}