/*
 * El encabezado es global: la portada del blog conserva su banner editorial,
 * pero la franja de navegación replica las proporciones de la portada.
 */
.page-nav-inner{
  width:100%;
  max-width:1140px;
  height:72px;
  margin:0 auto;
  padding:0 28px;
}

.page-logo{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  line-height:1;
}

.page-logo img{
  display:block;
  width:162px;
  height:35px;
  max-width:162px;
  object-fit:contain;
}

.page-links{
  gap:28px;
}

.page-links a{
  color:#6f6f6f;
  font-size:13px;
  font-weight:600;
}

.page-links a[aria-current="page"]{
  color:#6f6f6f;
}

.page-links a[aria-current="page"]::after{
  content:none;
}

.page-links a.button,
.page-links a.button:link,
.page-links a.button:visited{
  min-height:0;
  padding:10px 18px;
  border-radius:6px;
  color:#fff;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}

@media(max-width:900px){
  .page-nav-inner{
    height:68px;
    padding:0 18px;
  }

  .page-menu-toggle{
    position:relative;
    display:flex;
    width:34px;
    height:34px;
    flex:0 0 34px;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    background:transparent;
    color:transparent;
    font-size:0;
  }

  .page-menu-toggle::before{
    content:"";
    width:22px;
    height:2px;
    border-radius:2px;
    background:#2f2f2f;
    box-shadow:0 -6px 0 #2f2f2f,0 6px 0 #2f2f2f;
  }

  .page-mobile-menu{
    inset:68px 0 auto;
  }
}

@media(max-width:600px){
  .page-nav-inner{
    padding:0 14px;
  }

  .page-logo img{
    width:180px;
    height:39px;
    max-width:180px;
  }
}

@media(max-width:390px){
  .page-logo img{
    width:162px;
    height:35px;
    max-width:162px;
  }
}