/*
 * GenteLaPrision v2.50.81 · Prioridad 4, fase 4.2
 * Cabecera, navegación, buscador y centro de notificaciones.
 * Se carga al final para consolidar reglas históricas dispersas sin alterar otros módulos.
 */
.site-header,.header-inner,.header-menu,.main-nav,.user-nav,.searchbar,.searchbar form{min-width:0}
.header-menu{flex:1}
.main-nav a,.user-nav a,.user-nav button{max-width:100%}
.user-nav__identity{min-width:0;max-width:18rem}
.user-nav__identity{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.searchbar input{min-width:0}
.searchbar button{flex:0 0 auto;min-height:42px}
.notification-center{isolation:isolate}
.notification-panel{contain:layout paint;overflow-wrap:anywhere}
.notification-panel__header>div,.notification-item__copy{min-width:0}
.notification-item__copy strong,.notification-item__copy span,.notification-item__copy small{overflow-wrap:anywhere}

@media (min-width:1181px){
 .header-inner{align-items:center}
 .header-menu{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:8px 22px}
 .main-nav{grid-column:1/-1;grid-row:2;justify-content:flex-end;min-width:0}
 .user-nav{grid-column:2;grid-row:1;justify-self:end;min-width:0}
}

@media (max-width:1180px){
 body.nav-open{overflow:hidden}
 body.nav-open::before{content:"";position:fixed;inset:0;z-index:18;background:rgba(0,0,0,.64);backdrop-filter:blur(2px)}
 .site-header{z-index:1200}
 .header-inner{position:relative;min-height:74px;gap:14px}
 .brand{min-width:0;flex:1}
 .brand-copy{min-width:0}
 .brand strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .nav-toggle{display:inline-flex;align-items:center;gap:.6rem;flex:0 0 auto;min-height:44px;margin-left:auto;padding:.62rem .78rem;border:1px solid var(--line);background:#171411;color:var(--text)}
 .header-menu{display:none;position:fixed;z-index:1201;top:calc(env(safe-area-inset-top,0px) + 92px);left:16px;right:16px;grid-column:auto;grid-row:auto;justify-self:stretch;align-self:start;flex:none;width:calc(100% - 32px);min-width:0;max-width:none;max-height:calc(100dvh - 108px);margin:0;box-sizing:border-box;padding:1rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);background:#151310;box-shadow:0 22px 60px rgba(0,0,0,.68)}
 .header-menu.open{display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem}
 .main-nav{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;width:100%;padding:0;border:0;background:transparent;align-items:stretch}
 .main-nav a{display:flex;align-items:center;min-width:0;min-height:44px;padding:.68rem .75rem;border:1px solid #3c352f;background:#11100e;font-size:.86rem;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
 .main-nav a:hover,.main-nav a:focus-visible,.main-nav a.active{border-color:#70482e;background:#211812;text-decoration:none}
 .user-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;width:100%;padding-top:.85rem;border-top:1px solid var(--line);white-space:normal}
 .user-nav>a,.user-nav>form,.user-nav>.notification-center{display:flex;min-width:0;width:100%;margin:0}
 .user-nav>a,.user-nav .link-button{justify-content:center;min-width:0;width:100%;min-height:44px;padding:.58rem .65rem;border:1px solid #403831;background:#11100e;text-align:center;overflow-wrap:anywhere}
 .user-nav__identity{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}
 .user-nav form .link-button{height:100%}
 .user-nav>.notification-center{justify-content:center}
 .user-nav .notification-bell{width:100%;height:44px;flex-basis:auto}
 .notification-panel{position:fixed;z-index:1400;top:calc(env(safe-area-inset-top,0px) + 84px);right:12px;left:auto;width:min(410px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 108px)}
 .searchbar form{width:min(760px,calc(100% - 32px))}
}

@media (max-width:760px){
 .header-menu{top:calc(env(safe-area-inset-top,0px) + 92px);left:10px;right:10px;width:calc(100% - 20px);max-height:calc(100dvh - 104px);padding:.75rem}
 .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .user-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .searchbar form{width:calc(100% - 20px);padding:8px 0}
 .searchbar input{padding:10px 11px}
 .searchbar button{padding:0 14px}
}

@media (max-width:430px){
 .header-inner{width:calc(100% - 20px);min-height:66px}
 .brand-mark{width:42px;height:42px;flex:0 0 42px}
 .brand strong{font-size:1.28rem}
 .nav-toggle{padding:.62rem}
 .nav-toggle>span:last-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .main-nav{grid-template-columns:1fr}
 .main-nav a{min-height:42px}
 .user-nav{grid-template-columns:1fr 1fr}
 .notification-panel{top:calc(env(safe-area-inset-top,0px) + 70px);right:8px;left:8px;width:auto;max-width:none;max-height:calc(100dvh - 82px)}
 .notification-panel__header{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .notification-panel__header>span{white-space:normal;text-align:right}
 .notification-item{grid-template-columns:34px minmax(0,1fr)}
 .notification-item__arrow{display:none}
 .searchbar input{font-size:16px}
 .searchbar button{padding-inline:12px}
}

@media (max-width:340px){
 .brand-copy small{display:none}
 .user-nav{grid-template-columns:1fr}
 .notification-panel__header>span{display:none}
 .searchbar button{font-size:.78rem;padding-inline:10px}
}

@media (prefers-reduced-motion:reduce){body.nav-open::before{backdrop-filter:none}}