/* Componentes compartidos — BirdieLab
   Nav pública, footer público y app-shell (topbar+sidebar de las páginas internas).
   Usa las variables de tokens.css — cárgalo antes que este archivo. */

/* ── NAV PÚBLICA ── */
.bl-promo{background:var(--g);color:rgba(255,255,255,.85);text-align:center;padding:.4rem 1rem;font-size:.77rem;letter-spacing:.03em}
.bl-promo strong{color:#fff}
nav.bl-nav{position:sticky;top:0;z-index:200;background:rgba(250,250,248,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:0 5vw;height:62px;display:flex;align-items:center;gap:1.25rem}
.nav-logo{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.3rem;color:var(--g);text-decoration:none;white-space:nowrap;flex-shrink:0}
.nav-logo span{color:var(--am)}
.nav-startup{display:inline-block;background:var(--am);color:var(--amt);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:.15rem .5rem;border-radius:100px;margin-left:.4rem;vertical-align:middle}
.nav-links{display:flex;gap:1.5rem;list-style:none;flex:1;justify-content:center}
.nav-links a{text-decoration:none;color:var(--muted);font-size:1rem;font-weight:600;transition:color .2s;white-space:nowrap}
.nav-links a:hover{color:var(--g)}
.nav-links a.accent{color:var(--g);font-weight:700}
.nav-ctas{display:flex;gap:.6rem;flex-shrink:0;align-items:center}
.btn-n{padding:.42rem 1rem;border-radius:var(--rsm);font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s;white-space:nowrap;border:none;font-family:inherit}
.btn-n-out{border:1.5px solid var(--g);color:var(--g);background:transparent}
.btn-n-out:hover{background:var(--gm)}
.btn-n-fill{background:var(--g);color:#fff;border:none}
.btn-n-fill:hover{background:var(--gmt)}
.nav-cta-avatar{width:22px;height:22px;border-radius:50%;background:var(--g);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0}
.nav-cta-user{display:inline-flex;align-items:center;gap:.45rem;background:var(--gm);color:var(--g);padding:.42rem 1rem;border-radius:var(--rsm);font-size:.82rem;font-weight:700;text-decoration:none}
.nav-cta-logout{padding:.42rem .9rem;border-radius:var(--rsm);font-size:.82rem;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:#fff;color:var(--muted);transition:all .2s;font-family:inherit}
.nav-cta-logout:hover{color:#E24B4A;border-color:#E24B4A}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;border:none;background:none;padding:4px;flex-shrink:0}
.hamburger span{display:block;width:22px;height:2px;background:var(--gris);border-radius:2px}
@media(max-width:900px){
  .nav-links,.nav-ctas{display:none}
  .hamburger{display:flex;margin-left:auto}
}

/* ── FOOTER PÚBLICO ── */
footer.bl-footer{background:var(--gris);color:rgba(255,255,255,.6);padding:3rem 5vw 2rem}
.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-logo{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.25rem;color:#fff;margin-bottom:.65rem}
.footer-logo span{color:var(--am)}
.footer-tag{font-size:.95rem;line-height:1.65;max-width:230px;margin-bottom:.9rem}
.footer-col h4{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:.9rem;text-transform:uppercase;letter-spacing:.06em}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.footer-col a{color:rgba(255,255,255,.7);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}
.footer-col a:hover{color:var(--g2)}
.footer-bottom{max-width:1280px;margin:1.4rem auto 0;display:flex;align-items:center;justify-content:space-between;font-size:.85rem}
@media(max-width:700px){
  .footer-inner{grid-template-columns:1fr;gap:1.75rem}
  .footer-bottom{flex-direction:column;gap:.4rem;text-align:center}
}
footer.footer-min{display:block;text-align:center;padding:1.5rem;font-size:.78rem;color:var(--muted)}
footer.footer-min a{color:var(--g);text-decoration:none}

/* ── APP SHELL: contenedor de "Mi cuenta" (la barra y el menú están en panel.css) ── */
.bl-layout{display:flex;flex:1;min-height:0}
.content{flex:1;padding:2rem;overflow-y:auto;min-width:0}
body.bl-app{font-family:'Inter',sans-serif;background:var(--fondo);color:var(--gris);min-height:100vh;display:flex;flex-direction:column;margin:0}
@media(max-width:700px){
  .bl-layout{flex-direction:column}
  .content{padding:1rem}
}