/* Encabezado común: mismas proporciones, destinos y controles en todas las páginas. */
body .site-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 112px);max-width:1320px;min-height:104px;margin-inline:auto;padding:0;gap:32px;border-bottom:1px solid #ffffff16}
body .site-header .brand{display:inline-flex;flex:none}
body .site-header .brand img{width:146px;height:auto;object-fit:contain}
body .site-header nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:15px;color:#c0c0b8}
body .site-header nav a{display:flex;align-items:center;min-height:44px;padding:0}
body .site-header a:hover{color:#fff}
body .site-header .header-actions{display:flex;align-items:center;gap:12px}
body .site-header .ui-action{min-height:52px;white-space:nowrap}
body .site-header .menu-toggle{display:none;position:relative;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#242627;color:#ddd;cursor:pointer}
body .site-header .menu-toggle span{position:absolute;left:13px;top:18px;width:18px;height:1px;background:currentColor;transition:transform .3s}
body .site-header .menu-toggle span+span{top:25px}
.menu-open .site-header .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-open .site-header .menu-toggle span+span{transform:translateY(-3.5px) rotate(-45deg)}
@media(max-width:800px){
 body .site-header{width:calc(100% - 40px);min-height:84px;gap:14px}
 body .site-header .brand img{width:125px}
 body .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;align-items:stretch;padding:20px;background:#20231e;border:1px solid #ffffff2b;border-radius:20px;gap:4px;box-shadow:0 16px 32px #0006;font-size:16px}
 body .site-header nav a{display:flex;padding:10px}
 .menu-open body .site-header nav{display:flex}
 body .site-header .header-actions{margin-left:auto}
 body .site-header .menu-toggle{display:block}
}
@media(max-width:520px){
 body .site-header{width:calc(100% - 36px);min-height:78px;gap:10px}
 body .site-header .brand img{width:110px}
 body .site-header .header-actions{gap:8px}
 body .site-header .ui-action{font-size:14px;min-height:46px;padding:12px 15px;gap:10px}
}
@media(max-width:360px){body .site-header{width:calc(100% - 32px)}body .site-header .brand img{width:100px}body .site-header .header-actions{gap:5px}body .site-header .ui-action{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){body .site-header .menu-toggle span{transition:none}}

/* Sin JS, los destinos siguen disponibles y no se ofrece un botón inerte. */
@media(max-width:800px){
 body .site-header:not(.nav-ready){flex-wrap:wrap;padding-block:14px}
 body .site-header:not(.nav-ready) nav{display:flex;position:static;order:3;width:100%;padding:0;border:0;box-shadow:none;background:none;flex-direction:row;flex-wrap:wrap;gap:8px 20px}
 body .site-header:not(.nav-ready) .menu-toggle{display:none}
}