:root{--primary:#0056b3;--primary-light:#007bff;--primary-gradient:linear-gradient(135deg, #0056b3 0%, #00d2ff 100%);--bg-color:#f4f7f6;--text-main:#2d3748;--text-muted:#718096;--glass-bg:#ffffffb3;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #1f268726}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:Inter,sans-serif;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex}.sidebar{border-right:1px solid var(--glass-border);z-index:1000;background:#fff;flex-direction:column;width:380px;display:flex;box-shadow:4px 0 15px #0000000d}.sidebar-header{background:var(--primary-gradient);color:#fff;padding:30px 20px}.logo{letter-spacing:-1px;font-size:2.2rem;font-weight:700}.subtitle{opacity:.9;margin-top:5px;font-size:.95rem}.filters{border-bottom:1px solid #e2e8f0;gap:10px;padding:15px;display:flex}.filter-btn{color:var(--text-muted);cursor:pointer;background:#edf2f7;border:none;border-radius:20px;flex:1;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .3s}.filter-btn:hover{background:#e2e8f0}.filter-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 10px #0056b34d}.project-list{flex-direction:column;flex:1;gap:12px;padding:15px;display:flex;overflow-y:auto}.project-list::-webkit-scrollbar{width:6px}.project-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.project-card{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:12px;padding:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 8px #0000000a}.project-card:hover,.project-card.selected{border-color:var(--primary-light);transform:translateY(-3px);box-shadow:0 8px 16px #00000014}.card-title{color:var(--primary);margin-bottom:6px;font-size:1.1rem;font-weight:700}.card-meta{color:var(--text-muted);justify-content:space-between;font-size:.85rem;display:flex}.badge{border-radius:12px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge.operacion{color:#22543d;background:#c6f6d5}.badge.diseno{color:#7b341e;background:#feebc8}.map-container{flex:1;position:relative}#map{width:100%;height:100%}.glass-panel{border:1px solid var(--glass-border);width:350px;box-shadow:var(--glass-shadow);z-index:1000;background:#fff;border-radius:16px;padding:24px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:20px;right:20px;transform:translate(120%)}.glass-panel:not(.hidden){transform:translate(0)}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:15px;right:15px}.close-btn:hover{color:#e53e3e}.details-title{color:var(--primary);margin-bottom:5px;padding-right:20px;font-size:1.4rem;font-weight:700}.details-location{color:var(--text-muted);align-items:center;gap:5px;margin-bottom:20px;font-size:.9rem;display:flex}.details-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.detail-item{background:var(--bg-color);border-radius:8px;padding:10px}.detail-label{text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:.75rem;font-weight:600}.detail-value{color:var(--text-main);font-size:1rem;font-weight:700}.detail-full{grid-column:span 2}.leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 4px 15px #0000001a}.leaflet-popup-content{font-family:Inter,sans-serif}.popup-title{color:var(--primary);margin-bottom:5px;font-weight:700}.drag-handle{background:#ffffff80;border-radius:5px;width:40px;height:5px;margin:0 auto 15px;display:none}@media (width<=768px){.app-container{display:block}.map-container{width:100%;height:100dvh;position:absolute;top:0;left:0}.sidebar{border-right:none;border-top:1px solid var(--glass-border);z-index:1500;border-radius:24px 24px 0 0;width:100%;height:50vh;transition:height .3s cubic-bezier(.25,.8,.25,1);position:fixed;bottom:0;left:0;box-shadow:0 -5px 20px #0000001a}.drag-handle{display:block}.sidebar-header{touch-action:none;border-radius:24px 24px 0 0;padding:15px 20px}.logo{font-size:1.5rem!important}.filters{padding:10px}.filter-btn{padding:6px 10px;font-size:.8rem}.glass-panel{z-index:2000;border-radius:24px 24px 0 0;width:100%;height:50vh;max-height:85vh;padding:20px 20px 40px;transition:height .3s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.175,.885,.32,1.275);position:fixed;inset:auto 0 0;overflow-y:auto;transform:translateY(120%);box-shadow:0 -10px 40px #00000026}.glass-panel:not(.hidden){transform:translateY(0)}.details-grid{grid-template-columns:1fr;gap:10px}.detail-full{grid-column:span 1}}