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}}

/* v18: menú inferior ordenado en cuatro pestañas */
.bottom-nav{grid-template-columns:repeat(4,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}
.timeline-list{display:grid;gap:10px;margin-top:10px}.timeline-item{display:grid;grid-template-columns:minmax(96px,150px) 1fr;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#0d1629}.timeline-item b{color:#67e8f9}.timeline-item span{color:#dbeafe}.desc-long{line-height:1.6}


/* v37: menú inferior rediseñado sin cambiar el alto de la franja */
.bottom-nav{
  grid-template-columns:repeat(4,minmax(0,1fr));
  min-height:74px;
  align-items:stretch;
}
.bottom-nav button{
  min-height:68px;
  padding:10px 4px calc(10px + env(safe-area-inset-bottom));
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
  font-size:16px;
  line-height:1.05;
  font-weight:800;
}
.bottom-nav .nav-ico{
  font-size:22px;
  line-height:1;
  font-weight:400;
  opacity:.88;
  transform:translateY(-1px);
}
.bottom-nav button.active .nav-ico{opacity:1}
@media(max-width:560px){
  .bottom-nav{min-height:74px}
  .bottom-nav button{min-height:68px;font-size:15.5px;gap:6px;padding:10px 3px calc(10px + env(safe-area-inset-bottom))}
  .bottom-nav .nav-ico{font-size:21px}
}


/* v38: menú inferior con iconos monocromáticos de línea fina */
.bottom-nav{
  grid-template-columns:repeat(4,minmax(0,1fr));
  min-height:82px;
  align-items:stretch;
  background:rgba(6,16,39,.96);
}
.bottom-nav button{
  min-height:76px;
  padding:9px 4px calc(8px + env(safe-area-inset-bottom));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  text-align:center;
  font-size:13.5px;
  line-height:1;
  font-weight:760;
  color:#cbd5e1;
}
.bottom-nav .nav-ico{
  width:30px;
  height:30px;
  display:block;
  opacity:.86;
  transform:none;
}
.bottom-nav .nav-ico svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bottom-nav .nav-label{display:block}
.bottom-nav button.active{color:#67e8f9;font-weight:900}
.bottom-nav button.active .nav-ico{opacity:1}
main{padding-bottom:96px}
@media(max-width:700px){
  main{padding-bottom:96px}
  .bottom-nav{min-height:82px}
  .bottom-nav button{min-height:76px;font-size:13.5px;padding:9px 3px calc(8px + env(safe-area-inset-bottom));gap:5px}
  .bottom-nav .nav-ico,.bottom-nav .nav-ico svg{width:29px;height:29px}
}