.odm-wrap{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif}
.odm-toolbar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}
.odm-brand{font-weight:600;margin-right:.5rem}
.odm-tab,.odm-firms-btn{padding:.4rem .7rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;cursor:pointer}
.odm-tab:hover,.odm-firms-btn:hover{border-color:#cfe9f3;box-shadow:0 0 0 3px rgba(0,150,200,.08)}
.odm-controls{gap:.5rem;display:inline-flex;align-items:center}
.odm-mag{display:inline-flex;gap:.35rem;align-items:center}
.odm-mag input[type=range]{width:140px}
.odm-layout{display:grid;grid-template-columns:1fr 320px;gap:.75rem}
@media(max-width:1024px){.odm-layout{grid-template-columns:1fr} .odm-side{order:-1}}
.odm-map{border:1px solid #eee;border-radius:.75rem;overflow:hidden}
.odm-side{border:1px solid #eee;border-radius:.75rem;padding:.75rem;background:#fff}
.odm-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.5rem 0}
.odm-list{margin:.25rem 0;padding-left:1rem}
.odm-list li{margin:.2rem 0;line-height:1.3}
.odm-pin span{display:block;width:.8rem;height:.8rem;border-radius:50%;box-shadow:0 0 0 2px #fff}
.odm-pin.volcan span{background:#d32f2f}
.odm-pin.tsunami span{background:#2196f3}
.odm-pin.sismo span{background:#607d8b}
.odm-pin.meteo span{background:#03a9f4}
.odm-pin.fuego span{background:#ff9800}
.odm-pin.clima span{background:#9c27b0}
.odm-theme-light .odm-side,.odm-theme-light .odm-tab,.odm-theme-light .odm-firms-btn{background:#fff;border-color:#e5e7eb;color:#111827}
.odm-theme-dark{color:#e5e7eb;background:#0b1020}
.odm-theme-dark .odm-map{border-color:#1f2937}
.odm-theme-dark .odm-side{background:#141a2d;border-color:#1f2937}
.odm-theme-dark .odm-tab,.odm-theme-dark .odm-firms-btn{background:#141a2d;border-color:#1f2937;color:#e5e7eb}