#hk-site-header{background:#0b0c0e;color:#fff;border:0;font-family:Arial,Helvetica,sans-serif}
#hk-site-header .head-row{display:grid;grid-template-columns:90px minmax(0,1fr) 100px;grid-template-areas:"logo search utilities";align-items:center;gap:38px;width:91.5%;max-width:1190px;height:auto;min-height:0;margin:0 auto;padding:19px 0 5px}
#hk-site-header .logo-container{grid-area:logo;width:auto;min-width:0;text-align:center}
#hk-site-header #logo{display:block;max-width:none;margin:0}
#hk-site-header #logo img{display:block;width:55px;height:55px;max-width:none;max-height:none;object-fit:contain;margin:0 auto}
#hk-site-header .search-container{grid-area:search;min-width:0;width:100%;max-width:none;margin:0}
#hk-site-header .search-form{width:100%;margin:0}
#hk-site-header .search-input{width:100%;height:44px;background:#fff;color:#151515;border:0;border-radius:12px;box-shadow:none;font-size:15px;padding:10px 76px 10px 18px}
#hk-site-header .search-input::placeholder{color:#666;opacity:1}
#hk-site-header .search-submit-btn{background:#fff;color:#151515;height:44px;width:43px;border-radius:0 12px 12px 0;border:0}
#hk-site-header .search-submit-btn::before{background-color:#151515}
#hk-site-header .search-empty-btn::before{background-color:#151515}
#hk-site-header .search-suggestions{color:#151515;background:#fff;border-radius:0 0 12px 12px;z-index:30;text-align:left}
#hk-site-header .utilities-container{grid-area:utilities;display:flex;justify-content:flex-end;align-items:center;gap:26px;width:auto;margin:0;color:#fff}
#hk-site-header .header-utility,#hk-site-header .header-icon{color:#fff}
#hk-site-header .utility-icon{width:25px;height:25px;fill:currentColor}
#hk-site-header .menu-container{grid-area:menu}
#hk-site-header .nav-desktop-container,#hk-site-header .main-categories-container{display:none!important}
#hk-site-header .hkh-header-nav{display:flex;align-items:center;justify-content:center;gap:18px;width:91.5%;max-width:1190px;min-height:34px;margin:0 auto;padding:0 0 9px;font-size:14px;line-height:1.35;color:#fff}
#hk-site-header .hkh-header-nav>a,#hk-site-header .hkh-header-dropdown>summary{display:block;padding:5px 0;color:#fff;text-decoration:none;white-space:nowrap;cursor:pointer;font-weight:400}
#hk-site-header .hkh-header-nav>a:hover,#hk-site-header .hkh-header-dropdown>summary:hover{text-decoration:underline;text-underline-offset:4px}
#hk-site-header .hkh-header-dropdown{position:relative;margin:0}
#hk-site-header .hkh-header-dropdown>summary{list-style:none}
#hk-site-header .hkh-header-dropdown>summary::-webkit-details-marker{display:none}
#hk-site-header .hkh-header-submenu{position:absolute;z-index:40;top:100%;right:0;min-width:190px;padding:12px 0;background:#0b0c0e;color:#fff;border:1px solid #ffffff33;border-radius:0 0 10px 10px;box-shadow:0 7px 15px #0003}
#hk-site-header .hkh-header-submenu a{display:block;padding:9px 18px;color:#fff;white-space:nowrap;text-decoration:none}
#hk-site-header .hkh-header-submenu a:hover,#hk-site-header .hkh-header-submenu a:focus{background:#ffffff22}
#hk-site-header .hkh-header-nav a:focus-visible,#hk-site-header summary:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(min-width:768px){#hk-site-header .menu-container{display:none!important}}
@media(max-width:767px){#hk-site-header .head-row{grid-template-columns:34px 1fr 90px;grid-template-areas:"menu logo utilities" "search search search";gap:11px 12px;width:91.5%;padding:12px 0 9px}#hk-site-header #logo img{width:44px;height:44px}#hk-site-header .logo-container{text-align:center}#hk-site-header .utilities-container{gap:19px}#hk-site-header .utility-icon{width:23px;height:23px}#hk-site-header .search-input{height:40px;font-size:14px;border-radius:10px}#hk-site-header .search-submit-btn{height:40px;border-radius:0 10px 10px 0}#hk-site-header .hkh-header-nav{gap:14px;min-height:34px;padding-bottom:8px;font-size:11px}#hk-site-header .hkh-header-submenu{min-width:175px;font-size:13px}}
@media(max-width:370px){#hk-site-header .hkh-header-nav{gap:10px;font-size:10px}}

#hk-site-header .head-row{grid-template-rows:auto;row-gap:0}
@media(max-width:767px){#hk-site-header .head-row{grid-template-rows:auto auto;row-gap:11px}}

#hk-site-header .hkh-header-nav{flex-wrap:wrap;row-gap:0}
#hk-site-header .hkh-header-nav>a,#hk-site-header .hkh-header-dropdown>summary{font-size:inherit;font-family:inherit}
@media(max-width:767px){#hk-site-header .hkh-header-nav{column-gap:10px;font-size:11px}#hk-site-header .hkh-header-nav>a,#hk-site-header .hkh-header-dropdown>summary{padding:8px 0}}
@media(max-width:370px){#hk-site-header .hkh-header-nav{font-size:10px;column-gap:8px}}

/* Entrada de primera visita: todos los elementos parten del barco central. */
html.hk-header-intro-pending #hk-site-header .logo-container,
html.hk-header-intro-pending #hk-site-header .search-container,
html.hk-header-intro-pending #hk-site-header .utilities-container > span,
html.hk-header-intro-pending #hk-site-header .menu-container,
html.hk-header-intro-pending #hk-site-header .hkh-header-nav > *{opacity:0}
#hk-site-header.hkh-intro-running{overflow:hidden}
#hk-site-header.hkh-intro-running .logo-container,
#hk-site-header.hkh-intro-running .search-container,
#hk-site-header.hkh-intro-running .utilities-container > span,
#hk-site-header.hkh-intro-running .menu-container,
#hk-site-header.hkh-intro-running .hkh-header-nav > *{will-change:transform,opacity;transform-origin:center center}
@media(prefers-reduced-motion:reduce){html.hk-header-intro-pending #hk-site-header .logo-container,html.hk-header-intro-pending #hk-site-header .search-container,html.hk-header-intro-pending #hk-site-header .utilities-container > span,html.hk-header-intro-pending #hk-site-header .menu-container,html.hk-header-intro-pending #hk-site-header .hkh-header-nav > *{opacity:1}}