.journey{padding:12px 20px;background:#e9e2d4;color:#16281f;font-size:14px;font-weight:600;display:flex;gap:12px;flex-wrap:wrap}
.strip h1{font-size:clamp(1.05rem,2vw,1.5rem)}.strip p,.strip .srcok,.strip .srcoff,.li,.stat .lbl,.ph p,.note,.lsub,.dl{font-size:14px}
.note,.lsub,.dl{color:#565b55}.strip p{color:#ede8dc}.strip .srcoff{color:#ffd39a}.main{grid-template-columns:minmax(0,1fr) 390px}.mw{justify-content:flex-start}
.pb{scroll-behavior:smooth}.pe{color:#4a564c;line-height:1.6}.fb{min-height:40px;font-size:14px}.bwa{background:#995020}.bwa:hover{background:#7f4018}
.calc{margin:20px 0}.calc summary{background:#1f3d2c;color:#fff;padding:15px;border-radius:8px;cursor:pointer;font-weight:600}.calc label{display:block;font-size:14px;font-weight:600;margin:16px 0 7px}
.calc input,.calc select{width:100%;padding:12px;border:1px solid #7a827a;border-radius:6px;background:white;color:#16281f;font:inherit;font-size:16px}.calc input:focus,.calc select:focus{outline:3px solid #c97b3d;outline-offset:2px}
.calc-result{margin:18px 0;padding:16px;background:#edf3ed;border-radius:8px;line-height:1.6}.calc-result strong{display:block;font-size:26px;color:#16281f}.calc-error{color:#a02520;font-size:14px;margin:10px 0}.calc .note{margin-top:12px}.calc [hidden]{display:none}.commercial{fill:#9ca3af88;stroke:#606b64;stroke-width:2;cursor:default!important}.commercial:hover{fill:#9ca3af88!important}.inventory-warning{padding:12px;background:#fff1d5;color:#634012;border-radius:7px;font-size:14px;line-height:1.5;margin-bottom:15px}
.lot-picker{width:100%;font:inherit;padding:10px;margin-bottom:14px}.legend .non-sale{background:#9ca3af}.ph{position:relative}.sheet-toggle{display:none}.ms polygon:focus-visible{stroke:#111;stroke-width:5}
@media(max-width:900px){.main{display:block}.journey{font-size:12px;padding:8px 12px;gap:5px}.strip .stats{display:none}.strip p,.strip .srcoff,.strip .srcok{font-size:12px}.panel{max-height:78%;height:78%}.ph{padding-right:85px}.sheet-toggle{display:block;position:absolute;right:12px;top:10px;padding:8px;background:#faf8f3;border:0;border-radius:5px;color:#16281f}.mi{padding-bottom:0;margin-bottom:104px}.legend{gap:8px}.li{font-size:12px}}
.journey-step{display:inline-flex;gap:6px;align-items:center}.journey-short{display:none}
@media(max-width:900px){
  nav{padding:8px 12px;gap:8px;min-height:48px}
  nav .logo{font-size:clamp(18px,5vw,23px);white-space:nowrap}
  nav .back{font-size:12px;min-height:32px;flex-shrink:0}
  nav>div:last-child{display:none}
  .strip{padding:8px 12px;gap:6px}
  .strip h1{font-size:18px;line-height:1.2}
  .heading-brand,.map-tagline{display:none}
  .strip #fuente{font-size:11px;line-height:1.35;margin-top:4px}
  .strip .legend{gap:6px 10px;flex-wrap:wrap}
  .strip .li{font-size:11px;white-space:nowrap}
  .journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 12px;gap:8px;font-size:11px;line-height:1.3}
  .journey-step{align-items:flex-start;min-width:0}
  .journey-step+.journey-step{border-left:1px solid #ccc4b4;padding-left:8px}
  .journey-arrow,.journey-long{display:none}
  .journey-short{display:inline}
  .panel:not(.open){height:auto;max-height:none;transform:none}
  .panel:not(.open) .pb{display:none}
  .panel.open{height:78%;max-height:78%;transform:none}
  .panel .ph{padding:10px 106px 12px 14px;min-height:64px}
  .panel .ph h2{font-size:15px;line-height:1.25}
  .panel .ph p{font-size:13px;line-height:1.3;margin-top:3px}
  .panel .sheet-toggle{top:10px;right:12px;min-height:40px;font-size:13px}
  .panel .pb{min-height:0;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
}

