/* Identidad personal: el retrato y el lettering conservan su composición. */
#site-header .brand.brand-portrait{display:block;width:246px;max-width:100%;flex-shrink:0;line-height:0}
#site-header .brand-portrait picture{display:block;width:100%}
#site-header .brand-portrait img,.foot .brand-portrait img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
#site-header .nav{min-height:124px;padding-top:6px;padding-bottom:6px}
.foot .brand.brand-portrait{display:block;width:230px;max-width:100%;line-height:0;flex-shrink:0}
html{scroll-padding-top:154px}
@media(min-width:1500px){#site-header .brand.brand-portrait{width:264px}#site-header .nav{min-height:132px}}
@media(max-width:1000px){
 #site-header .nav{min-height:112px;gap:12px;padding-top:8px;padding-bottom:8px}
 #site-header .brand.brand-portrait{width:min(230px,calc(100vw - 122px));flex-shrink:1}
 #site-header .menu-toggle{display:block;background:none;color:var(--ink);border:1px solid var(--line);border-radius:50px;padding:10px 15px;font-size:12px;min-height:44px;cursor:pointer;white-space:nowrap;flex-shrink:0}
 #site-header .nav>nav{display:none}
 #site-header .nav>nav.mobile-open{display:flex;position:absolute;left:0;right:0;top:100%;padding:16px 22px;background:var(--paper);border-bottom:1px solid var(--line);align-items:stretch;gap:8px;flex-wrap:wrap}
 #site-header .nav>nav.mobile-open>a,#site-header .nav>nav.mobile-open>button{display:inline-flex;min-height:44px;align-items:center;margin-right:8px}
 #site-header .nav>nav.mobile-open .optional{display:inline-flex}
 #site-header .mega{position:fixed;max-height:calc(100dvh - 260px);border-bottom:1px solid #473753}
 #site-header .mega-inner{display:block;padding-top:22px}
 #site-header .mega-intro{padding-top:0}
 #site-header .mega-intro strong{font-size:22px;margin:0 0 16px}
 #site-header .mega-intro br{display:none}
 #site-header .mega-intro p,#site-header .mega-intro .eyebrow,#site-header .mega-intro>a{display:none}
 #site-header .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
 #site-header .mega-card img{height:90px}
 #site-header .mega-card strong{font-size:13px}
 #site-header .mega-card span{display:none}
 #site-header .mega-bottom{font-size:11px;gap:15px}
 html{scroll-padding-top:176px}
}
@media(max-width:390px){#site-header .nav{gap:10px}#site-header .menu-toggle{padding:8px 11px}}

/* La barra de administración ocupa su espacio sin tapar el contenido. */
body.cm-growth.admin-bar{padding-top:32px!important}
@media(max-width:782px){body.cm-growth.admin-bar{padding-top:46px!important}}