/* Huematzin — barra de navegación común a todas las secciones.
   Autónoma: no depende de variables ni de reglas globales de la página que la carga. */
.topnav{display:block;position:sticky;top:0;z-index:10;background:rgba(23,19,15,.94);backdrop-filter:blur(6px);border-bottom:1px solid #3A2F24;padding-top:env(safe-area-inset-top,0px);
  font-family:'Inter',system-ui,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
.topnav.is-static{position:static}
.topnav .wrap-wide{max-width:1040px;margin:0 auto;padding:8px 20px;display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;min-height:56px}
@media (min-width:640px){.topnav .wrap-wide{padding-inline:28px}}
.topnav .brand{font-family:'Fraunces',Georgia,serif;font-size:21px;color:#EFE2C3;text-decoration:none;margin-right:auto;font-weight:500;letter-spacing:0}
.topnav nav{display:flex;gap:4px 16px;flex-wrap:wrap}
.topnav nav a{color:#9C9080;text-decoration:none;font-size:15px;padding:4px 0;border-bottom:2px solid transparent}
.topnav nav a:hover{color:#EFE2C3}
.topnav nav a[aria-current="page"]{color:#EFE2C3;border-bottom-color:#C99A4E}
@media (max-width:640px){
  .topnav .wrap-wide{flex-wrap:nowrap;gap:14px;min-height:48px;padding-block:4px}
  .topnav .brand{font-size:19px;flex:none}
  .topnav nav{flex-wrap:nowrap;gap:16px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);padding-right:20px}
  .topnav nav::-webkit-scrollbar{display:none}
  .topnav nav a{padding:10px 0}
}
@media print{.topnav{display:none}}