/* v426 · Navegación simple y visual: barra inferior + hoja "Todas las secciones" */
:root{--n426-bar:68px}
body.nav426 nav.tabs{display:none!important}
body.nav426 .brandInfoRow{display:none!important}
body.nav426 .brandHeader,body.nav426 .iralaHeader395{padding-bottom:8px!important}
body.nav426 main{padding-bottom:calc(var(--n426-bar) + 28px + env(safe-area-inset-bottom,0px))!important}

/* barra inferior */
.nav426Bar{position:fixed;left:0;right:0;bottom:0;z-index:900;display:none;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid #e2e8f0;box-shadow:0 -6px 24px rgba(15,23,42,.10)}
body.admin-role .nav426Bar,body.worker-role .nav426Bar{display:grid}
.nav426Bar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;border:0;background:transparent;border-radius:16px;color:#64748b;font-size:11px;font-weight:700;padding:4px 2px;-webkit-tap-highlight-color:transparent}
.nav426Bar .bi{width:38px;height:30px;display:grid;place-items:center;border-radius:12px;font-size:20px;transition:.15s}
.nav426Bar button.on{color:#0f172a}
.nav426Bar button.on .bi{background:var(--c);color:#fff;box-shadow:0 4px 12px rgba(15,23,42,.22);transform:translateY(-2px)}
.nav426Bar .bd{position:absolute;top:2px;right:calc(50% - 26px);min-width:18px;height:18px;border-radius:9px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;display:none;place-items:center;padding:0 5px;box-shadow:0 0 0 2px #fff}

/* hoja con todas las secciones */
.nav426Back{position:fixed;inset:0;z-index:950;background:rgba(15,23,42,.45);opacity:0;pointer-events:none;transition:.2s}
.nav426Back.open{opacity:1;pointer-events:auto}
.nav426Sheet{position:fixed;left:0;right:0;bottom:0;z-index:960;max-height:88vh;overflow:auto;background:#f8fafc;border-radius:26px 26px 0 0;padding:10px 14px calc(22px + env(safe-area-inset-bottom,0px));transform:translateY(105%);transition:transform .26s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 40px rgba(15,23,42,.25)}
.nav426Sheet.open{transform:none}
.nav426Grab{width:44px;height:5px;border-radius:3px;background:#cbd5e1;margin:2px auto 12px}
.nav426Head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.nav426Head h3{margin:0;font-size:20px;color:#0f172a}
.nav426Head button{border:0;background:#e2e8f0;border-radius:50%;width:36px;height:36px;font-size:18px;font-weight:800;color:#334155}
.nav426Group{margin:14px 2px 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-weight:800}
.nav426Grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nav426Tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border:0;border-radius:20px;padding:14px;color:#fff;background:linear-gradient(145deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));box-shadow:0 8px 18px color-mix(in srgb,var(--c) 38%,transparent);min-height:96px;-webkit-tap-highlight-color:transparent}
.nav426Tile:active{transform:scale(.97)}
.nav426Tile .ti{font-size:28px;line-height:1}
.nav426Tile b{font-size:15px;line-height:1.1}
.nav426Tile small{font-size:11.5px;opacity:.9;line-height:1.2}
.nav426Tile.here{outline:3px solid #0f172a;outline-offset:2px}
.nav426Tile .bd{position:absolute;top:10px;right:10px;min-width:22px;height:22px;border-radius:11px;background:#fff;color:#ef4444;font-size:12px;font-weight:800;display:none;place-items:center;padding:0 6px}
.nav426Tile.out{background:#fff;color:#b91c1c;border:2px solid #fecaca;box-shadow:none;min-height:64px;flex-direction:row;align-items:center}
.nav426Tile.out small{color:#b91c1c}
.nav426Head button{display:grid;place-items:center;line-height:1;padding:0}
.nav426Wide{grid-column:1/-1}
@media(min-width:900px){.nav426Bar{left:50%;right:auto;width:560px;transform:translateX(-50%);border-radius:22px 22px 0 0}.nav426Sheet{left:50%;right:auto;width:560px;transform:translate(-50%,105%)}.nav426Sheet.open{transform:translate(-50%,0)}}