/* Botones de Sismo */
        .flag-btn {
            filter: grayscale(100%);
            opacity: 0.6;
            transition: all 0.2s;
            border: 2px solid transparent;
        }
        .flag-btn:hover, .flag-btn.active {
            filter: grayscale(0%);
            opacity: 1;
            transform: scale(1.1);
            border-color: var(--accent);
        }

        /* Botones de Mapa */
        .map-btn {
            text-align: left;
            padding: 12px;
            border-radius: 8px;
            background: var(--card-bg);
            border: 1px solid var(--border);
            color: var(--text-sub);
            transition: all 0.2s;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .map-btn:hover {
            background: rgba(59, 130, 246, 0.1);
            color: var(--text-main);
            border-color: var(--accent);
        }
        .map-btn.active {
            background: var(--accent);
            color: white;
            border-color: var(--accent);
        }
        
        /* Botones de Acción Mapa */
        .map-action-btn {
            padding: 8px 12px;
            border-radius: 6px;
            background: rgba(59, 130, 246, 0.1);
            border: 1px solid rgba(59, 130, 246, 0.3);
            color: var(--text-main);
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            gap: 6px;
            cursor: pointer;
        }
        .map-action-btn:hover {
            background: rgba(59, 130, 246, 0.3);
            border-color: var(--accent);
        }
        .map-action-btn.scanning {
            background: rgba(234, 179, 8, 0.2);
            border-color: #eab308;
            color: #eab308;
            cursor: wait;
        }
        /* Botones NASA */
        .nasa-btn {
            border-color: rgba(249, 115, 22, 0.3);
            background: rgba(249, 115, 22, 0.1);
        }
        .nasa-btn:hover {
            border-color: #f97316;
            background: rgba(249, 115, 22, 0.2);
        }
        .nasa-btn.active {
            background: #f97316;
            color: white;
        }