*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}.app-container{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #eee;--text-secondary: #aaa;--accent: #e94560;--accent-hover: #ff6b6b;--success: #4ade80;--warning: #fbbf24;--error: #ef4444}.app-container.light{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #e0e0e0;--text-primary: #1a1a2e;--text-secondary: #666;--accent: #e94560}.app-container{width:100%;height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);font-family:system-ui,-apple-system,sans-serif}.header{padding:10px 20px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:2px solid var(--accent);display:flex;justify-content:space-between;align-items:center;z-index:1000;flex-wrap:wrap;gap:10px}.header-left{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.header h1{color:var(--accent);font-size:1.3rem;font-weight:600}.status-badges{display:flex;gap:10px;align-items:center}.status-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.status-badge.connected{background:#4ade8033;color:var(--success);border:1px solid var(--success)}.status-badge.disconnected{background:#fbbf2433;color:var(--warning);border:1px solid var(--warning)}.header-right{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.status-text{color:var(--text-secondary);font-size:.85rem}.header-controls{display:flex;gap:8px}.header-controls button{padding:6px 12px;border:1px solid var(--accent);border-radius:6px;background:transparent;color:var(--accent);font-size:.8rem;cursor:pointer;transition:all .2s}.header-controls button:hover,.header-controls button.active{background:var(--accent);color:#fff}.theme-btn{font-size:1.1rem!important;padding:4px 8px!important}.alerts-container{position:fixed;top:70px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:8px;max-width:400px}.alert-item{display:flex;align-items:center;gap:10px;padding:12px 15px;background:linear-gradient(135deg,#ff6b6b 0%,var(--accent) 100%);border-radius:8px;color:#fff;animation:slideIn .3s ease;box-shadow:0 4px 15px #e9456066}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.alert-icon{font-size:1.5rem}.alert-message{flex:1;font-size:.9rem}.alert-dismiss{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;opacity:.7}.alert-dismiss:hover{opacity:1}.main-content{flex:1;display:flex;overflow:hidden}.side-panels{width:300px;display:flex;flex-direction:column;overflow-y:auto;border-left:1px solid rgba(233,69,96,.3)}.map-wrapper{flex:1;display:flex;flex-direction:column;position:relative}.map-container{flex:1;width:100%;position:relative}.leaflet-container{width:100%;height:100%;background-color:var(--bg-primary)}.map-legend{position:absolute;bottom:30px;left:12px;z-index:1000;background:#16213eeb;border:1px solid rgba(233,69,96,.4);border-radius:8px;padding:10px 14px;pointer-events:auto}.light .map-legend{background:#ffffffeb;border-color:#e945604d}.map-legend-title{color:var(--text-secondary);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.map-legend-item{display:flex;align-items:center;gap:8px;padding:2px 0;color:var(--text-primary);font-size:.78rem}.map-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.time-slider{background:var(--bg-secondary);border-bottom:1px solid rgba(233,69,96,.3);padding:10px 20px;display:flex;align-items:center;gap:15px}.time-controls{display:flex;gap:8px}.time-controls button{width:36px;height:36px;border:1px solid var(--accent);border-radius:50%;background:transparent;color:var(--accent);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.time-controls button:hover,.time-controls button.playing{background:var(--accent);color:#fff}.slider-container{flex:1;display:flex;flex-direction:column;gap:5px}.time-labels{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.75rem}.current-time{color:var(--accent);font-weight:600}.time-range{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none}.time-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #0000004d}.time-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid white}.window-control{display:flex;align-items:center;gap:8px;margin-left:auto}.window-control label{color:var(--text-secondary);font-size:.75rem}.window-control select{padding:4px 8px;background:var(--bg-primary);border:1px solid rgba(233,69,96,.3);border-radius:4px;color:var(--text-primary);font-size:.8rem}.leaflet-popup-content-wrapper{background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;border:1px solid var(--accent)}.leaflet-popup-tip{background:var(--bg-secondary)}.fire-popup{font-size:.85rem;min-width:220px}.fire-popup h3{color:var(--accent);margin-bottom:6px;font-size:1rem;border-bottom:1px solid rgba(233,69,96,.3);padding-bottom:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fire-popup p{margin:5px 0;color:var(--text-secondary)}.fire-popup strong{color:var(--text-primary)}.fire-description{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin-bottom:8px!important}.fire-duration{background:#e945601a;border-left:3px solid var(--accent);padding:6px 8px;margin:6px 0!important;font-size:.8rem;color:var(--text-secondary)}.fire-wind-info{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.fire-wind-warning{color:#f97316!important;font-weight:700;font-size:.8rem}.fire-emergency-tip{margin-top:10px;padding:8px;background:#dc262626;border:1px solid rgba(220,38,38,.4);border-radius:6px;font-size:.8rem;color:#fca5a5;text-align:center}.severity-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase}.severity-badge.major{background:#dc2626;color:#fff}.severity-badge.significant{background:#f97316;color:#fff}.severity-badge.moderate{background:#eab308;color:#000}.severity-badge.minor{background:#22c55e;color:#fff}@keyframes new-fire-pulse{0%,to{stroke-opacity:1;stroke-width:2}50%{stroke-opacity:.4;stroke-width:3}}.new-fire-marker.leaflet-interactive{animation:new-fire-pulse 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.new-fire-marker.leaflet-interactive{animation:none}}.region-tooltip{background:var(--bg-secondary)!important;border:1px solid var(--accent)!important;color:var(--text-primary)!important;font-size:.8rem;padding:5px 10px!important;border-radius:4px!important}.wind-arrow,.wind-arrow-icon{background:transparent!important;border:none!important}.wind-arrow-icon svg{transition:transform .3s ease}.loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#16213ef2;padding:20px 40px;border-radius:8px;border:1px solid var(--accent);color:var(--text-primary);z-index:1000;font-size:.95rem}.risk-banner{display:flex;align-items:center;gap:12px;padding:10px 20px;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.risk-banner.boton-rojo{background:linear-gradient(90deg,#dc2626,#b91c1c,#dc2626);background-size:200% 100%;animation:slideDown .3s ease,pulseGradient 2s ease infinite}@keyframes pulseGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.risk-banner.peak-hours{background:linear-gradient(90deg,#f97316,#ea580c)}.risk-icon{font-size:1.5rem}.risk-content{display:flex;flex-direction:column;gap:2px;flex:1}.risk-content strong{color:#fff;font-size:.9rem;letter-spacing:1px}.risk-content span{color:#ffffffe6;font-size:.8rem}.risk-stat{background:#0003;padding:4px 10px;border-radius:12px;font-size:.75rem;color:#fff;white-space:nowrap}.fwi-panel{background:var(--bg-secondary);display:flex;flex-direction:column;overflow-y:auto;transition:all .3s}.fwi-panel.collapsed{max-height:48px;overflow:hidden}.fwi-panel.loading{opacity:.7}.fwi-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:var(--bg-tertiary);cursor:pointer;border-bottom:1px solid rgba(233,69,96,.3)}.fwi-header h3{color:var(--text-primary);font-size:.9rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fwi-badge{padding:3px 8px;border-radius:12px;font-size:.7rem;color:#fff;font-weight:600}.fwi-loading{padding:20px;text-align:center;color:var(--text-secondary)}.fwi-content{padding:15px;display:flex;flex-direction:column;gap:15px}.fwi-city-label{display:block;color:var(--text-secondary);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.fwi-city-select select{width:100%;padding:8px 10px;background:var(--bg-primary);border:1px solid rgba(233,69,96,.3);border-radius:6px;color:var(--text-primary);font-size:.85rem}.fwi-main{text-align:center;padding:15px;background:var(--bg-tertiary);border-radius:8px}.fwi-value{font-size:1.8rem;font-weight:700;line-height:1}.fwi-bar-container{height:8px;background:var(--bg-primary);border-radius:4px;margin:12px 0;overflow:hidden}.fwi-bar{height:100%;border-radius:4px;transition:width .5s ease}.fwi-summary{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-top:4px}.fwi-weather{display:grid;grid-template-columns:1fr 1fr;gap:8px}.weather-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--bg-tertiary);border-radius:6px}.weather-label{font-size:.68rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.weather-value{font-size:.95rem;color:var(--text-primary);font-weight:600}.fwi-components h4{font-size:.8rem;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.component-item{display:flex;align-items:center;gap:8px;margin-bottom:6px}.component-name{width:90px;font-size:.75rem;color:var(--text-secondary);cursor:help}.component-bar-bg{flex:1;height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.component-bar{height:100%;border-radius:3px;transition:width .3s ease}.component-value{width:50px;font-size:.72rem;color:var(--text-primary);text-align:right}.fwi-legend{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid rgba(233,69,96,.2)}.legend-item{display:flex;align-items:center;gap:4px;font-size:.65rem;color:var(--text-secondary)}.legend-color{width:10px;height:10px;border-radius:2px}.collapse-icon{color:var(--text-secondary);font-size:.8rem}.info-panel{background:var(--bg-secondary);display:flex;flex-direction:column;overflow-y:auto;transition:all .3s ease;border-bottom:1px solid rgba(233,69,96,.2)}.info-panel.collapsed{max-height:48px;overflow:hidden}.info-header{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-bottom:1px solid rgba(37,99,235,.3);cursor:pointer;-webkit-user-select:none;user-select:none}.info-header h3{color:#fff;font-size:.85rem;display:flex;align-items:center;gap:8px;margin:0;flex:1}.info-icon{font-size:1rem}.info-toggle-icon{color:#fff;font-size:.7rem;transition:transform .2s ease}.info-content{padding:12px;display:flex;flex-direction:column;gap:14px;flex:1;overflow-y:auto}.info-section h4{color:var(--text-primary);font-size:.8rem;margin:0 0 8px;border-bottom:1px solid rgba(233,69,96,.2);padding-bottom:4px}.info-section p{color:var(--text-secondary);font-size:.75rem;line-height:1.5;margin:0 0 6px}.info-note{font-style:italic;opacity:.8}.info-section ul{padding-left:16px;margin:0}.info-section li{color:var(--text-secondary);font-size:.75rem;line-height:1.5;margin-bottom:4px}.info-section li strong{color:var(--text-primary)}.action-list li{color:var(--text-primary);font-weight:500}.emergency-numbers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.emergency-item{display:flex;flex-direction:column;align-items:center;padding:10px 8px;border-radius:8px;text-decoration:none;transition:transform .2s,opacity .2s;cursor:pointer}.emergency-item:hover{transform:scale(1.05);opacity:.9}.emergency-item.bomberos{background:linear-gradient(135deg,#dc2626,#b91c1c)}.emergency-item.ambulancia{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.emergency-item.carabineros{background:linear-gradient(135deg,#059669,#047857)}.emergency-item.conaf{background:linear-gradient(135deg,#d97706,#b45309)}.emergency-number{color:#fff;font-size:1.5rem;font-weight:800;line-height:1}.emergency-label{color:#ffffffe6;font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.info-table{display:flex;flex-direction:column;gap:1px;background:#e945601a;border-radius:6px;overflow:hidden;margin:6px 0}.info-table-row{display:flex;gap:8px;padding:8px 10px;background:var(--bg-tertiary);font-size:.72rem;color:var(--text-secondary)}.info-table-row.header{background:var(--bg-primary);color:var(--accent);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.info-table-row strong{color:var(--text-primary);min-width:40px}.info-table-row span{flex:1}.info-link{display:block;color:#60a5fa;text-decoration:none;font-size:.75rem;padding:6px 8px;background:var(--bg-tertiary);border-radius:4px;margin-bottom:4px;transition:background .2s}.info-link:hover{background:var(--bg-primary);text-decoration:underline}.info-link:last-child{margin-bottom:0}.quemas-panel{background:var(--bg-secondary);display:flex;flex-direction:column;overflow-y:auto;transition:all .3s ease;border-bottom:1px solid rgba(233,69,96,.2)}.quemas-panel.collapsed{max-height:48px;overflow:hidden}.quemas-header{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:linear-gradient(135deg,#d97706,#b45309);border-bottom:1px solid rgba(217,119,6,.3);cursor:pointer;-webkit-user-select:none;user-select:none}.quemas-header h3{color:#fff;font-size:.85rem;display:flex;align-items:center;gap:8px;margin:0;flex:1}.app-footer{padding:8px 20px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-top:1px solid var(--accent);display:flex;justify-content:center;align-items:center;gap:20px;z-index:1000}.footer-message{color:var(--text-primary);font-size:.9rem;font-weight:500}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}@media (max-width: 768px){.header{padding:8px 12px;gap:8px}.header h1{font-size:.95rem}.header-left{gap:10px}.header-right{gap:8px}.status-badges,.status-text{display:none}.header-controls{gap:4px}.header-controls button{padding:6px 8px;font-size:.9rem}.main-content{flex-direction:column}.map-wrapper{width:100%;min-height:50vh}.side-panels{width:100%;border-left:none;border-top:1px solid rgba(233,69,96,.3);max-height:50vh;overflow-y:auto}.time-slider{flex-wrap:wrap;padding:8px 12px;gap:10px}.time-controls{order:1}.slider-container{order:3;width:100%}.window-control{order:2;margin-left:auto}.window-control label{display:none}.alerts-container{top:60px;right:10px;left:10px;max-width:none}.alert-item{padding:10px 12px;font-size:.85rem}.risk-banner{flex-wrap:wrap;padding:8px 12px;gap:8px}.risk-icon{font-size:1.2rem}.risk-content{flex:1;min-width:0}.risk-content strong{font-size:.8rem}.risk-content span{font-size:.7rem;display:block}.map-legend{bottom:20px;left:8px;padding:8px 10px}.map-legend-item{font-size:.7rem}.emergency-numbers{grid-template-columns:1fr 1fr}.info-table-row{flex-direction:column;gap:2px}.fwi-weather{grid-template-columns:repeat(4,1fr);gap:4px}.weather-item{padding:6px;text-align:center;align-items:center}.weather-label{font-size:.6rem}.weather-value{font-size:.8rem}}@media (max-width: 480px){.header h1{font-size:.85rem}.header-controls button{padding:5px 6px;font-size:.85rem}.fwi-weather{grid-template-columns:repeat(2,1fr)}}