:root{--tenue:#9a9ba3}
#panel.oculto{margin-left:-318px}
#filtroRevision{display:flex;align-items:center;gap:8px;padding:3px 15px 11px;color:#ddd;font-size:12px;cursor:pointer}
#filtroRevision input{accent-color:var(--acento)}
.revision-nota{color:var(--acento)!important}
#barra .btn:disabled{opacity:.45;cursor:default}
#rutasPanel{position:absolute;z-index:41;top:60px;left:13px;width:min(310px,calc(100% - 26px));padding:15px;background:rgba(21,22,26,.96);color:#eee;border:1px solid var(--linea);border-radius:10px;box-shadow:0 8px 35px #0006}
#rutasPanel[hidden]{display:none}
.rutaTitulo{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:10px}
#cerrarSalidas{border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer;padding:0 8px}
#rutasLista{display:grid;gap:8px}
#rutasLista button{border:1px solid #5c5140;background:#302a21;color:#f7f1e5;border-radius:6px;text-align:left;font:inherit;font-size:13px;padding:10px;cursor:pointer}
#rutasPanel p{font-size:11px;color:#aaa;line-height:1.45;margin-top:12px}
#estadoRevision{position:absolute;top:62px;right:13px;z-index:32;max-width:240px;background:#191a20dd;color:#f1e6ca;border:1px solid #5b4e35;border-radius:6px;font-size:11px;padding:7px 10px;pointer-events:none;line-height:1.4}
#estadoRevision:empty{display:none}
.pnlm-hotspot.flecha{width:40px;height:40px}
.pnlm-hotspot.flecha .etiq{opacity:1;max-width:170px;white-space:normal;text-align:center;line-height:1.2;min-width:85px;padding:4px 7px;top:43px;font-size:10px}
#rotulo{max-width:calc(100% - 260px);white-space:normal;text-align:center}
#minimapa{width:160px;opacity:.85}
#minimapa:hover{opacity:1}
#mapaCab{font-size:9px}
#minimapa.grande{width:min(70vw,620px)}
@media(max-width:760px){#panel.oculto{margin-left:-290px}#barra{gap:5px}#barra .btn{padding:0 9px;font-size:12px}#barra .mini{width:32px}#derecha{gap:4px}#rotulo{max-width:90%;bottom:16px;font-size:12px}#minimapa{display:none!important}#estadoRevision{top:61px;max-width:200px;font-size:10px}.pnlm-hotspot.flecha{width:42px;height:42px}}

#modoCaminar{display:flex;align-items:center;gap:8px;padding:0 15px 11px;color:#ddd;font-size:12px;cursor:pointer}
#modoCaminar input{accent-color:var(--acento)}
#guiaRuta{position:absolute;z-index:36;left:16px;bottom:70px;max-width:min(570px,calc(100% - 200px));display:flex;align-items:center;gap:10px;background:#17191feb;border:1px solid #c8a25e;color:white;border-radius:8px;padding:11px 13px;font-size:12px}
#guiaRuta[hidden]{display:none}
#guiaRuta b,#guiaPaso{display:block;line-height:1.4}
#guiaPaso{font-size:11px;color:#c7c7cc;margin-top:3px}
#guiaRuta button{border:1px solid #6d6049;background:#3d3425;color:#fff;border-radius:5px;padding:8px;font-size:11px;cursor:pointer}
#guiaRuta #guiaCerrar{border:0;background:transparent;font-size:23px;padding:0 4px}
.flecha.siguiente{background:#efd295;box-shadow:0 0 0 5px #efd29555,0 3px 14px #0008}
@media(max-width:760px){#guiaRuta{left:10px;right:10px;max-width:none;bottom:65px;padding:9px;font-size:11px;gap:6px}#guiaRuta button{max-width:105px}#guiaPaso{font-size:10px}}

/* Todas las plantas visibles también en pantallas pequeñas. */
#plantas{display:grid;grid-template-columns:1fr 1fr;gap:3px}
#plantas .pl{font-family:inherit;text-align:left;background:transparent;border:0;border-left:3px solid transparent;padding:5px 7px}
#plantas .pl.on{background:rgba(200,162,94,.14);border-left-color:var(--acento)}
#rotulo{white-space:normal;text-align:center;max-width:90%;width:max-content}