/* Site header and menu for pages that don't load site.css (market report). */
:root{--navy:#0b1f3d;--navy-deep:#081527;--gold:#c6a15b;--gold-light:#e3cd97}
html[lang=en] [data-l=es],html[lang=es] [data-l=en]{display:none!important}
header.top{position:sticky;top:0;z-index:50;background:rgba(11,31,61,.97);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
header.top nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;max-width:1140px;margin:0 auto;box-sizing:border-box}
header.top .brand{font-family:'Playfair Display',Georgia,serif;color:#fff;font-size:21px;font-weight:700;letter-spacing:.3px;text-decoration:none;white-space:nowrap}
header.top .brand span{color:var(--gold)}
header.top .nav-links{display:flex;gap:22px;list-style:none;margin:0;padding:0}
header.top .nav-links a{color:#c9d3e2;text-decoration:none;font-size:14px}
header.top .nav-links a:hover,header.top .nav-links a.on{color:#fff}
header.top .nav-links a.nav-vip{color:var(--gold-light);font-weight:600}
header.top .nav-right{display:flex;align-items:center;gap:10px}
header.top .lang{color:#fff;text-decoration:none;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:7px 12px}
header.top .nav-cta{background:var(--gold);color:var(--navy-deep);padding:9px 18px;border-radius:999px;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
@media (max-width:960px){header.top .nav-links{display:none}}
@media (max-width:560px){header.top nav{padding:12px 16px}header.top .brand{font-size:18px}header.top .nav-cta{padding:8px 14px;font-size:13px}}
@media (max-width:360px){header.top .nav-cta{display:none}}
header.top .nav-links{align-items:center}
header.top .nav-links>li{position:relative}
header.top .sub-t{font:inherit;font-size:14px;color:#c9d3e2;background:none;border:0;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:5px}
header.top .sub-t:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
header.top .sub-t:hover,header.top .has-sub:focus-within .sub-t{color:#fff}
header.top .sub{display:none;position:absolute;top:100%;left:-16px;min-width:230px;list-style:none;margin:0;padding:14px 0 8px;z-index:60}
header.top .sub:before{content:"";position:absolute;inset:8px 0 0;background:#fff;border-radius:12px;box-shadow:0 18px 40px rgba(8,21,39,.25);z-index:-1}
header.top .sub a{display:block;color:var(--navy,#0b1f3d)!important;padding:9px 18px;font-size:14px;white-space:nowrap}
header.top .sub a:hover{background:#f6f2ea}
header.top .has-sub:hover .sub,header.top .has-sub:focus-within .sub,header.top .has-sub.open .sub{display:block}
header.top .nav-toggle{display:none;width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:none;cursor:pointer;position:relative;flex:none}
header.top .nav-toggle span,header.top .nav-toggle:before,header.top .nav-toggle:after{content:"";position:absolute;left:11px;right:11px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
header.top .nav-toggle span{top:19px}header.top .nav-toggle:before{top:13px}header.top .nav-toggle:after{top:25px}
header.top.open .nav-toggle span{opacity:0}
header.top.open .nav-toggle:before{transform:translateY(6px) rotate(45deg)}
header.top.open .nav-toggle:after{transform:translateY(-6px) rotate(-45deg)}
header.top,header.top *{box-sizing:border-box}
header.top a{text-decoration:none}

/* v18: dropdown menu + mobile menu */
header.top .nav-links{align-items:center}
header.top .nav-links>li{position:relative}
header.top .sub-t{font:inherit;font-size:14px;color:#c9d3e2;background:none;border:0;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:5px}
header.top .sub-t:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
header.top .sub-t:hover,header.top .has-sub:focus-within .sub-t{color:#fff}
header.top .sub{display:none;position:absolute;top:100%;left:-16px;min-width:230px;list-style:none;margin:0;padding:14px 0 8px;z-index:60}
header.top .sub:before{content:"";position:absolute;inset:8px 0 0;background:#fff;border-radius:12px;box-shadow:0 18px 40px rgba(8,21,39,.25);z-index:-1}
header.top .sub a{display:block;color:var(--navy,#0b1f3d)!important;padding:9px 18px;font-size:14px;white-space:nowrap}
header.top .sub a:hover{background:#f6f2ea}
header.top .has-sub:hover .sub,header.top .has-sub:focus-within .sub,header.top .has-sub.open .sub{display:block}
header.top .nav-toggle{display:none;width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:none;cursor:pointer;position:relative;flex:none}
header.top .nav-toggle span,header.top .nav-toggle:before,header.top .nav-toggle:after{content:"";position:absolute;left:11px;right:11px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
header.top .nav-toggle span{top:19px}header.top .nav-toggle:before{top:13px}header.top .nav-toggle:after{top:25px}
header.top.open .nav-toggle span{opacity:0}
header.top.open .nav-toggle:before{transform:translateY(6px) rotate(45deg)}
header.top.open .nav-toggle:after{transform:translateY(-6px) rotate(-45deg)}
@media (max-width:960px){
  header.top .nav-toggle{display:block}
  header.top.open .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;left:0;right:0;top:100%;background:var(--navy-deep,#081527);padding:8px 20px 20px;max-height:calc(100vh - 64px);overflow-y:auto;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px rgba(0,0,0,.35)}
  header.top.open .nav-links>li{border-bottom:1px solid rgba(255,255,255,.08)}
  header.top.open .nav-links>li>a,header.top.open .sub-t{display:flex;width:100%;padding:14px 0;font-size:16px;color:#fff}
  header.top.open .sub-t:after{margin-left:auto}
  header.top.open .sub{display:none;position:static;padding:0 0 10px 12px;min-width:0}
  header.top.open .sub:before{display:none}
  header.top.open .has-sub.open .sub{display:block}
  header.top.open .has-sub:hover .sub,header.top.open .has-sub:focus-within .sub{display:none}
  header.top.open .has-sub.open:hover .sub,header.top.open .has-sub.open:focus-within .sub{display:block}
  header.top.open .sub a{color:#c9d3e2!important;padding:9px 0;font-size:15px}
  header.top.open .sub a:hover{background:none;color:#fff!important}
}
@media (max-width:420px){header.top .nav-cta{padding:8px 12px;font-size:12.5px}header.top .lang{padding:6px 10px}}