@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#f5f5f5;height:100vh;overflow:hidden}.container{display:flex;flex-direction:column;height:100vh}header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:12px 15px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:100;align-items:center;gap:15px}.menu-btn{background:0 0;border:0;color:#fff;font-size:24px;cursor:pointer;padding:5px 10px;transition:transform .2s ease;flex-shrink:0}.menu-btn:hover{transform:scale(1.1)}header h1{font-size:18px;margin:0;flex:1}header p{display:none}.content{display:flex;flex:1;gap:0;overflow:hidden}.mapa-container,.painel{background:#fff;position:relative}.mapa-container{flex:1;overflow:hidden}#mapa-svg{width:100%;height:100%;display:grid;place-items:center}.painel{width:300px;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;box-shadow:-2px 0 8px rgba(0,0,0,.08);z-index:10;transition:transform .3s ease,width .3s ease}.painel.fechado{transform:translateX(100%);width:0;border-left:none}.painel-toggle-open{position:fixed;right:20px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:0;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;align-items:center;justify-content:center;z-index:9;transition:all .3s ease}.painel-toggle-open:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.25)}.painel.fechado~.painel-toggle-open,header{display:flex}.painel-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background:#f9f9f9}.painel-content h3,.painel-header h2,.toggle-btn{font-size:18px;color:#333}.toggle-btn{background:0 0;border:0;cursor:pointer;color:#999;padding:5px 8px;transition:color .2s ease}.toggle-btn:hover{color:#333}.painel-body{flex:1;overflow-y:auto;padding:0}.painel-content{padding:20px;color:#666}.painel-content .placeholder{text-align:center;color:#aaa;font-size:14px;margin-top:40px}.info-box{padding:15px;background:#e8f4fd;border-left:4px solid #667eea;border-radius:4px;color:#333;font-size:14px;margin-bottom:15px}.painel-content h3{margin-bottom:15px;border-bottom:2px solid #667eea;padding-bottom:10px}.painel-content .cidade-info{margin-bottom:20px;padding:15px;background:#f9f9f9;border-radius:6px}.painel-content .cidade-info strong{display:block;color:#333;margin-bottom:5px}.painel-content .cidade-info code{font-size:12px;color:#666}.empresas-list{margin-top:20px}.empresas-list h4,.legenda-container h4{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.empresa-item{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:8px;background:#fff;border-left:4px solid;border-radius:3px}.empresa-item strong{flex:1;font-size:14px;color:#333}.empresa-item .cor-box{width:16px;height:16px;border-radius:3px}.legenda-container{position:absolute;bottom:20px;left:20px;background:#fff;padding:15px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:5;min-width:200px}.legenda-item{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;color:#666;padding:8px;border-radius:4px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.legenda-item:hover{background-color:#f0f0f0;color:#333}.legenda-item-ativo{background-color:#e0e7ff;color:#333;font-weight:600;border-left:3px solid #667eea;padding-left:5px}.legenda-item:last-child{margin-bottom:0}.legenda-cor{width:20px;height:20px;border-radius:3px;border:1px solid #ddd}@media (max-width:768px){.painel{width:100%;position:absolute;bottom:0;left:0;right:0;height:40%;border-left:none;border-top:1px solid #e0e0e0;z-index:15}.close-btn{display:block}.legenda-container{bottom:20px;right:20px;left:auto}header h1{font-size:22px}header{padding:15px 20px}}svg.mapa-svg{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.2);width:90%;max-width:500px;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}.modal-close,.modal-header{color:#fff;display:flex;align-items:center}.modal-header{justify-content:space-between;padding:20px;border-bottom:2px solid #667eea;background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.modal-header h3{margin:0;font-size:22px;color:#fff}.modal-close{background:0 0;border:0;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;justify-content:center;transition:transform .2s ease}.modal-close:hover{transform:scale(1.2)}.modal-body{padding:20px;color:#333}.empresa-modal-info{margin-bottom:20px}.empresa-modal-info strong,.modal-info h4{color:#667eea;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.empresa-modal-info strong{display:block;margin-bottom:5px}.empresa-modal-info p{margin:0;color:#666;line-height:1.6}.empresa-cor-box{display:inline-block;width:24px;height:24px;border-radius:4px;border:1px solid #ddd;vertical-align:middle;margin-right:8px}.modal-info{padding:20px;line-height:1.8;color:#333}.modal-info h4{margin-top:15px;margin-bottom:8px}.modal-info h4:first-child{margin-top:0}.modal-info p{margin:0 0 15px;font-size:14px}