/* CSS común de todas las páginas públicas: menú (header_publico.php) y pie (footer_publico.php).
   Antes estaba copiado dentro del <style> de cada página. */

/* ── Menú ── */
header.nav{position:sticky;top:0;z-index:50;background:rgba(246,242,234,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:24px;height:68px}
.logo{display:flex;align-items:center;gap:10px;font-family:"Bricolage Grotesque";font-weight:800;font-size:19px}
.logo .box{width:34px;height:34px;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:17px}
.logo b{color:var(--violet)}
.nav-links{display:flex;gap:26px;margin-left:auto;font-size:15px;font-weight:500}
.nav-links a:hover{color:var(--violet)}
.nav-links a.activo{color:var(--violet);font-weight:600}
.nav-cta{display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:#fff;padding:10px 18px;border-radius:10px;font-weight:600;font-size:14px;transition:transform .15s,background .15s}
.nav-cta:hover{background:var(--violet);transform:translateY(-1px)}
.nav-burger{display:none;background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:var(--ink);padding:4px 6px;margin-left:10px}
@media(max-width:860px){
  .nav-in{position:relative;gap:10px}
  .nav-cta{padding:8px 12px;font-size:13px}
  .nav-burger{display:block;margin-left:0}
  .nav-links{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:0;
    background:#f6f2ea;max-height:0;overflow:hidden;transition:max-height .25s ease;
    border-bottom:1px solid var(--line);margin-left:0;box-shadow:0 8px 16px rgba(23,19,31,.08)}
  .nav-links.abierto{max-height:420px;padding:8px 24px 16px}
  .nav-links a{padding:12px 0;border-bottom:1px solid var(--line)}
}

/* ── Pie (único para todas las páginas; sale de includes/footer_publico.php) ── */
footer.pie{background:var(--ink);color:rgba(255,255,255,.7);padding:50px 0 30px;font-size:14px}
footer.pie .wrap,footer.pie .wrap-ancho{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
footer.pie .logo{color:#fff}
footer.pie a:hover{color:#fff}
footer.pie .legal{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:13px;color:rgba(255,255,255,.5);width:100%}