/* Navegación institucional DiploHAM · laboratorio 2026-10-15 */
.site-header{z-index:100}
.site-header .header-inner{align-items:center}
.site-header nav.institutional-nav{gap:10px;flex-wrap:nowrap}
.institutional-nav .nav-button,.institutional-nav .nav-menu summary{border:1px solid #34546b;background:#102b42;color:#dcecf6;box-shadow:none}
.institutional-nav .nav-button:hover,.institutional-nav .nav-button:focus-visible,.institutional-nav .nav-button.active,.institutional-nav .nav-menu summary:hover,.institutional-nav .nav-menu[open] summary{border-color:#72c7dc;background:#174966;color:#fff}
.institutional-nav .nav-button.nav-contact{border-color:#d49a47;background:#8b5b1e;color:#fff1d6}
.institutional-nav .nav-button.nav-contact:hover,.institutional-nav .nav-button.nav-contact:focus-visible{border-color:#ffd27d;background:#b97824;color:#fff}
.nav-menu{position:relative;display:inline-block}
.nav-menu summary{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 13px;border-radius:999px;cursor:pointer;font-size:.82rem;font-weight:800;list-style:none;white-space:nowrap;transition:border-color .16s ease-out,background-color .16s ease-out,color .16s ease-out}
.nav-menu summary::-webkit-details-marker{display:none}
.nav-menu summary::after{content:'⌄';font-size:.9rem;line-height:1;transform:translateY(-1px)}
.nav-menu[open] summary::after{transform:rotate(180deg) translateY(-1px)}
.nav-menu-panel{position:absolute;right:0;top:calc(100% + 9px);z-index:20;display:grid;min-width:265px;gap:5px;padding:10px;border:1px solid #315873;border-radius:14px;background:#071c30;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.nav-menu-panel::before{content:'';position:absolute;right:25px;top:-6px;width:11px;height:11px;border-left:1px solid #315873;border-top:1px solid #315873;background:#071c30;transform:rotate(45deg)}
.nav-menu-panel a{position:relative;z-index:1;display:grid;gap:2px;padding:9px 10px;border-radius:9px;color:#dcecf6;text-decoration:none;font-size:.82rem;font-weight:800;cursor:pointer;pointer-events:auto;transition:background-color .16s ease-out,color .16s ease-out,transform .16s ease-out,box-shadow .16s ease-out}
.nav-menu-panel a small{color:#91b2c5;font-size:.7rem;font-weight:600;line-height:1.25;transition:color .16s ease-out}
.nav-menu-panel a:hover,.nav-menu-panel a:focus-visible{background:#f0a34a;color:#17212b;outline:2px solid #ffd08a;outline-offset:-2px;box-shadow:0 8px 18px rgba(240,163,74,.28);transform:translateX(2px)}
.nav-menu-panel a:hover small,.nav-menu-panel a:focus-visible small{color:#5a3515}
.nav-menu-panel a.active{background:#b96f26;color:#fff4df;outline:none}
.nav-menu-panel a.active small{color:#ffe0ad}
.nav-menu-panel a.active::before{content:'';position:absolute;left:3px;top:11px;bottom:11px;width:3px;border-radius:4px;background:#ffd08a}
.nav-menu.is-active summary{border-color:#72c7dc;background:#174966;color:#fff}
@media(max-width:1120px){.site-header .header-inner{align-items:flex-start}.site-header nav.institutional-nav{width:100%;flex-wrap:wrap}}
@media(max-width:820px){.institutional-nav .nav-menu-panel{position:fixed;left:16px;right:16px;top:auto;margin-top:8px}.site-header nav.institutional-nav{gap:7px}.institutional-nav .nav-button,.institutional-nav .nav-menu summary{font-size:.78rem;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.institutional-nav *{transition:none!important}}
/* Contador público integrado en la barra superior · laboratorio */
.header-download-counter{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;min-width:156px;padding:6px 10px;border:1px solid #8b6a35;border-radius:999px;background:linear-gradient(135deg,#302313,#221b12);box-shadow:0 7px 18px rgba(0,0,0,.18);color:#ffecc7}
.header-download-counter .download-counter-icon{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border-radius:50%;background:#513611;color:#ffd27f;box-shadow:inset 0 0 0 1px rgba(255,210,127,.18)}
.header-download-counter .download-counter-icon svg{width:16px;height:16px}
.header-download-counter .download-counter-copy{display:grid;gap:1px;min-width:0}
.header-download-counter .download-counter-label{font-size:.56rem;letter-spacing:.055em;line-height:1.05;color:#f5d9a2;white-space:nowrap}
.header-download-counter .download-counter-value{color:#ffd27f;font-size:1.26rem;line-height:1;font-variant-numeric:tabular-nums}
.download-counter-band{display:none!important}
@media(max-width:1240px){.header-download-counter{min-width:145px}.header-download-counter .download-counter-label{font-size:.52rem}.header-download-counter .download-counter-value{font-size:1.15rem}}
@media(max-width:1120px){.header-download-counter{order:2;margin-top:2px}.site-header .header-inner{gap:10px}.header-actions{order:3}}
@media(max-width:560px){.header-download-counter{width:max-content;min-width:0}.header-download-counter .download-counter-label{font-size:.52rem}}