/* Cabecera: los menús existentes pueden contener más enlaces que el inicial. */
.header .header-row{gap:28px}
.header .nav{gap:20px;min-width:0}
.header .nav>a,.header .nav>details{flex-shrink:0}
.header .header-actions{gap:16px;flex-shrink:0}
.header .header-actions>a{white-space:nowrap;flex-shrink:0}
.header .header-actions .btn{white-space:nowrap;min-height:46px;padding:12px 17px;gap:12px;line-height:1.4}
.header .mobile-nav-actions .btn{white-space:nowrap}
@media(min-width:1101px){.header .header-actions>a:first-child{display:inline-flex}}
@media(min-width:1101px) and (max-width:1280px){
 .header .header-row{gap:20px}
 .header .logo{width:185px}
 .header .nav{font-size:14px;gap:16px}
 .header .header-actions{gap:12px}
 .header .header-actions .btn{font-size:13px}
}
@media(max-width:1100px){
 .header .header-row{height:77px;gap:22px}
 .header .logo{width:205px}
 .header .menu-toggle{display:block;margin-left:auto;flex-shrink:0}
 .header .header-actions{margin-left:auto}
 .header .header-actions>a:first-child{display:none}
 .header .nav{display:none;position:absolute;top:77px;left:0;width:100%;background:var(--navy);padding:15px 30px 30px;max-height:calc(100dvh - 77px);overflow:auto}
 .header .nav.open{display:block}
 .header .nav>a,.header .nav>details>summary{display:block;font-size:16px;padding:14px;border-bottom:1px solid #6e7dba40}
 .header .nav>details>summary{display:flex;justify-content:space-between}
 .header .mega{position:static;padding:18px;background:#1b225e;box-shadow:none;width:auto;color:white}
 .header .mega .wrap{width:100%}
 .header .mega-grid{grid-template-columns:1fr 1fr;gap:7px 20px}
 .header .mega a{font-size:14px}
 .header .mega .ico{color:#8de8f1}
 .header .mega-foot{border-color:#6e7dba40;flex-direction:column;gap:12px}
 .header .mega-foot .text-link{color:#8de8f1}
 .header .mobile-nav-actions{display:flex;align-items:center;gap:23px;padding:22px 14px 0;font-size:15px}
}
@media(min-width:651px) and (max-width:1100px){.header .mobile-nav-actions .btn{display:none}}
@media(max-width:650px){
 .header .header-row{height:73px;gap:12px}
 .header .logo{width:170px}
 .header .header-actions{display:none}
 .header .nav{top:73px;padding:12px 19px 25px;max-height:calc(100dvh - 73px)}
 .header .mega{padding:14px}
 .header .mega a{font-size:13px;gap:8px}
 .header .mega .ico{width:18px}
 .header .mobile-nav-actions{gap:18px;flex-wrap:wrap}
}
