header{position:sticky;top:0;z-index:10;padding:18px 16px 8px;background:rgba(6,16,39,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.top{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand h1{font-size:25px}.brand p{margin:.2rem 0 0}.install{border:0;border-radius:14px;background:var(--accent);color:#04111e;font-weight:900;padding:9px 12px}main{max-width:1120px;margin:auto;padding:14px 14px 90px}.section{display:none}.section.active{display:block}.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:rgba(6,16,39,.94);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:20}.bottom-nav button{border:0;background:transparent;color:#dbeafe;padding:15px 6px calc(15px + env(safe-area-inset-bottom));font-size:13px;min-height:64px}.bottom-nav button.active{color:#67e8f9;font-weight:900}
.install{display:none!important}.offline-badge{display:none!important}.bottom-nav{min-height:72px}.tag{border-radius:999px;padding:3px 8px;font-weight:900;font-size:12px}.tag-ok{background:#052e1a;color:#bbf7d0;border:1px solid #166534}.tag-op{background:#302207;color:#fde68a;border:1px solid #a16207}.restaurant p{margin:.5rem 0 0}.mapbox h3{margin-bottom:.35rem}

.bottom-nav{min-height:86px}.bottom-nav button{min-height:78px;padding:20px 8px calc(20px + env(safe-area-inset-bottom));font-size:14px}.install{display:none!important}

.bottom-nav{grid-template-columns:repeat(4,1fr);min-height:92px}.bottom-nav button{font-size:15px;line-height:1.15;letter-spacing:.01em;padding:22px 8px calc(22px + env(safe-area-inset-bottom));min-height:84px}.mini-link{display:inline-block;margin-top:7px;color:#67e8f9;text-decoration:none;font-weight:900;font-size:.92rem}.warn-card{border-color:#a16207;background:linear-gradient(180deg,rgba(48,34,7,.95),rgba(18,26,46,.95))}.warn-card h3{color:#fde68a}

/* v6: navegación inferior más compacta, con texto más legible */
.bottom-nav{grid-template-columns:repeat(5,1fr);min-height:74px}
.bottom-nav button{font-size:15.5px;line-height:1.1;letter-spacing:.005em;padding:14px 4px calc(14px + env(safe-area-inset-bottom));min-height:68px;font-weight:750}
.bottom-nav button.active{font-weight:950}
.currency-box{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end;margin:18px 0}
.currency-box label{font-weight:900;color:#e5f2ff}
.currency-box input{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:16px;background:#0d1629;color:#fff;font-size:22px;font-weight:900;padding:14px 12px}
.swap{border:1px solid var(--line);background:#263b61;color:#fff;border-radius:16px;font-size:22px;font-weight:900;min-width:52px;height:52px;margin-bottom:0}
.currency-presets{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}
.currency-presets button{border:1px solid var(--line);background:#0d1629;color:#dbeafe;border-radius:14px;padding:12px;font-weight:900;font-size:15px}
@media(max-width:560px){.bottom-nav button{font-size:14.5px;padding-left:2px;padding-right:2px}.currency-box{grid-template-columns:1fr}.swap{width:100%;height:46px}}