*{margin:0;padding:0;box-sizing:border-box}.close-panel svg,.map-title svg,.legend svg,.projects-panel svg{width:16px!important;height:16px!important}.map-container svg{max-width:100%;height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f0eb;color:#333}#mapa-root{width:100%;height:100%;min-height:500px;overflow:hidden}.map-container{width:100%;height:100%;min-height:500px;position:relative;background:#f5f0eb}.map-title{position:absolute;top:20px;left:20px;z-index:1000;background:#fffffff2;padding:15px 25px;border-radius:10px;box-shadow:0 4px 15px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-title h1{font-size:24px;color:#2c3e50;margin-bottom:5px}.map-title p{font-size:14px;color:#7f8c8d}.map-svg{width:100%;height:100%}@media (max-width: 768px){.map-container{min-height:400px}.map-title{padding:10px 15px;font-size:18px}.map-title h1{font-size:20px}.map-title p{font-size:12px}}@media (max-width: 480px){.map-container{min-height:350px}}.region{fill:#3498db;stroke:#fff;stroke-width:1;cursor:pointer;transition:all .3s ease}.region:hover{fill:#e74c3c;stroke-width:2;transform:scale(1.02)}.region.active{fill:#f39c12;stroke-width:3}.region.has-projects{fill:#27ae60}.region.has-projects:hover{fill:#e67e22}.legend{position:absolute;bottom:20px;right:20px;background:#fffffff2;padding:15px;border-radius:10px;box-shadow:0 4px 15px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:15px;min-width:200px}.legend-colors,.legend-buttons{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;margin:5px 0;font-size:12px}.legend-color{width:20px;height:15px;margin-right:8px;border-radius:3px}.legend-button{background:#ff5319;color:#fff;border:none;padding:8px 12px;border-radius:5px;font-size:11px;cursor:pointer;transition:background-color .2s ease;text-align:center}.legend-button:hover{background:#e04a16}.projects-panel{position:absolute;top:20px;right:20px;width:350px;max-height:80vh;background:#fffffff2;border-radius:10px;box-shadow:0 4px 15px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;z-index:1000}.projects-panel h3{padding:15px 20px;background:#ff5319;color:#fff;margin:0;border-radius:10px 10px 0 0}.project-item{padding:12px 20px;border-bottom:1px solid #ecf0f1;cursor:pointer;transition:background-color .2s ease}.project-item:hover{background-color:#f8f9fa}.project-item:last-child{border-bottom:none}.project-title{font-weight:700;color:#2c3e50;margin-bottom:5px;font-size:14px}.project-linea{font-size:12px;color:#7f8c8d;margin-bottom:3px}.project-regions{font-size:11px;color:#b57763}.project-category{margin-bottom:20px}.project-category h4{font-size:14px;color:#55555b;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #ecf0f1}.project-buttons{margin:20px 0;display:flex;flex-direction:column;gap:10px}.project-button{background:#ff5319;color:#fff;border:none;padding:8px 15px;border-radius:5px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.project-button:hover{background:#e04a16}.projects-content{padding:0 20px 20px}.close-panel{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#fff}@media (max-width: 768px){.projects-panel{width:90%;right:5%}.map-title{left:10px;right:10px;width:auto}.legend{bottom:10px;right:10px}}