/* El Faro · menú de cabecera con desplegables (páginas interiores, diseño nuevo sobre azul marino) */
.fm{display:flex;align-items:center;gap:24px}
.fm-g{position:relative}
.fm-t,.fm-l{background:none;border:0;font:600 .7rem/1 var(--sans,Montserrat,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.88);cursor:pointer;padding:10px 0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.fm-t:hover,.fm-l:hover,.fm-g.on .fm-t,.fm-t[aria-current]{color:var(--gold-l,#E7C77A)}
.fm-t i{font-style:normal;font-size:.7em;transition:transform .3s}
.fm-g:hover .fm-t i,.fm-g.on .fm-t i{transform:rotate(180deg)}
.fm-p{position:absolute;top:100%;left:-20px;min-width:260px;padding:10px 0;background:#FFFDF8;border-radius:14px;box-shadow:0 22px 50px rgba(8,18,34,.28);border-top:3px solid var(--gold,#B8903C);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;z-index:60}
.fm-g:last-child .fm-p{left:auto;right:-20px}
.fm-g:hover .fm-p,.fm-g:focus-within .fm-p,.fm-g.on .fm-p{opacity:1;visibility:visible;transform:none}
.fm-p a{display:block;padding:11px 22px;font:500 .9rem/1.3 var(--sans,Montserrat,sans-serif);color:var(--navy,#0F2340);white-space:nowrap}
.fm-p a:hover{color:var(--gold,#B8903C);background:rgba(184,144,60,.08)}
.fm-p a.hl{color:var(--gold,#B8903C);font-weight:700}
.fm-p hr{border:0;border-top:1px solid var(--line,#E3D6BF);margin:6px 22px}
.fm-b{display:none;width:46px;height:42px;border:1.5px solid rgba(231,199,122,.6);border-radius:10px;background:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:none}
.fm-b span{display:block;width:20px;height:2px;background:var(--gold-l,#E7C77A);transition:.3s}
body.fm-open .fm-b span:first-child{transform:translateY(4px) rotate(45deg)}body.fm-open .fm-b span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media(max-width:1280px){.fm{gap:16px}.fm-t,.fm-l{font-size:.64rem;letter-spacing:.1em}}
@media(max-width:1120px){
  .fm-b{display:flex}
  .fm{position:fixed;top:var(--fm-top,76px);left:0;right:0;bottom:0;background:var(--navy,#0F2340);flex-direction:column;align-items:stretch;gap:0;padding:10px 22px 120px;overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s;z-index:49}
  body.fm-open .fm{opacity:1;visibility:visible;pointer-events:auto}
  body.fm-open{overflow:hidden}
  body.fm-open nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--navy,#0F2340)}
  .fm-g{border-bottom:1px solid rgba(255,255,255,.1)}
  .fm-t,.fm-l{width:100%;justify-content:space-between;font-size:.82rem;letter-spacing:.12em;padding:18px 2px;color:#fff}
  .fm-l{border-bottom:1px solid rgba(255,255,255,.1)}
  .fm-p{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;background:none;padding:0 0 12px;min-width:0;display:none}
  .fm-g:hover .fm-t i{transform:none}.fm-g.on .fm-t i{transform:rotate(180deg)}
  .fm-g.on .fm-p{display:block}
  .fm-p a{padding:12px 14px;font-size:1rem;white-space:normal;color:rgba(255,255,255,.88)}
  .fm-p a.hl{color:var(--gold-l,#E7C77A)}
  .fm-p hr{border-color:rgba(255,255,255,.12)}
}

/* logo del faro junto al nombre */
.brand{display:flex;align-items:center;gap:12px}.brand-ic{width:34px;height:auto;flex:none;display:block}
@media(max-width:560px){.brand-ic{width:28px}}

/* logos de cada marca en su cabecera y en el pie */
.hlogo{display:block;width:120px;height:auto;margin-bottom:22px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}.hlogo.sq{width:92px;border-radius:10px}
.fbr{display:flex;justify-content:center;align-items:center;gap:22px;margin-bottom:22px}.fbr img{height:46px;width:auto;border-radius:6px}