/* ════════════════════════════════════════════════════════════════════
   European Founders Lab · SHELL (cabecera del anfitrión + sub-nav)
   Autocontenido y con prefijo fl- para funcionar igual en la landing,
   el journal y la guía, sin chocar con el CSS de cada página.
   Paleta y tipografía = sistema v5 (tinta + hielo, Nimbus Sans).
   ════════════════════════════════════════════════════════════════════ */

:root{
  --fl-tinta:#0D1418; --fl-hielo:#E7EBEA; --fl-linea:#C6D0D2; --fl-gris:#566165;
  --fl-verde:#5FA234;
  --fl-host:#D8351F;                 /* lo fija shell.js según ?host= */
  --fl-mono:"Noto Sans Mono","DejaVu Sans Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fl-sans:"Nimbus Sans","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
}

/* ── Barra del ANFITRIÓN (nunca cambia · vuelve a su web) ───────────── */
.fl-hostbar{position:fixed;top:0;left:0;right:0;z-index:70;font-family:var(--fl-sans);
  transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s;
  border-bottom:1px solid transparent}
.fl-hostbar.on{background:rgba(231,235,234,.92);backdrop-filter:saturate(1.4) blur(7px);border-bottom-color:var(--fl-linea)}
.fl-hostbar.oculta{transform:none}   /* no se oculta: queda siempre alineada con la sub-nav */

.fl-nav{display:flex;align-items:center;gap:1.6rem;justify-content:space-between;
  max-width:1400px;margin:0 auto;padding:12px clamp(1.15rem,4vw,4.5rem)}

.fl-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;
  font-size:1.02rem;color:#fff;white-space:nowrap;transition:color .25s}
.fl-brand .fl-dot{width:11px;height:11px;border-radius:50%;background:var(--fl-host);flex:none;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--fl-host) 22%,transparent)}
.fl-hostbar.on .fl-brand{color:var(--fl-tinta)}

/* reset defensivo: algunos anfitriones estilan li/ul globalmente (p.ej. li::before) */
.fl-menu, .fl-sec-menu{list-style:none}
.fl-menu li, .fl-sec-menu li{position:static;padding:0;margin:0}
.fl-menu li::before, .fl-sec-menu li::before{content:none;display:none}

.fl-menu{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0;
  font-size:.86rem;font-weight:500}
.fl-menu a{color:#dbe1e0;transition:color .25s;text-decoration:none}
.fl-menu a:hover{color:#fff}
.fl-hostbar.on .fl-menu a{color:var(--fl-gris)}
.fl-hostbar.on .fl-menu a:hover{color:var(--fl-tinta)}
/* item "Founders Lab" = página actual, marcado con el acento del anfitrión */
.fl-menu a.fl-cur{color:var(--fl-host);font-weight:700}
.fl-hostbar.on .fl-menu a.fl-cur{color:var(--fl-host)}

.fl-cta{font-family:var(--fl-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  border:1px solid #fff;color:#fff;padding:9px 16px;border-radius:999px;white-space:nowrap;
  text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.fl-cta:hover{background:#fff;color:var(--fl-tinta)}
.fl-hostbar.on .fl-cta{border-color:var(--fl-tinta);color:var(--fl-tinta)}
.fl-hostbar.on .fl-cta:hover{background:var(--fl-tinta);color:var(--fl-hielo)}

@media(max-width:900px){.fl-menu{display:none}}

/* ── Sub-nav de la SECCIÓN Founders (identidad del programa) ────────── */
.fl-subnav{position:sticky;top:52px;z-index:60;background:rgba(247,249,248,.94);
  backdrop-filter:saturate(1.3) blur(6px);border-bottom:1px solid var(--fl-linea);
  font-family:var(--fl-sans)}
.fl-subnav-in{max-width:1400px;margin:0 auto;padding:9px clamp(1.15rem,4vw,4.5rem);
  display:flex;align-items:center;gap:1.4rem;justify-content:space-between}
.fl-sec-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:.9rem;
  letter-spacing:-.01em;color:var(--fl-tinta);white-space:nowrap;text-decoration:none}
.fl-sec-brand .fl-dot{width:9px;height:9px;border-radius:50%;background:var(--fl-verde);flex:none}
.fl-sec-brand small{display:block;font-family:var(--fl-mono);font-weight:400;font-size:.52rem;
  letter-spacing:.11em;text-transform:uppercase;color:var(--fl-gris);margin-top:1px}
.fl-sec-menu{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0;
  font-size:.82rem;font-weight:500;overflow-x:auto}
.fl-sec-menu a{color:var(--fl-gris);text-decoration:none;transition:color .2s;white-space:nowrap}
.fl-sec-menu a:hover{color:var(--fl-tinta)}
.fl-apply{display:inline-flex;align-items:center;gap:.45rem;background:var(--fl-verde);color:#fff;
  font-weight:700;font-size:.82rem;padding:.5rem 1rem;border-radius:999px;text-decoration:none;
  white-space:nowrap;transition:filter .2s}
.fl-apply:hover{filter:brightness(1.08)}
.fl-apply svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;fill:none}
@media(max-width:820px){.fl-sec-menu{display:none}}