.site-header { min-height:clamp(76px,5.25vw,100px); display:flex; align-items:center; gap:42px; padding:0 var(--site-gutter); background:#272a2c url('/media/origen/brushed-metal.webp') center/cover; color:#fff; position:relative; z-index:20; }
.header-logo { flex:0 0 auto; line-height:0; }
.header-logo img { width:clamp(120px,8.2vw,157px); height:auto; display:block; }
.main-navigation { margin-left:auto; }
.navigation-level { list-style:none; padding:0; margin:0; }
.navigation-level-1 { display:flex; align-items:center; gap:clamp(20px,2.3vw,44px); }
.navigation-level li { position:relative; }
.navigation-level a { display:block; padding:20px 0; text-decoration:none; font:600 clamp(9px,.64vw,12px)/1.4 "Origen Display",Arial,sans-serif; letter-spacing:.045em; text-transform:uppercase; white-space:nowrap; }
.navigation-level a:hover, .navigation-level a[aria-current="page"] { color:#fff; text-decoration:underline; text-underline-offset:7px; }
.header-actions { flex:0 0 auto; }
.button { display:inline-flex; padding:12px 30px; align-items:center; justify-content:center; text-decoration:none; font:700 10px/1.4 "Origen Display",Arial,sans-serif; text-transform:uppercase; letter-spacing:.04em; }
.button-light { background:#fff; color:#172029; min-width:164px; }
.navigation-submenu { display:none; position:absolute; min-width:220px; background:var(--dark); padding:16px; }
.is-submenu-open > .navigation-submenu { display:block; }
.expand-subpages { background:transparent; border:0; color:inherit; }
.header-menu-toggle { display:none; background:none; border:1px solid #fff; color:#fff; padding:12px; width:44px; height:44px; }
.header-menu-toggle__icon, .header-menu-toggle__icon::before, .header-menu-toggle__icon::after { display:block; width:20px; height:2px; background:#fff; content:''; position:relative; }
.header-menu-toggle__icon::before { position:absolute; top:-6px; }.header-menu-toggle__icon::after { position:absolute; top:6px; }
@media (max-width:1200px) { .site-header { gap:24px; } .navigation-level-1 { gap:20px; } .button-light { min-width:120px; padding:12px 18px; } }
@media (max-width:800px) { .site-header { flex-wrap:wrap; justify-content:space-between; padding-block:5px; gap:12px; } .header-logo img { width:112px; } .header-actions { margin-left:auto; } .header-actions .button { min-width:100px; font-size:9px; padding:10px; } .header-menu-toggle { display:block; order:3; } .main-navigation { order:4; width:100%; margin:0; padding:12px 0; } .navigation-enhanced .main-navigation { display:none; } .is-menu-open .main-navigation { display:block; } .navigation-level-1 { display:block; }.navigation-level a { font-size:12px; padding:15px 0; }.navigation-submenu { position:static; } }