/* ===== MOBILE NAV =====
   Barra fija inferior solo en móvil (≤640px). Un toque lleva con scroll suave a cada
   sección. Aparece al dejar atrás el hero; el globo de WhatsApp sube para no solaparse. */

.mobile-nav{ display:none; }

@media (max-width:640px){
  :root{ --mobile-nav-h:60px; }

  .mobile-nav{
    position:fixed; left:0; right:0; bottom:0; z-index:30;
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; gap:2px;
    height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));
    padding:6px 8px calc(6px + env(safe-area-inset-bottom));
    background:rgba(250,249,245,.88); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
    border-top:1px solid var(--line);
    transform:translateY(110%); opacity:0;
    transition:transform .35s var(--ease), opacity .3s ease;
  }
  .mobile-nav.is-visible{ transform:none; opacity:1; }

  .mobile-nav a{
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
    border-radius:var(--radius-sm); text-decoration:none; color:var(--muted);
    font-size:.66rem; font-weight:500; letter-spacing:.02em; line-height:1;
    transition:color .2s ease, background .2s ease;
  }
  .mobile-nav a svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
  .mobile-nav a.is-active{ color:var(--ink); background:var(--surface); }
  .mobile-nav a.mobile-nav-cta{ color:var(--ground); background:var(--ink); }
  .mobile-nav a.mobile-nav-cta.is-active{ background:#2b2b29; }

  /* deja sitio a la barra al final de la página y sube el globo de WhatsApp */
  body{ padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom)); }
  .whatsapp-float{ bottom:calc(var(--mobile-nav-h) + .875rem + env(safe-area-inset-bottom)); }

  /* punto de llegada del scroll: un poco de aire arriba */
  section.block[id]{ scroll-margin-top:12px; }
  /* "Únete" vuelve al inicio real de la página (topbar incluido) */
  #inicio{ scroll-margin-top:100vh; }
}