/* Estilos Generales y Reseteo Básico */
body, html {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #f4f7f9;
    color: #333;
    height: 100%;
    overflow: hidden; /* Evita scrolls no deseados */
}

* {
    box-sizing: border-box;
}
.container { display: flex; height: 100vh; }
.sidebar { width: 40%; display: flex; flex-direction: column; background: #fff; padding: 15px; }
#map { width: 60%; height: 100%; }
#event-list { overflow-y: auto; flex-grow: 1; border-bottom: 1px solid #eee; margin-bottom: 15px; }
.event-item { padding: 10px; border-bottom: 1px solid #f0f0f0; cursor: pointer; }
.event-item:hover { background: #f9f9f9; }
.charts-container { display: flex; gap: 15px; height: 200px; }