@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&family=IM+Fell+English:ital@0;1&display=swap');
html,body{overflow-x:clip}
#gaelvar-header{--gold:#d8b25a;--gold2:#f1d98f;position:relative;left:0;margin-left:0;z-index:50;font-family:"IM Fell English SC","IM Fell English","Palatino Linotype",Georgia,serif;background:linear-gradient(#2a1220,#120b12);border-bottom:1px solid var(--gold);box-shadow:0 0 0 4px #120b12,0 0 0 5px #d8b25a55,0 10px 24px #0007;box-sizing:border-box}
#gaelvar-header *{box-sizing:border-box}
#gaelvar-header .gh-in{max-width:1100px;margin:0 auto;padding:0 24px;min-height:74px;display:flex;align-items:center;justify-content:center;gap:20px}
#gaelvar-header nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}
#gaelvar-header nav li{margin:0;padding:0;display:flex;align-items:center}
#gaelvar-header nav li+li:before{content:"\2726";color:var(--gold);opacity:.55;font-size:.8rem;padding:0 6px}
#gaelvar-header nav a{position:relative;display:block;padding:10px 18px;font-size:1.15rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:#ecd9aa;transition:color .25s,text-shadow .25s}
#gaelvar-header nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);transition:left .3s,right .3s}
#gaelvar-header nav a:hover,#gaelvar-header nav a:focus-visible,#gaelvar-header nav a[aria-current]{color:var(--gold2);text-shadow:0 0 14px #d8b25a99;outline:none}
#gaelvar-header nav a:hover:after,#gaelvar-header nav a:focus-visible:after,#gaelvar-header nav a[aria-current]:after{left:14px;right:14px}
#gaelvar-header .gh-burger{display:none;width:46px;height:42px;padding:0;background:none;border:1px solid var(--gold);cursor:pointer;position:relative}
#gaelvar-header .gh-burger span,#gaelvar-header .gh-burger span:before,#gaelvar-header .gh-burger span:after{position:absolute;left:11px;right:11px;height:2px;background:var(--gold2);content:"";transition:transform .3s,opacity .3s}
#gaelvar-header .gh-burger span{top:19px}
#gaelvar-header .gh-burger span:before{left:0;right:0;top:-7px}
#gaelvar-header .gh-burger span:after{left:0;right:0;top:7px}
#gaelvar-header .gh-burger[aria-expanded="true"] span{background:transparent}
#gaelvar-header .gh-burger[aria-expanded="true"] span:before{transform:translateY(7px) rotate(45deg)}
#gaelvar-header .gh-burger[aria-expanded="true"] span:after{transform:translateY(-7px) rotate(-45deg)}
#gaelvar-header .gh-burger:hover,#gaelvar-header .gh-burger:focus-visible{box-shadow:0 0 14px #d8b25a88;outline:none}
@media(max-width:720px){
  #gaelvar-header .gh-in{min-height:66px;padding:0 18px;flex-wrap:wrap}
    #gaelvar-header .gh-burger{display:block}
  #gaelvar-header nav{display:none;width:100%;order:3;border-top:1px solid #d8b25a55;margin-top:0}
  #gaelvar-header nav.open{display:block}
  #gaelvar-header nav ul{flex-direction:column;align-items:stretch;padding:8px 0 14px}
  #gaelvar-header nav li{justify-content:center}
  #gaelvar-header nav li+li:before{display:none}
  #gaelvar-header nav a{width:100%;text-align:center;padding:13px}
}
#gaelvar-header .gh-top{position:relative;display:flex;justify-content:center;align-items:center;padding:22px 20px;background:#1e1008 center/cover no-repeat}
#gaelvar-header .gh-top:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#0000 30%,#120b12aa 100%);pointer-events:none}
#gaelvar-header .gh-logo{position:relative;z-index:1;display:block;line-height:0}
#gaelvar-header .gh-logo img{display:block;height:118px;width:auto;max-width:100%;filter:drop-shadow(0 3px 10px #000a)}
#gaelvar-header .gh-in{min-height:58px}
@media(max-width:720px){#gaelvar-header .gh-logo img{height:84px}#gaelvar-header .gh-in{min-height:58px}}
#gaelvar-header .gh-top{flex-direction:column;align-items:center;gap:6px;padding:12px 24px 20px}
#gaelvar-header .gh-era{position:relative;z-index:2;order:0;width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;pointer-events:none}
#gaelvar-header .gh-logo{order:1}
#gaelvar-header .gh-era div{text-transform:uppercase;color:#f1d98f;text-shadow:0 0 12px #d8b25aaa,0 2px 0 #000a;line-height:1.3}
#gaelvar-header .gh-era .l{font-size:.72rem;letter-spacing:.1em;text-align:left}
#gaelvar-header .gh-era .r{font-size:1.3rem;letter-spacing:.14em;text-align:right;white-space:nowrap}
#gaelvar-header .gh-era small{display:block;font-size:.55rem;letter-spacing:.3em;color:#d8b25a;margin-bottom:2px}
#gaelvar-header .gh-era i{font-style:normal;display:inline-block;margin-right:8px;color:#d8b25a;animation:ghGlow 3s ease-in-out infinite}
@keyframes ghGlow{0%,100%{opacity:.45}50%{opacity:1;text-shadow:0 0 10px #f1d98f}}
@media(prefers-reduced-motion:reduce){#gaelvar-header .gh-era i{animation:none}}
@media(max-width:600px){#gaelvar-header .gh-top{padding:10px 14px 16px}#gaelvar-header .gh-era .l{font-size:.6rem;letter-spacing:.06em}#gaelvar-header .gh-era .r{font-size:1rem;letter-spacing:.08em}#gaelvar-header .gh-era small{font-size:.5rem}}

/* ===== Logo en una sola línea, dorado y titilante + estrellas ===== */
#gaelvar-header .gh-logo img{animation:ghTitila 3.6s ease-in-out infinite;will-change:filter}
@keyframes ghTitila{0%,100%{filter:drop-shadow(0 3px 10px #000a) drop-shadow(0 0 4px #d8b25a44) brightness(.92)}
  45%{filter:drop-shadow(0 3px 10px #000a) drop-shadow(0 0 18px #f1d98fcc) brightness(1.2)}
  52%{filter:drop-shadow(0 3px 10px #000a) drop-shadow(0 0 26px #fff3c4dd) brightness(1.32)}}
#gaelvar-header .gh-stars{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
#gaelvar-header .gh-stars b{position:absolute;display:block;font-weight:400;line-height:1;color:#f1d98f;text-shadow:0 0 8px #f1d98fcc,0 0 16px #d8b25a88;opacity:.1;animation:ghStar var(--d,3s) ease-in-out var(--w,0s) infinite}
#gaelvar-header .gh-stars b.dot{width:var(--s,3px);height:var(--s,3px);border-radius:50%;background:#fff3c4;box-shadow:0 0 6px 1px #f1d98f}
@keyframes ghStar{0%,100%{opacity:.08;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(18deg)}}
@media(prefers-reduced-motion:reduce){#gaelvar-header .gh-logo img{animation:none}#gaelvar-header .gh-stars b{animation:none;opacity:.55}}

/* ===== Interruptor de música (izquierda = off, derecha = on) ===== */
#gaelvar-header .gh-era .r{pointer-events:none}
#gaelvar-header .gh-mus{pointer-events:auto;display:inline-flex;align-items:center;gap:9px;margin-top:6px;padding:4px 0 4px 8px;cursor:pointer;background:none;border:0;color:#d8b25a;font-family:inherit;line-height:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#gaelvar-header .gh-mus .note{font-size:1.05rem;letter-spacing:0;transition:color .3s,text-shadow .3s}
#gaelvar-header .gh-mus .tk{position:relative;display:block;width:52px;height:24px;border-radius:12px;border:1px solid #d8b25a99;background:#120b12;box-shadow:inset 0 0 8px #000c;transition:background .3s,border-color .3s,box-shadow .3s}
#gaelvar-header .gh-mus .tk i{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f1d98f,#a9812f);box-shadow:0 1px 4px #000c;transition:left .3s cubic-bezier(.4,.1,.2,1),box-shadow .3s}
#gaelvar-header .gh-mus .tk b{position:absolute;top:0;bottom:0;display:flex;align-items:center;font-weight:400;font-size:.5rem;letter-spacing:.08em;color:#d8b25a;transition:opacity .25s}
#gaelvar-header .gh-mus .tk .off{right:8px}
#gaelvar-header .gh-mus .tk .on{left:8px;opacity:0;color:#1a0e16}
#gaelvar-header .gh-mus[aria-checked="true"] .tk{background:linear-gradient(#e8c970,#c19a42);border-color:#f1d98f;box-shadow:0 0 14px #d8b25aaa,inset 0 0 6px #fff5}
#gaelvar-header .gh-mus[aria-checked="true"] .tk i{left:30px;background:radial-gradient(circle at 35% 30%,#fff,#6b4a14);box-shadow:0 1px 4px #000a}
#gaelvar-header .gh-mus[aria-checked="true"] .tk .on{opacity:1}
#gaelvar-header .gh-mus[aria-checked="true"] .tk .off{opacity:0}
#gaelvar-header .gh-mus[aria-checked="true"] .note{color:#f1d98f;text-shadow:0 0 10px #f1d98f}
#gaelvar-header .gh-mus:focus-visible .tk,#gaelvar-header .gh-mus:hover .tk{box-shadow:0 0 14px #d8b25aaa}
#gaelvar-header .gh-mus-msg{display:block;font-size:.5rem;letter-spacing:.12em;color:#e6a08a;margin-top:2px;min-height:0}
@media(prefers-reduced-motion:reduce){#gaelvar-header .gh-mus .tk i{transition:none}}